:root{--color-primary: #44d299;--color-primary-hover: #69e3b0;--color-error: #ff6b57;--color-error-bg: rgba(255, 107, 87, .12);--color-warning: #ffc857;--color-success: #4dffae;--color-text: #eef5f0;--color-text-muted: #c1d1ca;--color-text-subtle: #9fb0aa;--color-bg-dark: #141716;--color-bg-panel: rgba(27, 31, 30, .88);--color-border: rgba(255, 255, 255, .12);--font-sans: Inter, ui-sans-serif, system-ui, sans-serif;--font-mono: "Cascadia Mono", Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 6px;--radius-md: 8px;--transition-fast: .1s ease;--transition-normal: .15s ease;--transition-slow: .2s ease;--transition-slower: .3s ease;--touch-target-min: 44px;--input-height: 48px;--button-height: 52px;--focus-ring: 0 0 0 2px var(--color-primary);--focus-ring-offset: 0 0 0 4px rgba(68, 210, 153, .25);color:var(--color-text);background:var(--color-bg-dark);font-family:var(--font-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(135deg,#121c17c7,#0c110fe6),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='260'%20height='220'%20viewBox='0%200%20260%20220'%3e%3cdefs%3e%3cpattern%20id='process-pattern'%20width='260'%20height='220'%20patternUnits='userSpaceOnUse'%3e%3crect%20width='260'%20height='220'%20fill='%2314201a'/%3e%3cg%20opacity='0.16'%20transform='translate(26%2026)'%3e%3ccircle%20cx='28'%20cy='28'%20r='17'%20fill='%23ffc857'/%3e%3cg%20stroke='%23ffc857'%20stroke-linecap='round'%20stroke-width='4'%3e%3cpath%20d='M28%203v-3'/%3e%3cpath%20d='M28%2056v3'/%3e%3cpath%20d='M3%2028h-3'/%3e%3cpath%20d='M56%2028h3'/%3e%3cpath%20d='M10%2010%207%207'/%3e%3cpath%20d='M46%2046%2049%2049'/%3e%3cpath%20d='M46%2010%2049%207'/%3e%3cpath%20d='M10%2046%207%2049'/%3e%3c/g%3e%3c/g%3e%3cg%20opacity='0.14'%20transform='translate(144%2024)%20rotate(-12)'%3e%3cpath%20d='M34%207c18%2015%2026%2038%2021%2062-17-6-33-19-43-38C4%2017%2013%207%2034%207Z'%20fill='%2365c47a'/%3e%3cpath%20d='M32%208c-4%2018-2%2041%2013%2062'%20fill='none'%20stroke='%23e6b94d'%20stroke-width='6'%20stroke-linecap='round'/%3e%3cg%20fill='%23f0c857'%3e%3cellipse%20cx='28'%20cy='24'%20rx='5'%20ry='7'/%3e%3cellipse%20cx='38'%20cy='28'%20rx='5'%20ry='7'/%3e%3cellipse%20cx='30'%20cy='40'%20rx='5'%20ry='7'/%3e%3cellipse%20cx='42'%20cy='45'%20rx='5'%20ry='7'/%3e%3cellipse%20cx='35'%20cy='57'%20rx='5'%20ry='7'/%3e%3c/g%3e%3c/g%3e%3cg%20opacity='0.15'%20transform='translate(58%20130)'%3e%3cpath%20d='M34%200c15%2022%2030%2038%2030%2058%200%2018-13%2031-30%2031S4%2076%204%2058C4%2038%2019%2022%2034%200Z'%20fill='%236bd4ff'/%3e%3cpath%20d='M25%2066c-7-10-5-23%204-34'%20fill='none'%20stroke='%23c8f3ff'%20stroke-width='5'%20stroke-linecap='round'/%3e%3c/g%3e%3cg%20opacity='0.11'%20transform='translate(184%20142)%20rotate(16)'%3e%3ccircle%20cx='22'%20cy='22'%20r='13'%20fill='%23ffc857'/%3e%3cpath%20d='M22%201v-1M22%2044v1M1%2022H0M44%2022h1M7%207%206%206M37%2037l1%201M37%207l1-1M7%2037l-1%201'%20stroke='%23ffc857'%20stroke-width='4'%20stroke-linecap='round'/%3e%3c/g%3e%3cg%20opacity='0.1'%20transform='translate(8%2086)%20rotate(21)'%3e%3cpath%20d='M26%205c15%2013%2022%2032%2018%2052-14-5-28-16-36-32C1%2013%209%205%2026%205Z'%20fill='%2365c47a'/%3e%3cpath%20d='M25%206c-3%2015-1%2034%2011%2051'%20fill='none'%20stroke='%23f0c857'%20stroke-width='5'%20stroke-linecap='round'/%3e%3c/g%3e%3c/pattern%3e%3c/defs%3e%3crect%20width='260'%20height='220'%20fill='url(%23process-pattern)'/%3e%3c/svg%3e");background-size:auto,260px 220px;background-repeat:no-repeat,repeat;background-attachment:fixed}button,input{font:inherit}.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 18px}.workspace{width:min(1040px,100%)}.header-block{display:flex;align-items:center;gap:18px;margin-bottom:22px}.brand-logo{width:clamp(132px,20vw,190px);max-height:70px;flex:0 0 auto;border-radius:var(--radius-md);background:#ffffffeb;padding:10px 12px;box-shadow:0 16px 48px #0000003d}.eyebrow{margin:0 0 var(--space-1);color:var(--color-warning);font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;color:#fff;letter-spacing:0}h1{font-size:clamp(2rem,6vw,3.8rem);line-height:1}h2{font-size:1.25rem}.calculator-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);gap:20px}.input-panel,.result-panel{border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:var(--color-bg-panel);box-shadow:0 24px 80px #00000042}.input-panel{display:grid;gap:var(--space-4);padding:22px}.field{display:grid;gap:7px}.field-label{color:#dce7e0;font-size:.92rem;font-weight:700}.input-wrap{display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:center;min-height:var(--input-height);overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#242a28}.input-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #44d2992e}input{width:100%;min-width:0;border:0;outline:0;color:#fff;background:transparent;padding:13px 14px}.unit{height:100%;display:grid;place-items:center;color:var(--color-text-subtle);border-left:1px solid rgba(255,255,255,.08);background:#ffffff08;font-size:.9rem}.field-error{color:var(--color-error);font-size:.84rem}.calculate-button{min-height:var(--input-height);border:0;border-radius:var(--radius-md);color:#08140f;background:var(--color-primary);font-weight:900;cursor:pointer;transition:transform var(--transition-normal),background var(--transition-normal)}.calculate-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.calculate-button:disabled{cursor:wait;opacity:.75}button:focus,.calculate-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}input:focus{outline:none}.result-panel{min-height:100%;padding:var(--space-6)}.result-header{margin-bottom:18px}.alert{margin-bottom:14px;border-left:4px solid var(--color-error);border-radius:var(--radius-sm);background:var(--color-error-bg);color:#ffd2cb;padding:var(--space-3) 14px;font-size:.92rem}.results-list{display:grid;gap:10px;margin:0}.result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:baseline;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}.result-row:last-child{border-bottom:0}dt{color:var(--color-text-muted);font-weight:700}dd{margin:0;color:var(--color-success);font-family:var(--font-mono);font-size:1.08rem;font-weight:800;text-align:right;white-space:nowrap}dd span{color:#a4b4ae;font-size:.82rem;font-weight:700}.empty-state{min-height:244px;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.16);border-radius:var(--radius-md);color:#718078}.empty-state span{font-family:var(--font-mono);font-size:2rem}.formula-expandida{margin:var(--space-2) 0 0;padding:var(--space-3);border-radius:var(--radius-sm);background:#0000004d;color:var(--color-success);font-family:var(--font-mono);font-size:.85rem;white-space:pre-wrap;word-break:break-all;overflow-x:auto;max-width:100%}.result-label{color:var(--color-text-muted);font-weight:700;font-size:.92rem}.result-value{color:var(--color-success);font-family:var(--font-mono);font-size:1.5rem;font-weight:800}.result-value .unit{color:#a4b4ae;font-size:.9rem;font-weight:700;border:none;background:transparent;height:auto;display:inline}.loading-spinner{display:inline-block;border:2px solid rgba(255,255,255,.2);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner--sm{width:16px;height:16px}.loading-spinner--md{width:24px;height:24px}.loading-spinner--lg{width:32px;height:32px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-loader{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-line{height:16px;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f,#ffffff0f 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-line:last-child{width:60%}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.error-alert{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-left:4px solid var(--color-error);border-radius:var(--radius-sm);background:var(--color-error-bg);color:#ffd2cb}.error-alert__icon{flex-shrink:0;width:20px;height:20px;color:var(--color-error)}.error-alert__content{flex:1}.error-alert__title{margin:0 0 var(--space-1);font-weight:700;font-size:var(--font-size-sm)}.error-alert__message{margin:0;font-size:var(--font-size-sm)}.error-alert__dismiss{flex-shrink:0;padding:var(--space-1);border:none;background:transparent;color:#ffd2cb;cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}.error-alert__dismiss:hover{opacity:1}.empty-state-component{min-height:244px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6);border:1px dashed rgba(255,255,255,.16);border-radius:var(--radius-md);text-align:center}.empty-state__icon{width:48px;height:48px;color:var(--color-text-subtle);opacity:.6}.empty-state__title{margin:0;color:var(--color-text-muted);font-size:var(--font-size-base);font-weight:700}.empty-state__description{margin:0;color:var(--color-text-subtle);font-size:var(--font-size-sm)}.timeout-message{margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-sm);background:#ffc8571f;color:var(--color-warning);font-size:var(--font-size-sm);text-align:center}input:disabled{opacity:.6;cursor:not-allowed;background:#ffffff05}.input-wrap:has(input:disabled){opacity:.7;border-color:#ffffff0f}.result-success-animation{animation:result-fade-in .2s ease-out}@keyframes result-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.calculate-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}@media(prefers-reduced-motion:reduce){.result-success-animation{animation:none}.skeleton-line{animation:none;background:#ffffff14}.loading-spinner{animation-duration:1.5s}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(min-width:1025px){.app-shell{padding:var(--space-8) var(--space-4)}.workspace{max-width:1040px}.calculator-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);gap:20px}.input-panel,.result-panel{padding:22px}}@media(min-width:769px)and (max-width:1024px){.app-shell{padding:var(--space-6) var(--space-4)}.calculator-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:var(--space-4)}.input-panel,.result-panel{padding:var(--space-4)}.brand-logo{width:clamp(110px,18vw,160px);max-height:60px;padding:8px 10px}h1{font-size:clamp(1.75rem,5vw,2.5rem)}}@media(max-width:768px){.app-shell{align-items:flex-start;padding:var(--space-4) var(--space-3)}.calculator-grid{grid-template-columns:1fr;gap:var(--space-4)}.header-block{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.input-panel,.result-panel{padding:var(--space-4)}.brand-logo{width:clamp(100px,30vw,140px);max-height:50px;padding:6px 8px}h1{font-size:clamp(1.75rem,7vw,2.5rem)}h2{font-size:1.1rem}.eyebrow{font-size:.7rem}}@media(max-width:480px){.app-shell{padding:var(--space-3) var(--space-2)}.result-row{grid-template-columns:1fr;gap:var(--space-1)}dd{text-align:left}h1{font-size:1.75rem}.input-panel,.result-panel{padding:var(--space-3)}.field-label{font-size:.85rem}.formula-expandida{font-size:.75rem;padding:var(--space-2)}.result-value{font-size:1.25rem}}@media(orientation:landscape)and (max-height:500px){.app-shell{padding:var(--space-2) var(--space-4);align-items:flex-start}.header-block{margin-bottom:var(--space-3)}.brand-logo{max-height:40px;padding:4px 6px}.input-panel{gap:var(--space-2)}.field{gap:var(--space-1)}.input-wrap{min-height:40px}input{padding:8px 12px}.calculate-button{min-height:44px}.result-panel{padding:var(--space-3)}.result-header{margin-bottom:var(--space-2)}.empty-state-component{min-height:120px;padding:var(--space-3)}}.input-wrap{min-height:var(--input-height)}.calculate-button{min-height:var(--button-height)}.field+.field{margin-top:var(--space-2)}.calculate-button{transition:transform var(--transition-normal),background var(--transition-normal),box-shadow var(--transition-normal)}.calculate-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #44d2994d}.calculate-button:active:not(:disabled){transform:translateY(0)}.input-wrap{transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}@keyframes result-fade-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.result-success-animation{animation:result-fade-in var(--transition-slow) ease-out}.input-panel,.result-panel{contain:layout}.result-panel{min-height:280px}.loading-result-container{min-height:200px}.empty-state-component{min-height:244px}.calculate-button{will-change:transform}.result-success-animation{will-change:opacity,transform}.input-wrap.has-error,.input-wrap:has(input[aria-invalid=true]){border-color:var(--color-error);background:#ff6b570d}.input-wrap.has-error:focus-within,.input-wrap:has(input[aria-invalid=true]):focus-within{border-color:var(--color-error);box-shadow:0 0 0 3px #ff6b572e}.field-error{display:flex;align-items:center;gap:var(--space-1);color:var(--color-error);font-size:.84rem}.field-error:before{content:"";display:inline-block;width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23ff6b57'%3E%3Cpath fill-rule='evenodd' d='M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.app-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:18px}.header-right,.user-info{display:flex;align-items:center;gap:var(--space-3)}.user-email{color:var(--color-text-muted);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-2)}.admin-badge{padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-warning);color:#08140f;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.login-button,.logout-button{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.login-button:hover,.logout-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.login-button:focus,.logout-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:1000;animation:fade-in .15s ease-out}.auth-modal{width:min(400px,100%);max-height:90vh;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-panel);box-shadow:0 24px 80px #0006;animation:slide-up .2s ease-out}.auth-modal-close{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-2);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast)}.auth-modal-close:hover{color:var(--color-text)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.auth-form h2{margin-bottom:var(--space-2);text-align:center}.auth-form .field{display:flex;flex-direction:column;gap:var(--space-2)}.auth-form input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#242a28;color:var(--color-text);font-size:var(--font-size-base);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.auth-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #44d2992e}.auth-form input::placeholder{color:var(--color-text-subtle)}.auth-error{padding:var(--space-3);border-left:4px solid var(--color-error);border-radius:var(--radius-sm);background:var(--color-error-bg);color:#ffd2cb;font-size:var(--font-size-sm)}.auth-button{padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-md);background:var(--color-primary);color:#08140f;font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:all var(--transition-normal)}.auth-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.auth-button:disabled{opacity:.7;cursor:wait}.auth-switch{margin:0;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.auth-link{padding:0;border:none;background:transparent;color:var(--color-primary);font-weight:600;cursor:pointer;transition:color var(--transition-fast)}.auth-link:hover{color:var(--color-primary-hover);text-decoration:underline}.history-panel{margin-top:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-panel);box-shadow:0 24px 80px #00000042}.history-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.history-header h3{margin:0;color:var(--color-text);font-size:var(--font-size-lg)}.clear-history-button{padding:var(--space-2) var(--space-3);border:1px solid var(--color-error);border-radius:var(--radius-sm);background:transparent;color:var(--color-error);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.clear-history-button:hover{background:var(--color-error);color:#fff}.clear-history-button:disabled{opacity:.5;cursor:not-allowed}.history-list{max-height:400px;overflow-y:auto}.history-entry{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.history-entry:last-child{border-bottom:none}.history-entry:hover{background:#ffffff05}.history-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.history-timestamp{color:var(--color-text-subtle);font-size:var(--font-size-sm)}.history-entry-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-2)}.history-value{display:flex;flex-direction:column;gap:2px}.history-value-label{color:var(--color-text-subtle);font-size:var(--font-size-xs);text-transform:uppercase}.history-value-number{color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-sm)}.history-value-number.output{color:var(--color-success);font-weight:600}.history-empty{padding:var(--space-8);text-align:center;color:var(--color-text-subtle)}.history-empty-icon{font-size:2rem;margin-bottom:var(--space-2);opacity:.5}.history-loading{padding:var(--space-6);display:flex;justify-content:center}@media(max-width:768px){.history-header{flex-direction:column;gap:var(--space-3);align-items:flex-start}.history-entry{padding:var(--space-3) var(--space-4)}.history-entry-values{grid-template-columns:repeat(2,1fr)}.app-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.header-right{width:100%;justify-content:flex-end}.user-email{font-size:var(--font-size-xs)}}@media(max-width:480px){.history-entry-values{grid-template-columns:1fr}.user-info{flex-direction:column;align-items:flex-end;gap:var(--space-2)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--space-6);background:#141716f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.navbar__logo{flex-shrink:0}.navbar__logo-img{height:36px;width:auto;border-radius:var(--radius-sm);background:#fffffff2;padding:4px 8px}.navbar__nav{display:flex;align-items:center;gap:var(--space-2)}.navbar__link{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;transition:all var(--transition-normal)}.navbar__link:hover{color:var(--color-text);background:#ffffff0d}.navbar__link--active{color:var(--color-primary);background:#44d2991a}.navbar__link--active:hover{color:var(--color-primary);background:#44d29926}.navbar__user{flex-shrink:0}.navbar__login-button{padding:var(--space-2) var(--space-4);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:transparent;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.navbar__login-button:hover{background:var(--color-primary);color:#08140f}.navbar__dropdown{position:relative}.navbar__avatar-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast)}.navbar__avatar-button:hover{background:#ffffff0d}.navbar__avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#2a9d6e);color:#08140f;font-size:var(--font-size-sm);font-weight:700}.navbar__chevron{color:var(--color-text-muted);transition:transform var(--transition-fast)}.navbar__chevron--open{transform:rotate(180deg)}.navbar__dropdown-menu{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:240px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#1b1f1efa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 48px #0006;animation:dropdown-fade-in .15s ease-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navbar__dropdown-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.navbar__dropdown-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#2a9d6e);color:#08140f;font-size:var(--font-size-sm);font-weight:700;flex-shrink:0}.navbar__dropdown-info{display:flex;flex-direction:column;gap:2px;min-width:0}.navbar__dropdown-email{color:var(--color-text);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar__dropdown-badge{display:inline-block;padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-warning);color:#08140f;font-size:10px;font-weight:700;text-transform:uppercase;width:fit-content}.navbar__dropdown-divider{height:1px;background:var(--color-border);margin:0}.navbar__dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:none;background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.navbar__dropdown-item:hover{background:#ffffff0d;color:var(--color-text)}.navbar__dropdown-item svg{flex-shrink:0;opacity:.7}.navbar__dropdown-item--danger{color:var(--color-error)}.navbar__dropdown-item--danger:hover{background:#ff6b571a;color:var(--color-error)}.app-shell{padding-top:calc(64px + var(--space-8))}.page-header{margin-bottom:var(--space-6)}.page-header h1{margin-top:var(--space-1)}@media(max-width:768px){.navbar{height:56px;padding:0 var(--space-4)}.navbar__logo-img{height:28px}.navbar__nav{display:none}.navbar__avatar{width:32px;height:32px;font-size:var(--font-size-xs)}.navbar__dropdown-menu{right:var(--space-2);min-width:200px}.app-shell{padding-top:calc(56px + var(--space-6))}}@media(max-width:480px){.navbar{padding:0 var(--space-3)}.navbar__login-button{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}}