:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #00d084}:focus:not(:focus-visible){outline:none}:root{--color-primary:#00d084;--color-primary-dark:#00a86b;--color-secondary:#030f27;--color-accent:#8bc34a;--color-success:#22c55e;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.25;text-decoration:none;transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s,opacity .18s;display:inline-flex}.btn:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-sm{padding:6px 16px;font-size:13px}.btn-lg{padding:14px 32px;font-size:16px}.btn-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover,.btn-primary:focus-visible{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.btn-secondary{background-color:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.btn-secondary:hover,.btn-secondary:focus-visible{color:#fff;background-color:#0a1f4a;border-color:#0a1f4a}.btn-outline{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.btn-outline:hover,.btn-outline:focus-visible{background-color:var(--color-primary);color:#fff}.btn-ghost{color:#4b5563;background-color:#0000;border-color:#0000}.btn-ghost:hover,.btn-ghost:focus-visible{color:#111827;background-color:#f3f4f6}.btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.55s linear infinite btn-spin;display:inline-block}@keyframes btn-spin{to{transform:rotate(360deg)}}.input-label{color:#374151;margin-bottom:5px;font-size:14px;font-weight:500;line-height:1.4;display:block}.dark .input-label{color:#d1d5db}.input-label .required-mark{color:var(--color-error);margin-left:2px}.input-field{color:#111827;border-radius:var(--radius-md);box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .15s,box-shadow .15s;display:block}.input-field::placeholder{color:#9ca3af}.input-field:hover:not(:focus){border-color:#9ca3af}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00d08426}.input-field.is-error{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.input-field.is-success{border-color:var(--color-success);box-shadow:0 0 0 3px #22c55e1a}.dark .input-field{color:#f9fafb;background-color:#1f2937;border-color:#374151}.dark .input-field:focus{border-color:var(--color-primary)}.input-error-msg{color:var(--color-error);margin-top:4px;font-size:12px;display:block}.input-hint{color:#6b7280;margin-top:4px;font-size:12px;display:block}.ds-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;border:1px solid #e5e7eb;padding:24px;transition:box-shadow .2s,transform .2s}.ds-card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dark .ds-card{background-color:#1f2937;border-color:#374151}.badge{border-radius:var(--radius-full);align-items:center;padding:2px 10px;font-size:12px;font-weight:500;line-height:20px;display:inline-flex}.badge-success{color:#166534;background-color:#dcfce7}.badge-error{color:#991b1b;background-color:#fee2e2}.badge-warning{color:#92400e;background-color:#fef3c7}.badge-info{color:#1e40af;background-color:#dbeafe}.badge-neutral{color:#374151;background-color:#f3f4f6}.breadcrumb-nav{color:#6b7280;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0 12px;font-size:13px;display:flex}.breadcrumb-nav a{color:#6b7280;text-decoration:none;transition:color .15s}.breadcrumb-nav a:hover{color:var(--color-primary)}.breadcrumb-nav .sep{color:#d1d5db;user-select:none;font-size:10px}.breadcrumb-nav .bc-current{color:#111827;font-weight:500}.dark .breadcrumb-nav .bc-current{color:#f9fafb}.dark .breadcrumb-nav a{color:#9ca3af}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:360px;display:flex;position:fixed;bottom:16px;right:16px}.toast{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:#374151;pointer-events:auto;background:#fff;border-left:4px solid #6b7280;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;transition:opacity .25s,transform .25s;animation:.25s toast-slide-in;display:flex}.toast.toast-hiding{opacity:0;transform:translate(12px)}.toast-icon{text-align:center;flex-shrink:0;width:18px}.toast-text{flex:1}.toast.toast-success{border-left-color:var(--color-success)}.toast.toast-error{border-left-color:var(--color-error)}.toast.toast-warning{border-left-color:var(--color-warning)}.toast.toast-info{border-left-color:var(--color-info)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.responsive-embed{aspect-ratio:16/9;border-radius:var(--radius-md);width:100%;position:relative;overflow:hidden}.responsive-embed iframe,.responsive-embed video{border:0;width:100%;height:100%;position:absolute;inset:0}.breadcrumb-banner{min-height:180px}@media (width>=768px){.breadcrumb-banner{min-height:260px}}.dark .text-gray-600{color:#9ca3af!important}.dark .text-gray-700{color:#d1d5db!important}.dark .text-gray-900{color:#f9fafb!important}.dark .bg-white{background-color:#1f2937!important}.dark .border-gray-200{border-color:#374151!important}.dark .border-gray-300{border-color:#4b5563!important}.icone-svg{vertical-align:-.125em;display:inline-block}