@import url("https://fonts.googleapis.com/css2?family=Rambla:ital,wght@0,400;0,700;1,400;1,700&display=swap");:root{--font-family:"Rambla",sans-serif;--font-regular:400;--font-bold:700;--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--text-4xl:36px;--text-5xl:48px;--text-6xl:56px;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.02em;--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#ebebeb;--bg-dark:#1a1a1a;--bg-charcoal:#2d2d2d;--bg-black:#000;--text-primary:#1a1a1a;--text-secondary:#6b6b6b;--text-tertiary:#999;--text-inverse:#fff;--text-link:#1a1a1a;--border-default:#e0e0e0;--border-subtle:#f0f0f0;--border-strong:#ccc;--border-dark:#333;--status-success:#22c55e;--status-warning:#f59e0b;--status-error:#ef4444;--status-info:#3b82f6;--status-success-bg:#f0fdf4;--status-warning-bg:#fffbeb;--status-error-bg:#fef2f2;--status-info-bg:#eff6ff;--accent-primary:#000;--accent-primary-hover:#333;--accent-secondary:#f5f5f5;--accent-secondary-hover:#ebebeb;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 2px 8px rgba(0,0,0,.08);--shadow-lg:0 4px 16px rgba(0,0,0,.12);--shadow-xl:0 8px 32px rgba(0,0,0,.16);--shadow-hover:0 4px 12px rgba(0,0,0,.15);--space-0:0;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:14px;--space-8:16px;--space-10:20px;--space-12:24px;--space-14:28px;--space-16:32px;--space-20:40px;--space-24:48px;--space-32:64px;--space-40:80px;--space-48:96px;--transition-fast:0.1s ease;--transition-normal:0.15s ease;--transition-slow:0.3s ease;--transition-bounce:0.3s cubic-bezier(0.34,1.56,0.64,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:60px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer}button,input,select,textarea{font-family:var(--font-family)}.h1{font-size:var(--text-5xl)}.h1,.h2{font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.h2{font-size:var(--text-3xl)}.h3{font-size:var(--text-xl)}.h3,.h4{font-weight:var(--font-bold);line-height:var(--leading-snug);color:var(--text-primary)}.h4{font-size:var(--text-lg)}.body{font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--text-primary)}.body-sm{font-size:var(--text-sm)}.body-sm,.caption{font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--text-secondary)}.caption,.overline{font-size:var(--text-xs)}.overline{font-weight:var(--font-bold);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-secondary)}.container{width:100%;max-width:1200px}.container,.container-wide{margin:0 auto;padding:0 24px}.container-wide{max-width:1400px}.container-narrow{max-width:720px;margin:0 auto;padding:0 24px}.grid{display:grid;grid-gap:12px;gap:12px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex-row{gap:8px}.flex-between,.flex-row{display:flex;align-items:center}.flex-between{justify-content:space-between}.animate-in{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.animate-in.visible{opacity:1;transform:translateY(0)}.animate-scale{opacity:0;transform:scale(.95);transition:opacity .4s ease,transform .4s ease}.animate-scale.visible{opacity:1;transform:scale(1)}.stagger-children .animate-in:first-child{transition-delay:0ms}.stagger-children .animate-in:nth-child(2){transition-delay:80ms}.stagger-children .animate-in:nth-child(3){transition-delay:.16s}.stagger-children .animate-in:nth-child(4){transition-delay:.24s}.stagger-children .animate-in:nth-child(5){transition-delay:.32s}.stagger-children .animate-in:nth-child(6){transition-delay:.4s}.press-effect:active{transform:scale(.97);transition:transform .1s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.hover-fill:hover{background-color:var(--bg-secondary)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-bold);line-height:1;padding:8px 14px;border-radius:6px;border:none;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:active{transform:none}.btn-primary{background:var(--accent-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--accent-secondary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--accent-secondary-hover)}.btn-ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-default)}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-strong)}.btn-danger{background:var(--status-error);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-xs{padding:4px 8px;border-radius:4px}.btn-sm,.btn-xs{font-size:var(--text-xs)}.btn-sm{padding:6px 10px}.btn-md{font-size:var(--text-sm);padding:8px 14px}.btn-lg{font-size:var(--text-md);padding:10px 20px}.btn-xl{font-size:var(--text-lg);padding:12px 24px;border-radius:8px}.btn-full{width:100%}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.btn-icon:hover{background:var(--bg-secondary);color:var(--text-primary)}.settings-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border-default);padding-bottom:0}.settings-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-regular);color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s ease,border-color .15s ease;margin-bottom:-1px}.settings-tab--active,.settings-tab:hover{color:var(--text-primary)}.settings-tab--active{font-weight:var(--font-bold);border-bottom-color:var(--text-primary)}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(1turn)}}.link-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;color:var(--accent-primary);cursor:pointer;font-family:var(--font-family);font-size:var(--text-sm)}.link-btn:hover{text-decoration:underline}.input{width:100%;height:38px;padding:0 12px;font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-regular);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:6px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--text-tertiary);font-size:var(--text-sm)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--text-primary);box-shadow:0 0 0 1px var(--text-primary)}.input--error{border-color:var(--status-error)}.input--error:focus{box-shadow:0 0 0 1px var(--status-error)}.textarea{width:100%;min-height:80px;padding:10px 12px;font-family:var(--font-family);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:6px;outline:none;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.textarea:focus{border-color:var(--text-primary);box-shadow:0 0 0 1px var(--text-primary)}.select{width:100%;height:38px;padding:0 32px 0 12px;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:6px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%236B6B6B' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;transition:border-color .15s ease}.select,.select option{font-family:var(--font-family);font-size:var(--text-sm)}.select:focus{border-color:var(--text-primary);box-shadow:0 0 0 1px var(--text-primary)}.label{display:block;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:4px}.label-hint{font-weight:var(--font-regular);color:var(--text-secondary)}.label-error,.label-hint{font-size:var(--text-2xs);margin-top:3px}.label-error{color:var(--status-error)}.form-group{margin-bottom:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.location-picker{display:flex;flex-direction:column;gap:6px}.location-picker-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.location-picker-address{position:relative}.location-picker-address-icon{position:absolute;left:10px;top:12px;color:var(--text-tertiary);pointer-events:none}.location-picker-address-input{padding-left:30px!important}.location-picker-suggestions{position:absolute;top:100%;left:0;right:0;z-index:50;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:6px;box-shadow:var(--shadow-md);margin-top:2px;padding:4px 0;list-style:none;max-height:200px;overflow-y:auto}.location-picker-suggestion{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;cursor:pointer;font-size:var(--text-sm);color:var(--text-primary)}.location-picker-suggestion:hover{background:var(--bg-secondary)}.location-picker-suggestion svg{flex-shrink:0;margin-top:2px;color:var(--text-tertiary)}.location-picker-suggestion-main{font-weight:var(--font-bold)}.location-picker-suggestion-sub{font-size:var(--text-xs);color:var(--text-secondary)}.card{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:8px;padding:14px;transition:box-shadow .2s ease,transform .2s ease}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.card--elevated{background:var(--bg-primary);border:none;box-shadow:var(--shadow-sm)}.card--elevated:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.card-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary)}.card-subtitle{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.stat-card{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:8px;padding:14px}.stat-card__label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:4px}.stat-card__value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1.1}.stat-card__change{font-size:var(--text-2xs);margin-top:4px}.stat-card__change--up{color:var(--status-success)}.stat-card__change--down{color:var(--status-error)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-secondary);text-align:left;padding:8px 12px;border-bottom:1px solid var(--border-default);background:var(--bg-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:5}.table td{padding:8px 12px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;height:40px}.table tr{transition:background-color .1s ease}.table tr:hover{background:var(--bg-secondary)}.table tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--text-2xs);font-weight:var(--font-bold);border-radius:100px;line-height:1.4;white-space:nowrap}.badge--default{background:var(--bg-tertiary);color:var(--text-primary)}.badge--success{background:var(--status-success-bg);color:#166534}.badge--warning{background:var(--status-warning-bg);color:#92400e}.badge--error{background:var(--status-error-bg);color:#991b1b}.badge--info{background:var(--status-info-bg);color:#1e40af}.tag{display:inline-flex;align-items:center;padding:4px 10px;font-size:var(--text-xs);font-weight:var(--font-regular);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default);cursor:pointer;transition:background-color .15s ease}.tag:hover{background:var(--bg-tertiary)}.tag--active{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.modal-overlay--open{opacity:1;visibility:visible}.modal{background:var(--bg-primary);border-radius:10px;box-shadow:var(--shadow-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;transform:scale(.95) translateY(10px);transition:transform .2s ease}.modal-overlay--open .modal{transform:scale(1) translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-default)}.modal-title{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--text-primary)}.modal-body{padding:16px}.modal-footer{justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border-default)}.empty-state,.modal-footer{display:flex;align-items:center}.empty-state{flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-state__icon{width:48px;height:48px;color:var(--text-tertiary);margin-bottom:12px}.empty-state__title{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:4px}.empty-state__description{font-size:var(--text-sm);color:var(--text-secondary);max-width:300px;margin-bottom:16px}.icon{width:16px;height:16px;display:inline-flex;flex-shrink:0}.icon--sm{width:14px;height:14px}.icon--md{width:18px;height:18px}.icon--lg{width:24px;height:24px}.icon--xl{width:32px;height:32px}.toast-container{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:300}.toast{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;font-size:var(--text-sm);font-weight:var(--font-regular);box-shadow:var(--shadow-lg);animation:toast-in .3s ease;min-width:280px;max-width:400px}.toast--success{background:var(--status-success-bg);color:#166534;border:1px solid #bbf7d0}.toast--warning{background:var(--status-warning-bg);color:#92400e;border:1px solid #fde68a}.toast--error{background:var(--status-error-bg);color:#991b1b;border:1px solid #fecaca}.toast--info{background:var(--status-info-bg);color:#1e40af;border:1px solid #bfdbfe}@keyframes toast-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.sub-gate{position:relative;min-height:400px;overflow:hidden}.sub-gate__preview{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:blur(1.5px)}.sub-gate__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-top:120px;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.4) 15%,hsla(0,0%,100%,.85) 35%,#fff 50%,#fff);z-index:10}.sub-gate__content{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:-40px}.sub-gate__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-secondary);color:var(--text-secondary);margin-bottom:12px}.sub-gate__title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:6px}.sub-gate__desc{font-size:var(--text-sm);color:var(--text-secondary);max-width:320px;margin-bottom:16px;line-height:var(--leading-normal)}.of-preview{display:flex;flex-direction:column;gap:10px}.of-preview-section{display:flex;justify-content:space-between;align-items:flex-start;padding:6px 0;border-bottom:1px solid var(--border-subtle)}.of-preview-section:last-child{border-bottom:none}.of-preview-section--highlight{background:var(--bg-secondary);border-radius:6px;padding:8px 10px;border-bottom:none}.of-preview-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-bold);flex-shrink:0;margin-right:12px}.of-preview-value{font-size:var(--text-sm);color:var(--text-primary);text-align:right;word-break:break-word}.of-preview-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.of-preview-row .of-preview-section{border-bottom:1px solid var(--border-subtle)}.panel-content,.panel-layout{display:flex;min-height:100vh}.panel-content{flex:1 1;margin-left:220px;flex-direction:column;transition:margin-left .3s ease}.panel-content.has-warning{padding-top:36px}.panel-main{flex:1 1;padding:16px 20px;background:var(--bg-secondary)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:220px;background:var(--bg-dark);color:var(--text-inverse);padding:12px 8px;overflow-y:auto;z-index:50;display:flex;flex-direction:column;transition:transform .3s ease,width .3s ease}@media (min-width:1024px){.sidebar-collapsed .sidebar{width:52px;overflow:hidden}.sidebar-collapsed .panel-content{margin-left:52px}.sidebar-collapsed .sidebar .sidebar-brand,.sidebar-collapsed .sidebar .sidebar-section-label{display:none}.sidebar-collapsed .sidebar-header{justify-content:center;padding:4px 0 16px}.sidebar-collapsed .sidebar .sidebar-item{justify-content:center;padding:7px 6px}.sidebar-collapsed .sidebar .sidebar-label,.sidebar-collapsed .topbar-toggle{display:none}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:4px 10px 16px;border-bottom:1px solid var(--border-dark);margin-bottom:8px}.sidebar-brand{min-width:0}.sidebar-logo{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--text-inverse)}.sidebar-org{font-size:var(--text-2xs);color:hsla(0,0%,100%,.5);margin-top:2px}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.6);cursor:pointer;padding:0;flex-shrink:0;transition:background .15s ease,color .15s ease}.sidebar-toggle:hover{background:hsla(0,0%,100%,.15);color:var(--text-inverse)}.hamburger-icon{width:16px;height:10px;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon span{display:block;height:2px;background:currentColor;border-radius:1px;transition:transform var(--transition-normal),width var(--transition-normal)}.hamburger-icon span:first-child{width:100%}.hamburger-icon span:last-child{width:65%}.sidebar.open .sidebar-toggle .hamburger-icon span:first-child{transform:rotate(45deg) translate(2px,2px)}.sidebar.open .sidebar-toggle .hamburger-icon span:last-child{width:100%;transform:rotate(-45deg) translate(2px,-2px)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:49}@media (max-width:1023px){.sidebar-overlay{display:block}}.sidebar-nav{flex:1 1;display:flex;flex-direction:column;gap:1px}.sidebar-section-label{font-size:var(--text-2xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:hsla(0,0%,100%,.4);padding:16px 10px 4px}.sidebar-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:var(--text-sm);font-weight:var(--font-regular);color:hsla(0,0%,100%,.7);cursor:pointer;transition:background-color .15s ease,color .15s ease;text-decoration:none;border:none;background:none;width:100%;text-align:left}.sidebar-item:hover{background:hsla(0,0%,100%,.08);color:var(--text-inverse)}.sidebar-item--active{background:hsla(0,0%,100%,.12);color:var(--text-inverse);font-weight:var(--font-bold)}.sidebar-item svg{width:16px;height:16px;flex-shrink:0}.sidebar-footer{padding-top:8px;border-top:1px solid var(--border-dark);margin-top:auto}.topbar{position:-webkit-sticky;position:sticky;top:0;height:52px;background:var(--bg-primary);box-shadow:0 1px 3px rgba(0,0,0,.06);justify-content:space-between;padding:0 20px;z-index:40}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:8px}.topbar-title{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--text-primary)}.topbar-toggle{display:none;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;padding:0;transition:background var(--transition-fast),color var(--transition-fast)}.topbar-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar-collapsed .topbar-toggle{display:flex}.topbar-user{font-size:var(--text-xs);color:var(--text-secondary);padding:4px 10px;background:var(--bg-secondary);border-radius:16px;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.topbar-actions{display:flex;align-items:center;gap:6px}.notif-bell,.notif-bell-btn{position:relative}.notif-bell-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.notif-bell-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.notif-bell-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;border-radius:8px;background:var(--status-error);color:#fff;font-size:10px;font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;padding:0 4px;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notif-dropdown{position:absolute;top:100%;right:0;width:360px;max-height:480px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:8px;box-shadow:var(--shadow-xl);z-index:100;overflow:hidden}.notif-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--border-default)}.notif-dropdown-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary)}.notif-mark-all{display:flex;align-items:center;gap:4px;border:none;background:none;color:var(--status-info);font-size:var(--text-xs);cursor:pointer}.notif-mark-all:hover{text-decoration:underline}.notif-dropdown-list{max-height:400px;overflow-y:auto}.notif-empty{padding:var(--space-12);text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}.notif-item{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;cursor:pointer;transition:background var(--transition-fast);border:none;background:none;width:100%;text-align:left}.notif-item:hover{background:var(--bg-secondary)}.notif-item:last-child{border-bottom:none}.notif-item--unread{background:var(--status-info-bg)}.notif-item--unread:hover{background:#dbeafe}.notif-item-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.notif-item-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary)}.notif-item-message{font-size:var(--text-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item-time{font-size:10px;color:var(--text-tertiary)}.notif-item-dot{width:8px;height:8px;border-radius:50%;background:var(--status-info);flex-shrink:0;margin-top:6px}.warning-banner{position:fixed;top:0;left:0;right:0;height:36px;background:var(--status-warning);display:flex;align-items:center;justify-content:center;gap:8px;font-size:var(--text-xs);z-index:200}.warning-banner,.warning-banner a{color:#000;font-weight:var(--font-bold)}.warning-banner a{text-decoration:underline}body.has-warning-banner .sidebar,body.has-warning-banner .topbar{top:36px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.dashboard-grid__wide{grid-column:span 2}.dashboard-grid__full{grid-column:1/-1}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}@media (max-width:1023px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-collapsed .sidebar{transform:translateX(-100%)}.sidebar-collapsed .sidebar.open{transform:translateX(0)}.panel-content{margin-left:0}.topbar-toggle{display:flex}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid__wide{grid-column:span 2}}@media (max-width:767px){.dashboard-grid{grid-template-columns:1fr}.dashboard-grid__wide{grid-column:span 1}.form-row{grid-template-columns:1fr}.topbar-user{display:none}}.language-switcher{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--border-default);border-radius:6px;background:var(--bg-primary);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;transition:all .15s}.language-switcher:hover{background:var(--bg-secondary);color:var(--text-primary)}.auth-lang-switcher{position:absolute;top:16px;right:16px}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent-primary);color:#fff;padding:8px 16px;z-index:1000;font-size:var(--text-sm)}.skip-link:focus{top:0}