@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c95a17d6aa1ccc69-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/84792440f5374347-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/10735954b8957dce-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/69c8297e91a203ed-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/32ec8d161d520037-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ceda3e828136e1b8-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/103fc5fac08dcb15-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Tight Fallback;src:local("Arial");ascent-override:100.51%;descent-override:25.03%;line-gap-override:0.00%;size-adjust:96.39%}.__className_a3c0d3{font-family:Inter Tight,Inter Tight Fallback;font-style:normal}.__variable_a3c0d3{--font-inter-tight:"Inter Tight","Inter Tight Fallback"}:root{--color-primary:#ff6b35;--color-primary-hover:rgba(255,107,53,0.9);--color-primary-light:rgba(255,107,53,0.1);--color-bg:#f0f8f6;--color-text:#2d5a5a;--color-header:#1a5f5f;--color-white:#ffffff;--color-success:#16a34a;--color-success-light:rgba(22,163,74,0.1);--color-danger:#dc2626;--color-danger-light:rgba(220,38,38,0.1);--color-warning:#f59e0b;--color-info:#3b82f6;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.08);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -1px rgb(0 0 0/0.06);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -2px rgb(0 0 0/0.05);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 10px 10px -5px rgb(0 0 0/0.04);--radius-none:0;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:150ms ease-in-out;--transition-normal:200ms ease-in-out;--transition-slow:300ms ease-in-out;--z-dropdown:99999;--z-modal:100000;--z-popover:100001;--z-tooltip:100002;--z-toast:100003}body{font-family:var(--font-inter),Inter,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-inter-tight),Inter Tight,sans-serif}.heading{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text);margin:0}.heading--1{font-size:var(--font-size-4xl)}.heading--2{font-size:var(--font-size-3xl)}.heading--3{font-size:var(--font-size-2xl)}.heading--4{font-size:var(--font-size-xl)}.heading--5{font-size:var(--font-size-lg)}.heading--6{font-size:var(--font-size-base)}.text{margin:0;color:var(--color-text)}.text--xs{font-size:var(--font-size-xs)}.text--sm{font-size:var(--font-size-sm)}.text--base{font-size:var(--font-size-base)}.text--lg{font-size:var(--font-size-lg)}.text--xl{font-size:var(--font-size-xl)}.text--primary{color:var(--color-primary)}.text--muted{color:var(--color-gray-600)}.text--subtle{color:var(--color-gray-500)}.text--success{color:var(--color-success)}.text--danger{color:var(--color-danger)}.text--white{color:var(--color-white)}.text--normal{font-weight:var(--font-weight-normal)}.text--medium{font-weight:var(--font-weight-medium)}.text--semibold{font-weight:var(--font-weight-semibold)}.text--bold{font-weight:var(--font-weight-bold)}.text--center{text-align:center}.text--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text--line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;overflow-y:scroll}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px;border:2px solid #f1f5f9}::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}body{margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0}button{border:none;background:none;cursor:pointer}button,input,select,textarea{font-family:inherit;font-size:inherit}ol,ul{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none;font-family:var(--font-inter),Inter,sans-serif}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}main{min-height:calc(100vh - 80px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:9rem;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1;border:1px solid transparent;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;white-space:nowrap;position:relative;z-index:1;min-height:2.75rem}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn--disabled,.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--disabled{border-color:var(--color-primary)}.btn--disabled,.btn--disabled:hover{background-color:var(--color-primary);color:var(--color-white)}.btn--disabled:hover{transform:none;box-shadow:var(--shadow-md)}.btn__icon{flex-shrink:0;width:1.25rem;height:1.25rem}.btn__icon--leading{margin-right:var(--space-1);margin-left:calc(var(--space-1) * -1)}.btn__icon--trailing{margin-left:var(--space-1);margin-right:calc(var(--space-1) * -1)}.btn__text{flex:1}.btn--primary{background-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-md)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn--primary:active{transform:translateY(0);box-shadow:var(--shadow-md)}.btn--secondary{background-color:var(--color-white);color:var(--color-gray-700);border-color:var(--color-gray-300)}.btn--secondary:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.btn--secondary:active{background-color:var(--color-gray-100)}.btn--danger{background-color:var(--color-danger);color:var(--color-white)}.btn--danger:hover:not(:disabled){background-color:#b91c1c}.btn--ghost{background-color:transparent;color:var(--color-gray-600);border-color:transparent}.btn--ghost:hover:not(:disabled){background-color:var(--color-gray-100);color:var(--color-text)}.btn--link{background-color:transparent;color:var(--color-primary);border-color:transparent;padding:var(--space-1) var(--space-2);min-height:auto;text-decoration:underline;text-underline-offset:2px;font-family:var(--font-inter),Inter,sans-serif}.btn--link:hover:not(:disabled){color:var(--color-primary-hover);text-decoration:none}.btn--xs{padding:.25rem .5rem;font-size:.75rem;min-height:1.5rem}.btn--sm{padding:.5rem .75rem;font-size:.875rem;min-height:2rem}.btn--lg{padding:1rem 1.5rem;font-size:1.125rem;min-height:3rem}.btn--xl{padding:1.25rem 2rem;font-size:1.25rem;min-height:3.5rem}.btn--icon-only{padding:var(--space-3);width:2.75rem;height:2.75rem}.btn--icon-only.btn--sm{padding:var(--space-2);width:2rem;height:2rem}.btn--icon-only.btn--lg{padding:var(--space-4);width:3rem;height:3rem}.btn--round{border-radius:var(--radius-full)}.btn--wide{min-width:8rem}.btn--full{width:100%}.btn--loading{position:relative;color:transparent}.btn--loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;border-radius:var(--radius-full);border:2px solid;border-top:2px solid transparent;animation:btn-spin 1s linear infinite}@keyframes btn-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.btn--nav{color:var(--color-gray-600);background-color:transparent;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-weight:var(--font-weight-medium)}.btn--nav:hover:not(:disabled){color:var(--color-text);background-color:var(--color-gray-100)}.btn--nav.btn--active{color:var(--color-primary);background-color:var(--color-primary-light);font-weight:var(--font-weight-medium)}.btn--back{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-gray-600);background-color:transparent;padding:var(--space-2) var(--space-3);font-weight:var(--font-weight-normal);border:none;cursor:pointer;transition:color var(--transition-normal)}.btn--back:hover:not(:disabled){color:var(--color-text)}.btn--fab{position:fixed;bottom:var(--space-6);right:var(--space-6);width:3.5rem;height:3.5rem;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);z-index:var(--z-popover)}.btn--fab:hover:not(:disabled){box-shadow:var(--shadow-xl);transform:translateY(-2px)}.form{gap:var(--space-6)}.form,.form-field{display:flex;flex-direction:column}.form-field{gap:var(--space-2)}.form-field--horizontal{flex-direction:row;align-items:center;gap:var(--space-4)}.form-field--horizontal .form-field__label{min-width:8rem;margin-bottom:0}.form-field__label{margin-bottom:.25rem;font-size:.875rem;font-weight:500;--tw-text-opacity:1;color:rgb(45 90 90/var(--tw-text-opacity,1))}.form-field__label--required:after{content:" *";color:var(--color-danger)}.form-field__help{color:rgb(75 85 99/var(--tw-text-opacity,1))}.form-field__error,.form-field__help{margin-top:.25rem;font-size:.875rem;--tw-text-opacity:1}.form-field__error{color:rgb(220 38 38/var(--tw-text-opacity,1))}.input{width:100%;border-radius:.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.75rem 1rem;font-size:1rem;line-height:1.5;--tw-text-opacity:1;color:rgb(27 27 27/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;min-height:2.75rem}.input::-moz-placeholder{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.input::placeholder{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.input:focus{--tw-border-opacity:1;border-color:rgb(0 102 78/var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(0 138 107/var(--tw-ring-opacity,1))}.input:disabled{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.input:-moz-read-only{cursor:default;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.input:read-only{cursor:default;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.input--error,.input--error:focus{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgba(220,38,38,0.1)}.input--error,.input--error:focus,.input--success{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.input--success{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgba(22,163,74,0.1)}.input--sm{padding:.5rem .75rem;font-size:.875rem;min-height:2rem}.input--lg{padding:1rem 1.25rem;font-size:1.125rem;min-height:3.5rem}.textarea{min-height:6rem;resize:vertical;line-height:1.75;font-family:inherit}.textarea--auto-resize{resize:none;overflow:hidden}.select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--space-10);-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-group{position:relative;display:flex;width:100%}.input-group__input{flex:1;position:relative;z-index:1}.input-group__addon{display:flex;align-items:center;padding:var(--space-3) var(--space-4);background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);color:var(--color-gray-600);font-size:var(--font-size-sm);white-space:nowrap}.input-group__addon--leading{border-right:0;border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.input-group__addon--trailing{border-left:0;border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.input-group__addon--leading+.input-group__input .input{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.input-group__input:has(+.input-group__addon--trailing) .input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.checkbox{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.checkbox__input{width:1.75rem;height:1.75rem;border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);background-color:var(--color-white);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;flex-shrink:0;margin:.125rem 0 0}.checkbox__input:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox__input:checked:after{content:"";position:absolute;top:4px;left:9px;width:7px;height:12px;border:2px solid white;border-top:0;border-left:0;transform:rotate(45deg)}.checkbox__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.checkbox__label{font-size:var(--font-size-md);color:var(--color-text);line-height:var(--line-height-normal);cursor:pointer;padding-top:.3rem}.checkbox__description{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-top:var(--space-1)}.radio{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.radio__input{width:1rem;height:1rem;border:1px solid var(--color-gray-300);border-radius:var(--radius-full);background-color:var(--color-white);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;flex-shrink:0;margin:.125rem 0 0}.radio__input:checked{border-color:var(--color-primary)}.radio__input:checked:after{content:"";position:absolute;top:2px;left:2px;width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-primary)}.radio__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.radio__label{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-normal);cursor:pointer}.switch{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.switch__input{width:2.5rem;height:1.25rem;border-radius:var(--radius-full);background-color:var(--color-gray-300);border:none;cursor:pointer;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;transition:background-color var(--transition-normal);flex-shrink:0}.switch__input:after{content:"";position:absolute;top:2px;left:2px;width:1rem;height:1rem;border-radius:var(--radius-full);background-color:var(--color-white);transition:transform var(--transition-normal);box-shadow:var(--shadow-sm)}.switch__input:checked{background-color:var(--color-primary)}.switch__input:checked:after{transform:translateX(1.25rem)}.switch__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.switch__label{font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.file-input{position:relative;display:inline-block;cursor:pointer}.file-input__input{position:absolute;opacity:0;width:0;height:0}.file-input__label{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px dashed var(--color-gray-300);border-radius:var(--radius-lg);background-color:var(--color-gray-50);color:var(--color-gray-700);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal)}.file-input__label:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.file-input__input:focus-visible+.file-input__label{outline:2px solid var(--color-primary);outline-offset:2px}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;align-items:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-gray-200)}.form-actions--center{justify-content:center}.form-actions--start{justify-content:flex-start}.form-actions--between{justify-content:space-between}.card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-normal);position:relative}.card:hover{box-shadow:var(--shadow-lg)}.card__header{border-bottom:1px solid var(--color-gray-100);position:relative;display:flex;align-items:center;justify-content:space-between}.card__body,.card__footer,.card__header{padding:var(--space-6)}.card__footer{border-top:1px solid var(--color-gray-100);background-color:var(--color-gray-50)}.card__title{margin-bottom:.5rem;font-size:1.125rem;font-weight:600;line-height:var(--line-height-tight)}.card__subtitle,.card__title{--tw-text-opacity:1;color:rgb(45 90 90/var(--tw-text-opacity,1))}.card__subtitle{margin:0;font-size:1rem;line-height:var(--line-height-normal)}.card__description{margin-top:.75rem;font-size:.875rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));line-height:var(--line-height-relaxed)}.card__avatar{width:6rem;height:6rem;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;position:relative;background:linear-gradient(135deg,var(--color-primary),var(--color-header));display:flex;align-items:center;justify-content:center}.card__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card__avatar--placeholder{font-size:1.5rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.card__actions{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;gap:var(--space-2)}.card__meta{margin-top:1rem;gap:1rem;font-size:.875rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.card__meta,.card__meta-item{display:flex;align-items:center}.card__meta-item{gap:var(--space-1)}.card--interactive{cursor:pointer;transition:all var(--transition-normal)}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.card--interactive:active{transform:translateY(0);box-shadow:var(--shadow-lg)}.card--bordered{box-shadow:var(--shadow-sm)}.card--bordered,.card--flat{border:1px solid var(--color-gray-200)}.card--flat{box-shadow:none}.card--elevated{box-shadow:var(--shadow-xl)}.card--portfolio{position:relative;overflow:hidden}.card--portfolio .card__body{text-align:center;padding:var(--space-8) var(--space-6)}.card--portfolio .card__avatar{margin:0 auto var(--space-6) auto}.card--portfolio .card__title{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.card--portfolio .card__subtitle{margin-bottom:var(--space-4)}.card--portfolio .card__actions{opacity:1}.card--achievement{border-left:4px solid var(--color-primary)}.card--achievement.card--milestone{border-left-color:var(--color-success);background:linear-gradient(135deg,var(--color-success-light),transparent)}.card--achievement .card__body{display:flex;gap:var(--space-4);align-items:flex-start}.card--achievement .card__content{flex:1}.card--achievement .card__date{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);background-color:var(--color-gray-50);border-radius:var(--radius-md);min-width:4rem;text-align:center}.card--achievement .card__date-month{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em}.card--achievement .card__date-day{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1}.card--achievement .card__images{display:flex;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap}.card--achievement .card__image-thumb{width:3rem;height:3rem;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:transform var(--transition-fast)}.card--achievement .card__image-thumb:hover{transform:scale(1.05)}.card--achievement .card__image-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card--modal{max-width:90vw;max-height:90vh;margin:auto;box-shadow:var(--shadow-xl);border-radius:var(--radius-xl)}.card--modal .card__header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-gray-100);position:sticky;top:0;background-color:var(--color-white);z-index:1}.card--modal .card__body{padding:var(--space-8);max-height:70vh;overflow-y:auto}.card--modal .card__footer{padding:var(--space-6) var(--space-8);border-top:1px solid var(--color-gray-100);position:sticky;bottom:0;background-color:var(--color-white);z-index:1}.card--profile{text-align:center;position:relative}.card--profile .card__body{padding:var(--space-8)}.card--profile .card__avatar{width:8rem;height:8rem;margin:0 auto var(--space-6) auto}.card--profile .card__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.card--profile .card__subtitle{font-size:var(--font-size-md);margin-bottom:var(--space-3)}.card--profile .card__meta{justify-content:center;margin-top:var(--space-6)}.card--empty{text-align:center;padding:var(--space-12) var(--space-6);border:2px dashed var(--color-gray-300);background-color:var(--color-gray-50)}.card--empty .card__icon{width:3rem;height:3rem;margin:0 auto var(--space-4) auto;color:var(--color-gray-400)}.card--empty .card__title{color:var(--color-gray-600);margin-bottom:var(--space-2)}.card--empty .card__description{color:var(--color-gray-500);margin-bottom:var(--space-6)}.card-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card-grid--2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card-grid--3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card-grid--4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media (max-width:768px){.card-grid{grid-template-columns:1fr;gap:var(--space-4)}.card__body,.card__footer,.card__header{padding:var(--space-4)}.card--modal .card__body,.card--modal .card__footer,.card--modal .card__header,.card--profile .card__body{padding:var(--space-6)}}.header{background-color:var(--color-header);color:var(--color-white);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:99999}.header__container{display:flex;align-items:center;justify-content:space-between;max-width:1500px;margin:0 auto}.header__logo{display:flex;align-items:center;color:var(--color-white);text-decoration:none;transition:opacity var(--transition-normal)}.header__logo:hover{opacity:.8}.header__logo img{height:2rem;width:auto}.profile-menu{position:relative;z-index:99999}.profile-menu__trigger{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background-color:transparent;color:var(--color-white);border:none;cursor:pointer;transition:background-color var(--transition-normal);min-width:0;flex-shrink:1}.profile-menu__trigger:hover{background-color:rgba(255,255,255,.1)}.profile-menu__avatar{width:2rem;height:2rem;border-radius:var(--radius-full);background-color:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-menu__email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));max-width:200px}.profile-menu__chevron{height:1.25rem;width:1.25rem;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.profile-menu__chevron--open{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.profile-menu__dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;width:12rem;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -2px rgb(0 0 0/0.05);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);z-index:5;animation:dropdown-enter var(--transition-normal)}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-.5rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-menu__item{display:block;width:100%;cursor:pointer;border-style:none;background-image:none;padding:.75rem 1rem;font-size:.875rem;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));text-decoration-line:none;transition:background-color var(--transition-normal);text-align:left}.profile-menu__item:hover{background-color:var(--color-gray-100)}.profile-menu__item:not(:last-child){border-bottom:1px solid var(--color-gray-100)}.sidebar{width:16rem;background-color:var(--color-white);border-right:1px solid var(--color-gray-200);height:calc(100vh - 3.5rem);position:absolute;left:0;z-index:10}.sidebar__nav{padding:var(--space-6)}.sidebar__list{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar__item{display:block;width:100%;border-style:none;background-image:none;padding:.75rem 1rem;font-size:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));text-decoration-line:none;cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-normal);text-align:left}.sidebar__item:hover{background-color:var(--color-gray-100);color:var(--color-text)}.sidebar__item--active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-medium)}.sidebar__item--danger{color:var(--color-danger)}.sidebar__item--danger:hover{background-color:var(--color-danger-light);color:var(--color-danger)}.mobile-nav{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:var(--space-3) var(--space-4)}.mobile-nav,.mobile-nav__dropdown{position:relative}.mobile-nav__trigger{display:flex;width:100%;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);cursor:pointer;border-radius:.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-size:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));transition:all var(--transition-normal)}.mobile-nav__trigger:hover{background-color:var(--color-gray-50)}.mobile-nav__chevron{width:1.25rem;height:1.25rem;color:var(--color-gray-500);transition:transform var(--transition-normal)}.mobile-nav__chevron--open{transform:rotate(180deg)}.mobile-nav__menu{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-1);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:99999;animation:dropdown-enter var(--transition-normal)}.mobile-nav__item{display:block;width:100%;cursor:pointer;border-style:none;background-image:none;padding:.75rem 1rem;font-size:1rem;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));text-decoration-line:none;transition:background-color var(--transition-normal);text-align:left}.mobile-nav__item:hover{background-color:var(--color-gray-50)}.mobile-nav__item--active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-medium)}.mobile-nav__item--danger{color:var(--color-danger)}.breadcrumb{margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.breadcrumb__item{color:var(--color-gray-600);text-decoration:none;transition:color var(--transition-normal)}.breadcrumb__item:hover{color:var(--color-primary)}.breadcrumb__item--current{color:var(--color-text);font-weight:var(--font-weight-medium)}.breadcrumb__separator{width:1rem;height:1rem;color:var(--color-gray-400)}.action-bar{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:var(--space-3) var(--space-4)}.action-bar__container{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4)}.action-bar__left,.action-bar__right{display:flex;align-items:center;gap:var(--space-3)}.tab-nav{display:flex;border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--space-6)}.tab-nav__item{border-bottom-width:2px;border-color:transparent;padding:.75rem 1rem;font-size:.875rem;font-weight:500;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));text-decoration-line:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;white-space:nowrap}.tab-nav__item:hover{color:var(--color-text);border-bottom-color:var(--color-gray-300)}.tab-nav__item--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}@media (max-width:1024px){.sidebar{display:none}.mobile-nav{display:block}.main-content-with-sidebar{margin-left:0}}@media (min-width:1025px){.main-content-with-sidebar{margin-left:16rem}.mobile-nav{display:none}.sidebar{display:block}}@media (max-width:640px){.header__container{padding:0 var(--space-2)}.profile-menu__email{display:none}.action-bar__container{padding:0 var(--space-3)}}@media (max-width:768px){.profile-menu__email{max-width:150px}}@media (max-width:480px){.profile-menu__email{max-width:120px}}.mobile-menu-overlay{animation:fadeIn .2s ease-out}.mobile-menu-slide{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-item{transition:all .2s ease-in-out}.mobile-menu-item:hover{transform:translateX(4px)}.mobile-menu-item.active{background:linear-gradient(135deg,#ff5938,#e55a2b);color:white;box-shadow:0 4px 12px rgba(255,89,56,.3)}.mobile-menu-close:hover{background-color:#f6f5f3;transform:scale(1.05)}.mobile-menu-z{z-index:9999}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:modal-fade-in var(--transition-normal)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal__content{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;width:100%;position:relative;animation:modal-scale-in var(--transition-normal);overflow:hidden}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.95) translateY(-1rem)}to{opacity:1;transform:scale(1) translateY(0)}}.modal__header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-gray-100);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background-color:var(--color-white);z-index:1}.modal__title{margin:0;font-size:1.25rem;font-weight:600;line-height:1.25;--tw-text-opacity:1;color:rgb(45 90 90/var(--tw-text-opacity,1))}.modal__close{width:2rem;height:2rem;border-radius:var(--radius-md);background-color:transparent;border:none;color:var(--color-gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);flex-shrink:0}.modal__close:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.modal__close svg{width:1.5rem;height:1.5rem}.modal__body{padding:var(--space-8);overflow-y:auto;max-height:calc(90vh - 8rem)}.modal__footer{padding:var(--space-6) var(--space-8);border-top:1px solid var(--color-gray-100);background-color:var(--color-gray-50);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);position:sticky;bottom:0;z-index:1}.modal__footer--center{justify-content:center}.modal__footer--end{justify-content:flex-end}.modal__actions{display:flex;gap:var(--space-3);align-items:center}.modal--sm .modal__content{max-width:28rem}.modal--md .modal__content{max-width:32rem}.modal--lg .modal__content{max-width:48rem}.modal--xl .modal__content{max-width:64rem}.modal--full .modal__content{max-width:95vw;max-height:95vh}.modal--confirmation .modal__body{text-align:center;padding:var(--space-8) var(--space-6)}.modal--confirmation .modal__icon{width:3rem;height:3rem;margin:0 auto var(--space-4) auto;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.modal--confirmation.modal--danger .modal__icon{background-color:var(--color-danger-light);color:var(--color-danger)}.modal--confirmation.modal--warning .modal__icon{background-color:rgba(245,158,11,.1);color:var(--color-warning)}.modal--confirmation.modal--success .modal__icon{background-color:var(--color-success-light);color:var(--color-success)}.modal--confirmation .modal__title{margin-bottom:.75rem;font-size:1.125rem}.modal--confirmation .modal__message{color:var(--color-gray-600);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.toast{position:fixed;bottom:var(--space-6);right:var(--space-6);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-200);padding:var(--space-4) var(--space-5);min-width:20rem;max-width:28rem;z-index:var(--z-toast);animation:toast-slide-in var(--transition-normal);display:flex;align-items:flex-start;gap:var(--space-3)}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast--success{border-left:4px solid var(--color-success)}.toast--danger{border-left:4px solid var(--color-danger)}.toast--warning{border-left:4px solid var(--color-warning)}.toast--info{border-left:4px solid var(--color-info)}.toast__icon{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem}.toast--success .toast__icon{color:var(--color-success)}.toast--danger .toast__icon{color:var(--color-danger)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--info .toast__icon{color:var(--color-info)}.toast__content{flex:1}.toast__title{margin-bottom:.25rem;font-weight:600;line-height:1.25;color:rgb(45 90 90/var(--tw-text-opacity,1))}.toast__message,.toast__title{font-size:.875rem;--tw-text-opacity:1}.toast__message{margin:0;line-height:1.5;color:rgb(75 85 99/var(--tw-text-opacity,1))}.toast__close{width:1.5rem;height:1.5rem;border:none;background:none;color:var(--color-gray-400);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-normal);flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast__close:hover{background-color:var(--color-gray-100);color:var(--color-gray-600)}.toast__close svg{width:1rem;height:1rem}.popover{position:absolute;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4);z-index:var(--z-popover);max-width:20rem;animation:popover-fade-in var(--transition-normal)}@keyframes popover-fade-in{0%{opacity:0;transform:translateY(-.5rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popover__arrow{position:absolute;width:0;height:0;border-style:solid}.popover--top .popover__arrow{bottom:-.5rem;left:50%;transform:translateX(-50%);border-width:.5rem .5rem 0;border-color:var(--color-white) transparent transparent transparent}.popover--bottom .popover__arrow{top:-.5rem;left:50%;transform:translateX(-50%);border-width:0 .5rem .5rem;border-color:transparent transparent var(--color-white) transparent}.popover--left .popover__arrow{right:-.5rem;top:50%;transform:translateY(-50%);border-width:.5rem 0 .5rem .5rem;border-color:transparent transparent transparent var(--color-white)}.popover--right .popover__arrow{left:-.5rem;top:50%;transform:translateY(-50%);border-width:.5rem .5rem .5rem 0;border-color:transparent var(--color-white) transparent transparent}.popover__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-2) 0}.popover__content{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin:0}@media (max-width:640px){.modal{padding:var(--space-2);align-items:flex-end}.modal__content{max-width:100%;max-height:95vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal__body,.modal__footer,.modal__header{padding-left:var(--space-6);padding-right:var(--space-6)}.toast{left:var(--space-4);right:var(--space-4);bottom:var(--space-4);min-width:auto}}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-start{justify-content:flex-start}.flex-end,.flex-start{display:flex;align-items:center}.flex-end{justify-content:flex-end}.flex-col,.flex-col-center{display:flex;flex-direction:column}.flex-col-center{align-items:center;justify-content:center}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.grid-center{display:grid;place-items:center}.space-y-1>*+*{margin-top:var(--space-1)}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-3>*+*{margin-top:var(--space-3)}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-6>*+*{margin-top:var(--space-6)}.space-y-8>*+*{margin-top:var(--space-8)}.space-x-1>*+*{margin-left:var(--space-1)}.space-x-2>*+*{margin-left:var(--space-2)}.space-x-3>*+*{margin-left:var(--space-3)}.space-x-4>*+*{margin-left:var(--space-4)}.space-x-6>*+*{margin-left:var(--space-6)}.avatar{border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;position:relative;background:linear-gradient(135deg,var(--color-primary),var(--color-header));display:flex;align-items:center;justify-content:center}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar--xs{width:1.5rem;height:1.5rem}.avatar--sm{width:2rem;height:2rem}.avatar--md{width:3rem;height:3rem}.avatar--lg{width:4rem;height:4rem}.avatar--xl{width:6rem;height:6rem}.avatar--2xl{width:8rem;height:8rem}.avatar--placeholder{color:var(--color-white);font-weight:var(--font-weight-bold)}.avatar--placeholder.avatar--xs{font-size:var(--font-size-xs)}.avatar--placeholder.avatar--sm{font-size:var(--font-size-sm)}.avatar--placeholder.avatar--md{font-size:var(--font-size-base)}.avatar--placeholder.avatar--lg{font-size:var(--font-size-lg)}.avatar--placeholder.avatar--xl{font-size:var(--font-size-2xl)}.avatar--placeholder.avatar--2xl{font-size:var(--font-size-4xl)}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}.spinner{width:1rem;height:1rem;border:2px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spinner-spin 1s linear infinite}.spinner--sm{width:.75rem;height:.75rem;border-width:1px}.spinner--lg{width:1.5rem;height:1.5rem;border-width:3px}@keyframes spinner-spin{to{transform:rotate(1turn)}}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:overlay-fade-in var(--transition-normal)}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.overlay--light{background-color:rgba(0,0,0,.25)}.overlay--dark{background-color:rgba(0,0,0,.75)}.focus-ring:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.focus-ring--danger:focus-visible{outline-color:var(--color-danger)}.focus-ring--success:focus-visible{outline-color:var(--color-success)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.fade-in{animation:fade-in var(--transition-normal)}.fade-out{animation:fade-out var(--transition-normal)}.slide-up{animation:slide-up var(--transition-normal)}.slide-down{animation:slide-down var(--transition-normal)}.scale-in{animation:scale-in var(--transition-normal)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-up{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-down{0%{transform:translateY(-1rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.hover-lift{transition:transform var(--transition-normal)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale{transition:transform var(--transition-normal)}.hover-scale:hover{transform:scale(1.05)}.hover-scale:active{transform:scale(.98)}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4);position:relative;z-index:1}.container--sm{max-width:640px}.container--md{max-width:768px}.container--lg{max-width:1024px}.container--xl{max-width:1280px}@media (max-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:text-center{text-align:center}}@media (min-width:641px) and (max-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}}@media (min-width:769px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}}.animate-card-initial{opacity:0;transform:translateY(100px) scale(.8)}.main-content,.portfolio-grid-container{position:relative;z-index:1}.animate-card-enter{animation:cardEnter .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes cardEnter{0%{opacity:0;transform:translateY(100px) scale(.8)}60%{opacity:1;transform:translateY(-10px) scale(1.05)}80%{transform:translateY(5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-logo-initial{opacity:0;transform:translateX(-30px)}.animate-logo-enter{animation:logoEnter .8s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes logoEnter{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.animate-header-enter{animation:headerEnter .6s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes headerEnter{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}