.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:60px;border-bottom:1px solid #334155;background:#1e293b;position:sticky;top:0;z-index:100}.topbar__left{display:flex;align-items:center;gap:2rem;flex:1}.topbar__brand{display:flex;align-items:center;gap:.5rem;color:#f8fafc;font-weight:600;font-size:1.1rem;white-space:nowrap;text-decoration:none;cursor:pointer}.topbar__brand:hover{opacity:.9}.topbar__brand-logo{height:36px;width:auto;object-fit:contain}.topbar__brand-dot{width:10px;height:10px;background:#38bdf8;border-radius:50%}.topbar__nav{display:flex;align-items:center;gap:.25rem;overflow-x:auto;scrollbar-width:none}.topbar__nav::-webkit-scrollbar{display:none}.topbar__nav-link{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;border-radius:.5rem;color:#94a3b8;text-decoration:none;font-size:.875rem;font-weight:500;white-space:nowrap;transition:all .15s ease}.topbar__nav-link:hover{color:#f8fafc;background:#f8fafc14}.topbar__nav-link.active{background:#38bdf8;color:#0f172a}.topbar__nav-icon{font-size:.9rem;display:inline-flex}.topbar__nav-label{display:inline}.topbar__right{display:flex;align-items:center;gap:.75rem}.topbar__search{border:1px solid rgba(248,250,252,.1);border-radius:999px;padding:.4rem .85rem;display:flex;align-items:center;gap:.5rem;color:#94a3b8;background:#f8fafc0d}.topbar__search input{border:none;outline:none;background:transparent;width:140px;color:#f8fafc;font-size:.875rem}.topbar__search input::placeholder{color:#64748b}.topbar__notification{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:#94a3b8;background:#f8fafc0d;border:1px solid rgba(248,250,252,.1);transition:all .15s ease;font-size:1rem}.topbar__notification:hover{color:#f8fafc;background:#f8fafc1a}.topbar__mobile-toggle{display:none;border:none;background:transparent;color:#f8fafc;padding:.5rem;cursor:pointer;font-size:1.1rem}.user-menu{position:relative}.user-trigger{border:1px solid rgba(248,250,252,.15);background:#f8fafc0d;padding:.35rem .5rem;border-radius:999px;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;transition:all .15s ease}.user-trigger:hover{background:#f8fafc1a}.user-trigger .avatar{width:32px;height:32px;border-radius:999px;background:#38bdf8;color:#0f172a;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem}.user-trigger .chevron{color:#94a3b8;font-size:.7rem;transition:transform .15s ease}.user-trigger.open .chevron{transform:rotate(180deg)}.user-menu__dropdown{position:absolute;right:0;margin-top:.5rem;width:260px;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 10px 40px #0f172a1f,0 4px 12px #0f172a14;overflow:hidden;animation:fadeIn .12s ease-out;z-index:200}.user-menu__header{display:flex;align-items:center;gap:.875rem;padding:1rem 1.125rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.user-menu__header .avatar.large{width:48px;height:48px;font-size:1.125rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 8px #6366f14d}.user-menu__name{font-weight:700;color:#0f172a;font-size:.95rem}.user-menu__role{color:#64748b;font-size:.8rem;margin-top:.125rem}.user-menu__item{width:100%;display:inline-flex;align-items:center;gap:.65rem;padding:.75rem 1rem;border:none;background:transparent;text-align:left;color:#0f172a;cursor:pointer;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .15s ease}.user-menu__item svg{color:#64748b;font-size:.95rem}.user-menu__item:hover{background:#f1f5f9}.user-menu__item.danger,button.user-menu__item.danger{color:#475569;border-top:1px solid #e2e8f0;margin-top:.25rem;background:transparent!important}.user-menu__item.danger svg{color:#ef4444}.user-menu__item.danger:hover,button.user-menu__item.danger:hover{background:#f8fafc!important;color:#334155}.topbar__mobile-nav{position:fixed;top:60px;left:0;right:0;background:#0f172a;border-bottom:1px solid rgba(248,250,252,.1);padding:.5rem;display:flex;flex-direction:column;gap:.25rem;z-index:99;animation:slideDown .15s ease-out}.topbar__mobile-nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;color:#cbd5f5;text-decoration:none;font-weight:500}.topbar__mobile-nav-link:hover{background:#f8fafc14}.topbar__mobile-nav-link.active{background:#38bdf8;color:#0f172a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.topbar__nav-label{display:none}.topbar__nav-link{padding:.5rem}.topbar__nav-icon{font-size:1rem}}@media(max-width:768px){.topbar{padding:0 1rem}.topbar__nav,.topbar__search{display:none}.topbar__mobile-toggle{display:inline-flex}.topbar__brand-text{display:none}}.app-shell{display:flex;height:100vh;min-height:100vh;overflow:hidden}.app-shell--horizontal{flex-direction:column}.app-shell--fullscreen{height:100vh;overflow:hidden}.app-shell__content{flex:1;display:flex;flex-direction:column;background:#f1f5f9}.app-shell--horizontal .app-shell__main{flex:1;padding:1.5rem;overflow-y:auto;background:#f1f5f9}.app-shell__main{flex:1;padding:1.5rem;overflow-y:auto}.app-shell__main.notebook-no-scroll{overflow:hidden}.app-shell__main--fullscreen{padding:0;height:100vh;max-height:100vh}@media(max-width:768px){.app-shell__main,.app-shell--horizontal .app-shell__main{padding:1rem}}.page-section{background:#fff;border-radius:.75rem;padding:1rem 1.25rem;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;margin-bottom:.875rem;border:1px solid #e2e8f0;transition:box-shadow .2s ease}.page-section:hover{box-shadow:0 4px 6px #0f172a12,0 2px 4px #0f172a0d}.page-header{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:.75rem;padding:1rem 1.5rem;margin-bottom:1rem;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;border:1px solid #e2e8f0}.page-header h1{margin:0 0 .25rem;font-size:1.375rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.5rem;line-height:1.3}.page-header p{margin:0;font-size:.8125rem;color:#64748b;line-height:1.4}@media(max-width:640px){.page-header{padding:1.25rem 1.5rem}.page-header h1{font-size:1.5rem}}.grid{display:grid;gap:1rem}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.stat-card{background:#fff;border-radius:.625rem;padding:.875rem 1rem;border:1px solid #e2e8f0;transition:all .2s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#2563eb);opacity:0;transition:opacity .2s ease}.stat-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a14}.stat-card:hover:before{opacity:1}.stat-card h4{margin:0 0 .375rem;font-size:.6875rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.stat-card strong{font-size:1.375rem;color:#0f172a;font-weight:700;line-height:1.2}.stat-card.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none}.stat-card.primary h4{color:#ffffffe6}.stat-card.primary strong{color:#fff}.stat-card.primary:before{display:none}.stat-card.dark{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;border:none}.stat-card.dark h4{color:#ffffffd9}.stat-card.dark strong{color:#fff}.hero-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-bottom:1rem}@media(max-width:1200px){.hero-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.hero-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.hero-grid{grid-template-columns:1fr}}.hero-card{border-radius:.75rem;padding:1rem 1.25rem;color:#0f172a;display:flex;flex-direction:column;gap:.25rem;border:1px solid #e2e8f0;background:#fff;transition:all .2s ease;position:relative;overflow:hidden}.hero-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f172a1a}.hero-card+.hero-card{margin-top:0}.hero-card p{margin:0;font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase;font-weight:600;color:#64748b}.hero-card strong{font-size:1.75rem;font-weight:700;line-height:1.1}.hero-card span{font-size:.75rem;color:#64748b}.hero-card.primary{background:linear-gradient(135deg,var(--primary-bg-light, #eff6ff),var(--primary-bg, #dbeafe))}.hero-card.warning{background:linear-gradient(135deg,var(--bg-secondary, #f8fafc),var(--bg-tertiary, #f1f5f9))}.hero-card.accent{background:linear-gradient(135deg,var(--primary-bg-light, #eff6ff),var(--primary-bg, #dbeafe))}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.section-header h3{margin:0;font-size:.9375rem}.section-header p{margin:.125rem 0 0;color:#64748b;font-size:.75rem}.section-header__actions{display:flex;align-items:center;gap:.5rem}.segmented-control{display:inline-flex;border-radius:999px;background:#e2e8f0;padding:.15rem}.segmented-control__option{border-radius:999px;padding:.25rem .85rem;font-size:.85rem;background:transparent;color:#475569}.segmented-control__option.active{background:#fff;color:#1d4ed8;box-shadow:0 1px 3px #2563eb33}.quick-stats{display:flex;flex-direction:column;gap:.5rem}.quick-stats__row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e2e8f0}.quick-stats__row:last-child{border-bottom:none}.quick-stats__row p{margin:0;font-weight:600}.quick-stats__row small{color:#94a3b8}.quick-stats__value{display:flex;align-items:center;gap:.375rem}.quick-stats__value strong{font-size:1rem}.quick-stats__trend{font-size:.75rem;font-weight:600;padding:.1rem .4rem;border-radius:999px}.quick-stats__trend.up{background:var(--primary-bg, #dbeafe);color:var(--primary-dark, #1d4ed8)}.quick-stats__trend.down{background:var(--bg-tertiary, #f1f5f9);color:var(--text-primary, #0f172a)}.stat-list{display:flex;flex-direction:column;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden}.stat-list__item{display:flex;justify-content:space-between;padding:.85rem 1rem;background:#fff;border-bottom:1px solid #e2e8f0}.stat-list__item:last-child{border-bottom:none}.table-empty{border:2px dashed #cbd5e1;border-radius:.75rem;padding:1.5rem;text-align:center;color:#64748b;background:#f8fafc}.alert-panel{border-radius:1rem;padding:1rem;background:#fff;box-shadow:inset 0 0 0 1px #e2e8f0}.alert-panel--danger{background:linear-gradient(135deg,var(--bg-tertiary, #f1f5f9),var(--border-light, #e2e8f0))}.alert-panel--warning{background:linear-gradient(135deg,var(--bg-secondary, #f8fafc),var(--bg-tertiary, #f1f5f9))}.alert-panel--success{background:linear-gradient(135deg,var(--primary-bg-light, #eff6ff),var(--primary-bg, #dbeafe))}.alert-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.alert-panel ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.alert-panel li{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;font-size:.9rem}.alert-panel li span{color:#94a3b8;font-size:.75rem}.table-wrapper{overflow-x:auto;background:#fff;border-radius:1rem;box-shadow:inset 0 0 0 1px #e2e8f0}table{width:100%;border-collapse:collapse;table-layout:fixed}table th,table td{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table th{font-size:.85rem;color:#475569;text-transform:uppercase;letter-spacing:.04em}.badge{border-radius:999px;padding:.2rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex;text-transform:capitalize}.badge.warning{background:#fef3c7;color:#b45309}.btn-outline{border:1px solid #cbd5f5;background:#fff;color:#1d4ed8;padding:.35rem .9rem;border-radius:999px;font-size:.85rem;font-weight:600}.btn-outline:hover:not(:disabled){border-color:#1d4ed8;color:#1d4ed8}.section-header__actions .btn-outline{white-space:nowrap}.tabs-container{display:flex;gap:.375rem;margin-bottom:1rem;padding:.375rem;background:#f1f5f9;border-radius:.75rem;flex-wrap:wrap}.tab-button{padding:.5rem 1rem;border:none;border-radius:.5rem;background:transparent;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.375rem;font-size:.8125rem}.tab-button:hover{background:#ffffff80;color:#334155}.tab-button.active{background:#fff;color:#3b82f6;font-weight:600;box-shadow:0 2px 8px #0000000f}.tab-badge{background:#ef4444;color:#fff;border-radius:1rem;padding:.125rem .5rem;font-size:.75rem;font-weight:700;min-width:1.25rem;text-align:center}.card{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s ease}.card:hover{box-shadow:0 4px 12px #0f172a14}.card-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.card-body{padding:1.5rem}.card-footer{padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc}.filter-panel{background:#fff;padding:1rem 1.25rem;border-radius:.75rem;margin-bottom:1rem;border:1px solid #e2e8f0}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.filter-label{display:block;margin-bottom:.375rem;font-size:.6875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em}.filter-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.filter-toggle-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#fff;color:#475569;border:1px solid #e2e8f0;border-radius:.375rem;cursor:pointer;font-weight:500;font-size:.8125rem;transition:all .2s ease}.filter-toggle-btn:hover{background:#f8fafc;border-color:#cbd5e1}.filter-toggle-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.filter-badge{background:#3b82f6;color:#fff;border-radius:50%;width:18px;height:18px;font-size:.75rem;display:flex;align-items:center;justify-content:center;font-weight:600}.filter-toggle-btn.active .filter-badge{background:#fff;color:#3b82f6}.table-container{overflow-x:auto;border-radius:.75rem;border:1px solid #e2e8f0}.modern-table{width:100%;border-collapse:collapse;font-size:.875rem}.modern-table th{padding:.75rem 1rem;text-align:left;font-size:.6875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0}.modern-table td{padding:.625rem 1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.modern-table tbody tr{transition:background .15s ease}.modern-table tbody tr:hover{background:#f8fafc}.modern-table tbody tr:last-child td{border-bottom:none}.hide-mobile{display:block}.show-mobile{display:none}@media(max-width:768px){.hide-mobile{display:none}.show-mobile{display:block}}.stack-mobile{display:flex;gap:1rem}@media(max-width:640px){.stack-mobile{flex-direction:column}}.form-input,.form-select{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:.75rem;font-size:.9375rem;transition:all .2s ease;background:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:#94a3b8}.form-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#334155}@media(max-width:768px){.form-input,.form-select{padding:.875rem 1rem;font-size:16px;border-radius:.625rem}.form-label{font-size:.8125rem}}@media(hover:none)and (pointer:coarse){.form-input,.form-select{min-height:48px}}.actions-row{display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}@media(max-width:640px){.actions-row{justify-content:stretch;flex-direction:column}.actions-row button{flex:1;justify-content:center;width:100%}}.empty-state-title{font-size:1.125rem;font-weight:600;color:#334155;margin-bottom:.5rem}.empty-state-description{font-size:.875rem;max-width:24rem;margin:0 auto}.dashboard-container{display:flex;flex-direction:column;gap:.75rem;width:100%;height:calc(100vh - 60px);padding:.75rem 1rem 1rem;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;background:#f1f5f9}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;flex-shrink:0}.chart-row{display:grid;grid-template-columns:1.5fr 1fr;gap:.75rem;min-height:200px}.chart-row-reverse{display:grid;grid-template-columns:1fr 1.5fr;gap:.75rem;min-height:220px}.chart-row-equal{display:grid;grid-template-columns:1.5fr 1fr;gap:.75rem;min-height:220px;margin-bottom:.5rem}.distribution-container{display:flex;gap:.5rem;height:160px}.distribution-item{flex:1;display:flex;flex-direction:column;min-width:0}.distribution-divider{width:1px;background:#e2e8f0;margin:.5rem 0;flex-shrink:0}.chart-container{height:160px}.chart-container-tall{height:180px}.list-container{max-height:180px;overflow-y:auto}.card-header-mobile-stack{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid #f1f5f9;background:#fafbfc;flex-shrink:0}@media screen and (max-width:1024px){.dashboard-container{padding:.5rem .75rem .75rem;gap:.625rem}.stats-row{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.375rem}.chart-row,.chart-row-reverse,.chart-row-equal{grid-template-columns:1fr 1fr;min-height:180px}.chart-container{height:140px}.chart-container-tall{height:160px}.list-container{max-height:160px}}@media screen and (max-width:768px){.dashboard-container{height:auto;min-height:calc(100vh - 60px);padding:.5rem;gap:.5rem}.stats-row{grid-template-columns:repeat(2,1fr);gap:.375rem}.chart-row,.chart-row-reverse,.chart-row-equal{grid-template-columns:1fr;min-height:auto;gap:.5rem}.distribution-container{flex-direction:column;height:auto;min-height:280px}.distribution-item{min-height:130px}.distribution-divider{width:100%;height:1px;margin:.25rem 0}.chart-container{height:180px}.chart-container-tall{height:200px}.list-container{max-height:200px}.card-header-mobile-stack{flex-direction:column;align-items:flex-start;gap:.5rem}.card-header-mobile-stack>div:last-child{align-self:flex-end}}@media screen and (max-width:480px){.dashboard-container{padding:.375rem;gap:.375rem}.stats-row{grid-template-columns:repeat(2,1fr);gap:.25rem}.stat-card{padding:.5rem .625rem!important}.stat-card-icon{font-size:1rem!important}.stat-card-label{font-size:.5625rem!important}.stat-card-value{font-size:.9375rem!important}.chart-container{height:160px}.chart-container-tall{height:180px}.list-container{max-height:180px}.distribution-container{min-height:240px}.distribution-item{min-height:110px}.mobile-badge{font-size:.6rem!important;padding:.1rem .375rem!important}.list-item{padding:.375rem .5rem!important}.list-item-title{font-size:.7rem!important}.list-item-subtitle{font-size:.6rem!important}}@media screen and (max-width:360px){.stats-row{grid-template-columns:1fr}.stat-card{padding:.5rem!important}}@media(hover:none)and (pointer:coarse){.link-button{min-height:32px;min-width:60px}.segmented-control button{min-height:28px;padding:.375rem .625rem!important}.list-item{min-height:48px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{.dashboard-container{height:auto;overflow:visible;background:#fff}.link-button,.segmented-control{display:none!important}}.inventory-container{padding:1rem;display:flex;flex-direction:column;gap:1rem}.inventory-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.inventory-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.inventory-tab{padding:.625rem 1rem;border:none;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.inventory-filter-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:.75rem;background:#f8fafc;border-radius:.5rem;margin-bottom:1rem}.inventory-search{flex:1;min-width:200px;max-width:400px}.inventory-search input{width:100%;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.875rem}.inventory-filters{display:flex;gap:.5rem;flex-wrap:wrap}.inventory-filters select{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.875rem;min-width:120px}.inventory-view-filters{display:flex;gap:.375rem;flex-wrap:wrap}.view-filter-btn{padding:.375rem .75rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.75rem;cursor:pointer;background:#fff;transition:all .15s;white-space:nowrap}.view-filter-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.inventory-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between;margin-bottom:1rem}.inventory-actions-left,.inventory-actions-right{display:flex;gap:.5rem;flex-wrap:wrap}.inventory-btn{padding:.5rem .875rem;border-radius:.375rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap}.inventory-btn-primary{background:#3b82f6;color:#fff;border:none}.inventory-btn-secondary{background:#fff;color:#475569;border:1px solid #e2e8f0}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.inventory-card{background:#fff;border-radius:.5rem;border:1px solid #e2e8f0;padding:1rem;transition:all .2s}.inventory-card:hover{box-shadow:0 4px 12px #00000014}.inventory-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem}.inventory-card-title{font-weight:600;font-size:.9rem;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-card-body{display:flex;flex-direction:column;gap:.5rem}.inventory-card-row{display:flex;justify-content:space-between;font-size:.8rem}.inventory-card-label{color:#64748b}.inventory-card-value{font-weight:500;color:#1e293b}.inventory-card-actions{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.inventory-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.pagination-btn{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.375rem;background:#fff;cursor:pointer;font-size:.875rem}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.875rem;color:#64748b}.bulk-actions-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#eff6ff;border-radius:.5rem;margin-bottom:1rem;flex-wrap:wrap}.inventory-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.7rem;font-weight:600}.inventory-badge-warning{background:#fef3c7;color:#92400e}.inventory-badge-danger{background:#fee2e2;color:#991b1b}.inventory-badge-success{background:#dcfce7;color:#166534}.inventory-badge-info{background:#dbeafe;color:#1e40af}@media screen and (max-width:1024px){.inventory-container{padding:.75rem}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.inventory-filter-bar{flex-direction:column;align-items:stretch}.inventory-search{max-width:none}.inventory-actions{flex-direction:column;align-items:stretch}.inventory-actions-left,.inventory-actions-right{justify-content:center}}@media screen and (max-width:768px){.inventory-container{padding:.5rem;gap:.75rem}.inventory-stats{grid-template-columns:repeat(2,1fr);gap:.5rem}.inventory-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;flex-wrap:nowrap}.inventory-tab{padding:.5rem .75rem;font-size:.8rem}.inventory-filter-bar{padding:.5rem;gap:.5rem}.inventory-search input{padding:.625rem .75rem;font-size:16px}.inventory-filters{width:100%}.inventory-filters select{flex:1;min-width:0;padding:.625rem;font-size:16px}.inventory-view-filters{width:100%;justify-content:center}.view-filter-btn{flex:1;text-align:center;padding:.5rem;font-size:.7rem}.inventory-grid{grid-template-columns:1fr;gap:.75rem}.inventory-card{padding:.875rem}.inventory-card-actions{justify-content:space-between}.inventory-btn{padding:.625rem .75rem;font-size:.75rem;flex:1;justify-content:center}.bulk-actions-bar{flex-direction:column;text-align:center}.inventory-pagination{flex-direction:column;gap:.75rem}}@media screen and (max-width:480px){.inventory-container{padding:.375rem}.inventory-stats{grid-template-columns:1fr 1fr}.inventory-tab{padding:.5rem .625rem;font-size:.75rem}.inventory-tab .tab-icon{display:none}.inventory-card-header{flex-direction:column;gap:.375rem}.inventory-card-actions{flex-direction:column}.inventory-btn{width:100%}}@media(hover:none)and (pointer:coarse){.inventory-tab,.view-filter-btn,.inventory-btn,.pagination-btn{min-height:44px;min-width:44px}.inventory-search input,.inventory-filters select{min-height:48px;font-size:16px}.inventory-card{padding:1rem}.inventory-card-actions .inventory-btn{padding:.75rem 1rem}}@media print{.inventory-tabs,.inventory-filter-bar,.inventory-actions,.inventory-pagination,.bulk-actions-bar{display:none!important}.inventory-grid{display:block}.inventory-card{break-inside:avoid;margin-bottom:1rem;box-shadow:none;border:1px solid #ccc}}.borrowing-container{padding:1rem;display:flex;flex-direction:column;gap:1rem}.borrowing-tabs{display:flex;gap:.5rem;margin-bottom:1rem;padding:.5rem;background:#f1f5f9;border-radius:1rem;flex-wrap:wrap}.borrowing-tab{padding:.875rem 1.5rem;border:none;border-radius:.75rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;background:transparent;color:#64748b;white-space:nowrap}.borrowing-tab.active{background:#fff;color:#3b82f6;font-weight:600;box-shadow:0 2px 8px #00000014}.borrowing-tab-badge{background:#ef4444;color:#fff;border-radius:1rem;padding:.125rem .5rem;font-size:.75rem;font-weight:700;min-width:1.25rem;text-align:center}.borrowing-card{background:#fff;border-radius:.5rem;padding:1rem;border:1px solid #e2e8f0;margin-bottom:1rem}.borrowing-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.borrowing-card-icon{width:32px;height:32px;border-radius:.375rem;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.borrowing-card-title{font-size:.9rem;font-weight:600;color:#1e293b}.borrowing-form-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.borrowing-input-group{display:flex;flex-direction:column;gap:.25rem}.borrowing-label{font-size:.75rem;font-weight:600;color:#475569;display:flex;align-items:center;gap:.25rem}.borrowing-input{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.85rem;transition:all .2s}.borrowing-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.borrowing-table-container{background:#fff;border-radius:.375rem;overflow:hidden;border:1px solid #e2e8f0}.borrowing-table{width:100%;border-collapse:collapse}.borrowing-table th{background:#f8fafc;padding:.75rem;text-align:left;font-size:.75rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.borrowing-table td{padding:.75rem;border-top:1px solid #f1f5f9;font-size:.85rem}.borrowing-table tr:hover{background:#f8fafc}.borrowing-status{padding:.25rem .5rem;border-radius:.25rem;font-weight:500;font-size:.7rem;text-transform:capitalize;display:inline-flex;align-items:center;gap:.125rem;white-space:nowrap}.borrowing-status-pending{background:#f8fafc;color:#475569;border:1px solid #cbd5e1}.borrowing-status-approved{background:#f0fdf4;color:#166534;border:1px solid #86efac}.borrowing-status-rejected{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5}.borrowing-status-returned{background:#f8fafc;color:#1e293b;border:1px solid #94a3b8}.borrowing-status-overdue{background:#fef2f2;color:#dc2626;border:1px solid #fca5a5}.borrowing-action-btn{padding:.25rem .5rem;border-radius:.25rem;border:1px solid #e2e8f0;font-weight:500;font-size:.7rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.25rem;background:#fff;color:#475569;white-space:nowrap}.borrowing-action-btn:hover{background:#f1f5f9}.borrowing-empty-state{text-align:center;padding:2rem 1rem;background:#f8fafc;border-radius:.375rem;border:1px dashed #e2e8f0}.borrowing-empty-icon{font-size:2.5rem;margin-bottom:.75rem}.borrowing-empty-title{font-weight:600;color:#475569;margin-bottom:.25rem}.borrowing-empty-text{font-size:.85rem;color:#94a3b8}.borrowing-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem}.borrowing-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media screen and (max-width:1024px){.borrowing-container{padding:.75rem}.borrowing-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding:.375rem}.borrowing-tab{padding:.75rem 1rem;font-size:.8rem}.borrowing-dashboard-grid{grid-template-columns:1fr}.borrowing-form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media screen and (max-width:768px){.borrowing-container{padding:.5rem;gap:.75rem}.borrowing-tabs{gap:.25rem;padding:.25rem;border-radius:.75rem}.borrowing-tab{padding:.625rem .75rem;font-size:.75rem;border-radius:.5rem;flex:1;justify-content:center;text-align:center}.borrowing-tab span:not(.borrowing-tab-badge){display:none}.borrowing-tab:before{content:attr(data-short)}.borrowing-card{padding:.75rem}.borrowing-card-header{gap:.5rem}.borrowing-form-grid{grid-template-columns:1fr}.borrowing-input{padding:.625rem .75rem;font-size:16px}.borrowing-table-container{background:transparent;border:none}.borrowing-table thead{display:none}.borrowing-table tbody{display:flex;flex-direction:column;gap:.75rem}.borrowing-table tr{display:flex;flex-direction:column;background:#fff;border-radius:.5rem;border:1px solid #e2e8f0;padding:.75rem}.borrowing-table td{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;border:none;border-bottom:1px solid #f1f5f9}.borrowing-table td:last-child{border-bottom:none;padding-top:.5rem}.borrowing-table td:before{content:attr(data-label);font-weight:600;color:#64748b;font-size:.75rem;text-transform:uppercase}.borrowing-stats-row{grid-template-columns:repeat(2,1fr);gap:.5rem}.borrowing-empty-state{padding:1.5rem 1rem}}@media screen and (max-width:480px){.borrowing-container{padding:.375rem}.borrowing-tab{padding:.5rem;min-width:0}.borrowing-tab-badge{font-size:.65rem;padding:.1rem .375rem}.borrowing-card-icon{width:28px;height:28px;font-size:.875rem}.borrowing-card-title{font-size:.85rem}.borrowing-stats-row{grid-template-columns:1fr}}@media(hover:none)and (pointer:coarse){.borrowing-tab,.borrowing-action-btn,.borrowing-input{min-height:44px}.borrowing-input{font-size:16px}.borrowing-action-btn{padding:.5rem .75rem}.borrowing-table td{padding:.625rem 0}}@media print{.borrowing-tabs,.borrowing-action-btn{display:none!important}.borrowing-table-container{box-shadow:none}}.alerts-container{display:flex;flex-direction:column;gap:1rem}.alerts-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.alerts-tabs{display:flex;gap:.5rem;padding:.5rem;background-color:#f1f5f9;border-radius:1rem;flex-wrap:wrap}.alerts-tab{padding:.75rem 1.25rem;border:none;border-radius:.75rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:.85rem}.alerts-tab.active{background-color:#fff;font-weight:600;color:#6366f1;box-shadow:0 2px 8px #00000014}.alerts-card{background-color:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;overflow:hidden}.alerts-card-header{padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.alerts-list{display:flex;flex-direction:column}.alert-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9;transition:background-color .2s}.alert-item:hover{background-color:#f8fafc}.alert-icon{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.alert-content{flex:1;min-width:0}.alert-title{font-weight:600;color:#0f172a;margin-bottom:.25rem;font-size:.9rem}.alert-description{color:#64748b;font-size:.825rem;line-height:1.4}.alert-meta{display:flex;gap:.75rem;margin-top:.5rem;font-size:.75rem;color:#94a3b8}.alert-actions{display:flex;gap:.5rem;flex-shrink:0}.alert-generation-panel{padding:1rem 1.25rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}@media screen and (max-width:1024px){.alerts-stats-row{grid-template-columns:repeat(2,1fr)}.alerts-tabs{gap:.375rem}.alerts-tab{padding:.625rem 1rem;font-size:.8rem}}@media screen and (max-width:768px){.alerts-stats-row{grid-template-columns:repeat(2,1fr);gap:.5rem}.alerts-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding:.375rem;border-radius:.75rem;scrollbar-width:none;-ms-overflow-style:none}.alerts-tabs::-webkit-scrollbar{display:none}.alerts-tab{flex-shrink:0;padding:.5rem .875rem;font-size:.75rem;border-radius:.5rem}.alerts-card-header{padding:.875rem 1rem;flex-direction:column;align-items:flex-start}.alert-item{padding:.875rem 1rem;gap:.75rem}.alert-icon{width:2rem;height:2rem;font-size:.875rem}.alert-title{font-size:.85rem}.alert-description{font-size:.775rem}.alert-meta{flex-wrap:wrap;gap:.5rem}.alert-actions{margin-top:.5rem;width:100%;justify-content:flex-start}.alert-generation-panel{padding:.875rem 1rem;flex-direction:column;align-items:stretch}}@media screen and (max-width:480px){.alerts-stats-row{grid-template-columns:1fr 1fr;gap:.5rem}.alerts-stats-row>div{padding:.75rem}.alert-item{flex-direction:column;align-items:flex-start}.alert-item .alert-content,.alert-actions{width:100%}.alerts-card-header h3{font-size:.9rem}}@media screen and (max-width:360px){.alerts-stats-row{grid-template-columns:1fr}.alerts-tab{padding:.45rem .75rem}}@media(hover:none)and (pointer:coarse){.alerts-tab,.alert-item button{min-height:44px}.alert-item{padding:1rem}.alert-generation-panel input,.alert-generation-panel select{min-height:48px;font-size:16px}}@media print{.alerts-tabs,.alert-actions,.alert-generation-panel{display:none}.alerts-card{box-shadow:none;border:1px solid #ccc}}.users-page-header{margin-bottom:2rem}.users-page-header h1{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.users-page-header p{color:#64748b;margin:0}.users-tabs{display:flex;gap:.25rem;margin-bottom:1rem;border-bottom:2px solid #e5e7eb;padding-bottom:0}.users-tab{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border:none;border-bottom:3px solid transparent;background:transparent;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;margin-bottom:-2px;transition:all .2s;border-radius:8px 8px 0 0}.users-tab:hover{color:#374151;background:#f8fafc}.users-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600;background:#eff6ff}.users-tab .tab-icon{font-size:1rem}.users-tab-content{display:flex;flex-direction:column;gap:1rem}.users-section{background:#fff;border-radius:10px;padding:1rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.section-header-action{text-align:center;padding:.5rem}.btn-create{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000001a}.btn-create:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-create.users{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-create.teams{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff}.btn-create.departments{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.btn-create.roles{background:linear-gradient(135deg,#1d4ed8,#1e40af);color:#fff}.create-form-container{padding:.5rem}.create-form-container h3{margin:0 0 1.5rem;font-size:1.1rem;font-weight:600;color:#1f2937;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.users-table-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.users-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:1rem}.users-table-title{display:flex;align-items:center;gap:1rem}.users-table-title h3{margin:0;font-size:1.1rem;font-weight:600}.users-search-box{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;min-width:250px}.users-search-box input{border:none;background:transparent;outline:none;flex:1;font-size:.9rem}.users-search-box input::placeholder{color:#94a3b8}.users-filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.users-filter-group{display:flex;align-items:center;gap:.5rem}.users-filter-group label{font-size:.875rem;font-weight:500;color:#64748b}.users-filter-group select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;min-width:150px;cursor:pointer}.users-filter-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-clear-filters{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .15s}.btn-clear-filters:hover{background:#f8fafc;border-color:#94a3b8}.filter-info-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#eff6ff;border-radius:8px;font-size:.875rem;color:#1e40af;margin-bottom:1rem}.users-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1.25rem;padding:1rem;background:#f8fafc;border-radius:10px}.users-pagination-info{color:#64748b;font-size:.875rem}.users-pagination-controls{display:flex;gap:.5rem;align-items:center}.users-pagination-btn{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;cursor:pointer;font-weight:500;transition:all .15s}.users-pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.users-pagination-btn:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.users-pagination-current{padding:.5rem 1rem;background:#3b82f6;color:#fff;border-radius:8px;font-weight:600}.users-section .table-wrapper{border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.users-section table{width:100%;border-collapse:collapse}.users-section table th{background:#f8fafc;padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#475569;border-bottom:2px solid #e5e7eb}.users-section table td{padding:.875rem 1rem;border-bottom:1px solid #f1f5f9;font-size:.9rem}.users-section table tr:hover{background:#fafafa}.users-section table tr:last-child td{border-bottom:none}.user-link{color:#3b82f6;text-decoration:none;font-weight:500;display:flex;align-items:center;gap:.5rem}.user-link:hover{text-decoration:underline}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.action-buttons{display:flex;gap:.5rem}.action-btn{padding:.375rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.action-btn.edit{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.action-btn.edit:hover{background:#dbeafe}.action-btn.delete{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.action-btn.delete:hover{background:#fee2e2}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:100px;font-size:.75rem;font-weight:600}.badge.success{background:#dcfce7;color:#166534}.badge.danger{background:#fee2e2;color:#991b1b}.badge.warning{background:#fef3c7;color:#92400e}.badge.info{background:#dbeafe;color:#1e40af}@media(max-width:1024px){.users-table-header{flex-direction:column;align-items:stretch}.users-filters{flex-direction:row;flex-wrap:wrap}.users-section table th,.users-section table td{padding:.75rem .625rem;font-size:.85rem}}@media(max-width:768px){.users-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.125rem}.users-tab{white-space:nowrap;padding:.625rem .875rem;font-size:.8rem}.users-tab .tab-icon{font-size:.9rem}.users-table-header,.users-filters,.users-filter-group{flex-direction:column;align-items:stretch}.users-filter-group label{margin-bottom:.25rem}.users-search-box{min-width:100%}.users-search-box input{font-size:16px}.users-filter-group select{min-width:100%;padding:.625rem 1rem;font-size:16px}.users-pagination{flex-direction:column;gap:1rem;text-align:center}.users-section{padding:.75rem}.users-section .table-wrapper{border:none;background:transparent}.users-section table{display:block}.users-section table thead{display:none}.users-section table tbody{display:flex;flex-direction:column;gap:.75rem}.users-section table tr{display:flex;flex-direction:column;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;padding:.75rem}.users-section table tr:hover{background:#fff}.users-section table td{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.users-section table td:last-child{border-bottom:none;padding-top:.75rem;justify-content:center}.users-section table td:before{content:attr(data-label);font-weight:600;color:#64748b;font-size:.75rem;text-transform:uppercase}.action-buttons{justify-content:center;width:100%}.action-btn{flex:1;justify-content:center;padding:.5rem .75rem}.btn-create{width:100%;justify-content:center}.create-form-container{padding:.25rem}}@media(max-width:480px){.users-tabs{padding-bottom:.25rem}.users-tab{padding:.5rem .625rem;font-size:.75rem}.users-tab span:not(.tab-icon){display:none}.users-section{padding:.5rem}.users-pagination-btn{padding:.375rem .75rem;font-size:.8rem}.users-pagination-controls{flex-wrap:wrap;justify-content:center}.user-avatar{width:28px;height:28px;font-size:.65rem}}@media(hover:none)and (pointer:coarse){.users-tab,.btn-create,.action-btn,.users-pagination-btn,.btn-clear-filters,.users-filter-group select,.users-search-box input{min-height:44px}}@media print{.users-tabs,.users-filters,.btn-create,.action-buttons,.users-pagination{display:none!important}.users-section table{display:table}.users-section table thead{display:table-header-group}.users-section table tbody{display:table-row-group}.users-section table tr{display:table-row}.users-section table td{display:table-cell}.users-section table td:before{display:none}}.permissions-container{display:flex;flex-direction:column;gap:1rem}.permissions-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.permissions-title{font-size:1.25rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.5rem}.permissions-tabs{display:flex;gap:.5rem;padding:.5rem;background-color:#f1f5f9;border-radius:1rem;flex-wrap:wrap;overflow-x:auto}.permissions-tab{padding:.75rem 1.25rem;border:none;border-radius:.75rem;background-color:transparent;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:.85rem;white-space:nowrap}.permissions-tab.active{background-color:#fff;font-weight:600;color:#6366f1;box-shadow:0 2px 8px #00000014}.permissions-card{background-color:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;overflow:hidden}.permissions-card-header{padding:1rem 1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.permissions-card-title{font-weight:600;color:#0f172a;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.permissions-card-body{padding:1rem 1.25rem}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.permissions-two-column{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.role-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem;transition:all .2s ease;cursor:pointer}.role-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f126}.role-card.active{border-color:#6366f1;background-color:#eef2ff}.role-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.role-card-title{font-weight:600;color:#0f172a;font-size:.9rem}.role-card-description{color:#64748b;font-size:.825rem;line-height:1.4}.role-card-meta{display:flex;gap:.75rem;margin-top:.75rem;font-size:.75rem;color:#94a3b8}.permission-list{display:flex;flex-direction:column;gap:.5rem}.permission-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background-color:#f8fafc;border-radius:.5rem;transition:background-color .2s}.permission-item:hover{background-color:#f1f5f9}.permission-checkbox{width:1.125rem;height:1.125rem;cursor:pointer}.permission-info{flex:1;min-width:0}.permission-name{font-weight:500;color:#0f172a;font-size:.85rem}.permission-description{color:#64748b;font-size:.75rem}.temp-permissions-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.temp-permissions-table{width:100%;border-collapse:collapse;font-size:.875rem}.temp-permissions-table th,.temp-permissions-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #f1f5f9}.temp-permissions-table th{background-color:#f8fafc;font-weight:600;color:#475569;font-size:.75rem;text-transform:uppercase;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:100px;font-size:.75rem;font-weight:600}.status-active{background-color:#dcfce7;color:#166534}.status-pending{background-color:#fef9c3;color:#854d0e}.status-expired{background-color:#fee2e2;color:#991b1b}.status-revoked{background-color:#f3f4f6;color:#374151}.permissions-form-group{margin-bottom:1rem}.permissions-form-label{display:block;font-weight:600;color:#374151;font-size:.85rem;margin-bottom:.375rem}.permissions-form-input,.permissions-form-select,.permissions-form-textarea{width:100%;padding:.625rem .875rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;transition:all .2s ease}.permissions-form-input:focus,.permissions-form-select:focus,.permissions-form-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.permissions-card-view{display:none}@media screen and (max-width:1024px){.permissions-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.permissions-two-column{grid-template-columns:1fr}.permissions-tabs{gap:.375rem}.permissions-tab{padding:.625rem 1rem;font-size:.8rem}.temp-permissions-table th,.temp-permissions-table td{padding:.625rem .75rem;font-size:.825rem}}@media screen and (max-width:768px){.permissions-header{flex-direction:column;align-items:flex-start;gap:.75rem}.permissions-title{font-size:1.125rem}.permissions-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding:.375rem;border-radius:.75rem;scrollbar-width:none;-ms-overflow-style:none}.permissions-tabs::-webkit-scrollbar{display:none}.permissions-tab{flex-shrink:0;padding:.5rem .875rem;font-size:.75rem;border-radius:.5rem}.permissions-grid{grid-template-columns:1fr;gap:.75rem}.permissions-card-header{padding:.875rem 1rem;flex-direction:column;align-items:flex-start}.permissions-card-body{padding:.875rem 1rem}.role-card{padding:.875rem}.role-card-meta{flex-wrap:wrap;gap:.5rem}.temp-permissions-table-container{display:none}.permissions-card-view{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.temp-permission-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #0000000d}.temp-permission-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:.5rem}.temp-permission-card-body{display:flex;flex-direction:column;gap:.375rem;font-size:.825rem;color:#64748b}.temp-permission-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.625rem;border-top:1px solid #f1f5f9;gap:.5rem;flex-wrap:wrap}.permission-item{padding:.75rem}.permissions-form-input,.permissions-form-select,.permissions-form-textarea{font-size:16px}}@media screen and (max-width:480px){.permissions-title{font-size:1rem}.permissions-tab{padding:.45rem .75rem;font-size:.7rem}.permissions-card-header h3{font-size:.9rem}.role-card{padding:.75rem}.role-card-title{font-size:.85rem}.role-card-description{font-size:.775rem}.permission-item{flex-direction:column;align-items:flex-start;gap:.5rem}.temp-permission-card{padding:.875rem}.temp-permission-card-footer{flex-direction:column;align-items:stretch}}@media screen and (max-width:360px){.permissions-tab{padding:.4rem .625rem}.role-card-meta{flex-direction:column;gap:.25rem}}@media(hover:none)and (pointer:coarse){.permissions-tab,.role-card,.permission-item,.permissions-form-input,.permissions-form-select{min-height:44px}.permissions-form-input,.permissions-form-select,.permissions-form-textarea{min-height:48px;font-size:16px}.permission-checkbox{width:1.375rem;height:1.375rem}}@media print{.permissions-tabs,.permissions-header button{display:none}.permissions-card{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.permissions-grid{display:block}.role-card{margin-bottom:.5rem;break-inside:avoid}}.notebook-container{display:flex;flex-direction:column;gap:.75rem;height:100%}.notebook-taskbar{background-color:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;overflow:hidden}.notebook-taskbar-header{padding:.75rem 1rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;display:flex;align-items:center;gap:.75rem}.notebook-taskbar-content{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.notebook-taskbar-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;background-color:#fff;border:1px solid #e2e8f0;font-size:.8rem;color:#475569;transition:all .2s ease;cursor:pointer}.notebook-taskbar-item:hover{border-color:#6366f1;color:#6366f1}.notebook-taskbar-item.active{background-color:#eef2ff;border-color:#6366f1;color:#6366f1}.notebook-main{display:grid;grid-template-columns:280px 1fr;gap:.75rem;flex:1;min-height:0}.notebook-sidebar{display:flex;flex-direction:column;gap:.75rem}.notebook-sidebar-section{background-color:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;overflow:hidden}.notebook-sidebar-header{padding:.75rem 1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.notebook-sidebar-title{font-weight:600;color:#0f172a;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.notebook-note-list{max-height:300px;overflow-y:auto}.notebook-note-item{padding:.625rem 1rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background-color .2s}.notebook-note-item:hover{background-color:#f8fafc}.notebook-note-item.active{background-color:#eef2ff;border-left:3px solid #6366f1}.notebook-editor{background-color:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;min-height:0;overflow:hidden}.notebook-editor-header{padding:.75rem 1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.notebook-editor-content{flex:1;padding:1rem;overflow-y:auto;min-height:0}.notebook-toolbar{display:flex;flex-wrap:wrap;gap:.375rem;padding:.625rem 1rem;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.notebook-toolbar-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.375rem;background-color:transparent;color:#475569;cursor:pointer;transition:all .2s ease}.notebook-toolbar-btn:hover{background-color:#e2e8f0;color:#6366f1}.notebook-toolbar-btn.active{background-color:#eef2ff;color:#6366f1}.notebook-versions{max-height:200px;overflow-y:auto}.notebook-version-item{padding:.5rem 1rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;cursor:pointer;transition:background-color .2s}.notebook-version-item:hover{background-color:#f8fafc}.notebook-mobile-toggle{display:none;position:fixed;bottom:1.5rem;right:1.5rem;width:3.5rem;height:3.5rem;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;box-shadow:0 4px 12px #6366f166;cursor:pointer;z-index:100;font-size:1.25rem}@media screen and (max-width:1024px){.notebook-main{grid-template-columns:220px 1fr}.notebook-note-list{max-height:250px}.notebook-taskbar-content{gap:.375rem;padding:.625rem .875rem}.notebook-taskbar-item{font-size:.75rem;padding:.45rem .625rem}}@media screen and (max-width:768px){.notebook-main{display:flex;flex-direction:column;gap:.75rem}.notebook-sidebar{display:none;position:fixed;inset:0;background-color:#00000080;z-index:200;padding:1rem;overflow-y:auto}.notebook-sidebar.open{display:flex;flex-direction:column}.notebook-sidebar-section{background-color:#fff}.notebook-mobile-toggle{display:flex;align-items:center;justify-content:center}.notebook-taskbar-header{padding:.625rem .875rem;flex-wrap:wrap}.notebook-taskbar-content{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none}.notebook-taskbar-content::-webkit-scrollbar{display:none}.notebook-taskbar-item{flex-shrink:0;font-size:.7rem;padding:.4rem .5rem}.notebook-editor-header{padding:.625rem .875rem}.notebook-editor-content{padding:.75rem}.notebook-toolbar{padding:.5rem .75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.notebook-toolbar-btn{flex-shrink:0}}@media screen and (max-width:480px){.notebook-container{gap:.5rem}.notebook-taskbar-header{padding:.5rem .75rem}.notebook-taskbar-header h3{font-size:.875rem}.notebook-taskbar-content{padding:.5rem .625rem}.notebook-taskbar-item{font-size:.65rem;padding:.35rem .45rem}.notebook-editor{border-radius:.5rem}.notebook-editor-header h3{font-size:.9rem}.notebook-toolbar-btn{width:1.75rem;height:1.75rem;font-size:.8rem}.notebook-mobile-toggle{width:3rem;height:3rem;bottom:1rem;right:1rem;font-size:1rem}}@media screen and (max-width:360px){.notebook-taskbar-item{padding:.3rem .4rem;gap:.25rem}.notebook-toolbar-btn{width:1.625rem;height:1.625rem}}@media(hover:none)and (pointer:coarse){.notebook-taskbar-item,.notebook-note-item,.notebook-toolbar-btn,.notebook-version-item{min-height:44px}.notebook-mobile-toggle{width:4rem;height:4rem}}@media print{.notebook-sidebar,.notebook-taskbar,.notebook-toolbar,.notebook-mobile-toggle,.notebook-editor-header{display:none}.notebook-main{display:block}.notebook-editor{border:none;box-shadow:none}.notebook-editor-content{padding:0;overflow:visible}}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e3a5f,#1d4ed8);padding:1rem;position:relative;overflow:hidden}.auth-decoration{position:absolute;border-radius:50%;background:#ffffff08;pointer-events:none}.auth-decoration-1{width:400px;height:400px;top:-100px;right:-100px;animation:float 20s ease-in-out infinite}.auth-decoration-2{width:300px;height:300px;bottom:-50px;left:-50px;animation:float 15s ease-in-out infinite reverse}.auth-decoration-3{width:200px;height:200px;top:50%;left:10%;animation:float 18s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.auth-card{background:#fffffffa;padding:2.5rem;border-radius:1.5rem;width:min(440px,95%);display:flex;flex-direction:column;gap:1rem;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:10;animation:slideUp .5s ease-out}.auth-logo-section{text-align:center;margin-bottom:.5rem}.auth-logo-wrapper{width:80px;height:80px;margin:0 auto 1rem;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:1.25rem;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #6366f14d;transition:transform .3s ease}.auth-logo-wrapper:hover{transform:scale(1.05)}.auth-logo{width:50px;height:50px;object-fit:contain;filter:brightness(0) invert(1)}.auth-title{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.025em}.auth-subtitle{font-size:.85rem;color:#64748b;margin:.375rem 0 0;font-weight:500}.auth-form-group{display:flex;flex-direction:column;gap:.375rem}.auth-label{font-size:.8rem;font-weight:600;color:#475569;margin-left:.25rem}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:1rem;font-size:1rem;z-index:1}.auth-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border-radius:.75rem;border:2px solid #e2e8f0;font-size:.95rem;transition:all .2s ease;background:#f8fafc}.auth-input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f11a}.auth-input::placeholder{color:#94a3b8}.auth-field-error{font-size:.75rem;color:#dc2626;margin-left:.25rem;display:flex;align-items:center;gap:.25rem}.auth-options{display:flex;justify-content:flex-end;margin:-.25rem 0 .5rem}.auth-forgot-link{font-size:.8rem;color:#6366f1;text-decoration:none;font-weight:500;transition:color .2s ease}.auth-forgot-link:hover{color:#4f46e5;text-decoration:underline}.auth-help-text{font-size:.75rem;color:#64748b;font-weight:500}.auth-submit-btn{width:100%;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:1rem 1.5rem;border-radius:.75rem;cursor:pointer;font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;box-shadow:0 4px 12px #6366f14d;margin-top:.5rem}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-btn-arrow{transition:transform .2s ease}.auth-submit-btn:hover .auth-btn-arrow{transform:translate(4px)}.auth-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-footer{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.auth-footer p{font-size:.7rem;color:#94a3b8;margin:0}.auth-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#991b1b;padding:.75rem 1rem;border-radius:.75rem;border:1px solid #fca5a5;display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500}.auth-error-icon{font-size:1rem}.auth-info{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;padding:.75rem 1rem;border-radius:.75rem;border:1px solid #86efac;font-size:.85rem;font-weight:500}@media(max-width:480px){.auth-card{padding:1.75rem}.auth-logo-wrapper{width:70px;height:70px}.auth-logo{width:42px;height:42px}.auth-title{font-size:1.5rem}}.auth-info-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:1rem;padding:1.5rem;text-align:center}.auth-info-icon{font-size:2.5rem;margin-bottom:.75rem}.auth-info-title{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.auth-info-text{font-size:.875rem;color:#475569;margin:0;line-height:1.5}.auth-contact-section{display:flex;flex-direction:column;gap:.75rem}.auth-contact-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;transition:all .2s ease}.auth-contact-item:hover{background:#f1f5f9;border-color:#cbd5e1}.auth-contact-icon{font-size:1.5rem}.auth-contact-label{font-size:.9rem;font-weight:600;color:#0f172a}.auth-contact-desc{font-size:.75rem;color:#64748b;margin-top:.125rem}.auth-back-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:.75rem;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 12px #6366f14d}.auth-back-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}@media screen and (max-width:768px){.auth-shell{padding:.75rem}.auth-card{padding:2rem 1.5rem;width:min(440px,100%);border-radius:1.25rem}.auth-logo-wrapper{width:70px;height:70px;border-radius:1rem}.auth-logo{width:45px;height:45px}.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.8rem}.auth-input{padding:.75rem 1rem .75rem 2.5rem;font-size:16px}.auth-submit-btn{padding:.875rem 1.25rem;font-size:.95rem}.auth-decoration-1{width:300px;height:300px;top:-80px;right:-80px}.auth-decoration-2{width:200px;height:200px;bottom:-40px;left:-40px}.auth-decoration-3{display:none}}@media screen and (max-width:480px){.auth-shell{padding:2rem .5rem .5rem;align-items:flex-start}.auth-card{padding:1.5rem 1.25rem;border-radius:1rem;gap:.75rem}.auth-logo-wrapper{width:60px;height:60px;margin-bottom:.75rem}.auth-logo{width:38px;height:38px}.auth-title{font-size:1.35rem}.auth-subtitle,.auth-label{font-size:.75rem}.auth-input{padding:.75rem .875rem .75rem 2.25rem;border-radius:.625rem;font-size:16px}.auth-input-icon{left:.75rem;font-size:.9rem}.auth-submit-btn{padding:.8rem 1rem;font-size:.9rem;border-radius:.625rem}.auth-options{margin:0 0 .25rem}.auth-forgot-link{font-size:.75rem}.auth-footer,.auth-footer-link{font-size:.8rem}.auth-decoration-1,.auth-decoration-2{display:none}.auth-contact-item{padding:.75rem;gap:.75rem}.auth-contact-icon{font-size:1.25rem}.auth-contact-label{font-size:.85rem}.auth-contact-desc{font-size:.7rem}}@media screen and (max-width:360px){.auth-card{padding:1.25rem 1rem}.auth-title{font-size:1.25rem}.auth-input{padding-left:2rem}.auth-input-icon{left:.625rem}}@media(hover:none)and (pointer:coarse){.auth-submit-btn,.auth-back-btn,.auth-input{min-height:48px}.auth-contact-item{min-height:56px}.auth-forgot-link{padding:.5rem 0}}@media screen and (max-width:768px)and (orientation:landscape){.auth-shell{align-items:center;padding-top:.5rem}.auth-card{padding:1.25rem 1.5rem;gap:.5rem}.auth-logo-section{margin-bottom:.25rem}.auth-logo-wrapper{width:50px;height:50px;margin-bottom:.5rem}.auth-title{font-size:1.25rem}.auth-subtitle{display:none}}@media(prefers-reduced-motion:reduce){.auth-card,.auth-submit-btn,.auth-back-btn,.auth-decoration{animation:none;transition:none}}.settings-container{display:flex;flex-direction:column;gap:.75rem;min-height:calc(100vh - 120px);padding:1rem}.settings-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.settings-stat-card{padding:.75rem 1rem;border-radius:.5rem;display:flex;align-items:center;gap:.75rem;border:1px solid}.settings-stat-icon{width:2.25rem;height:2.25rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;flex-shrink:0}.settings-stat-value{font-size:.9rem;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-stat-label{font-size:.65rem;color:#64748b;text-transform:uppercase;font-weight:500}.settings-card{background:#fff;border-radius:.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;overflow:hidden;display:flex;flex-direction:column}.settings-card-header{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex-wrap:wrap;gap:.5rem}.settings-card-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#0f172a}.settings-card-subtitle{font-size:.7rem;color:#64748b}.settings-card-body{padding:.75rem 1rem;flex:1}.settings-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;flex:1}.settings-grid-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}.settings-info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f1f5f9;gap:.5rem}.settings-info-row:last-child{border-bottom:none}.settings-info-label{font-size:.8rem;font-weight:500;color:#64748b}.settings-info-value{font-size:.8rem;font-weight:600;color:#0f172a;text-align:right;word-break:break-word}.settings-badge{padding:.2rem .5rem;border-radius:9999px;font-weight:600;font-size:.7rem;display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.settings-role-badge{padding:.35rem .625rem;border-radius:.375rem;background:linear-gradient(135deg,#dbeafe,#e0e7ff);color:#3730a3;font-weight:600;font-size:.75rem;border:1px solid #c7d2fe;display:inline-flex;align-items:center;gap:.375rem}.settings-permission-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;background:#f8fafc;border-radius:.375rem;border:1px solid #e2e8f0;font-size:.75rem;font-weight:500;color:#475569}.settings-btn{padding:.5rem 1rem;border-radius:.375rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap}.settings-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;box-shadow:0 2px 4px #3b82f64d}.settings-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f666}.settings-btn-secondary{background:#fff;color:#475569;border:1px solid #e2e8f0}.settings-btn-secondary:hover{background:#f8fafc}.settings-session-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem;border-bottom:1px solid #f1f5f9;gap:.5rem;flex-wrap:wrap}.settings-session-info{flex:1;min-width:0}.settings-session-device{font-size:.8rem;font-weight:500;color:#1e293b;display:flex;align-items:center;gap:.375rem}.settings-session-meta{font-size:.7rem;color:#64748b}@media screen and (max-width:1024px){.settings-container{padding:.75rem}.settings-stats-row{grid-template-columns:repeat(2,1fr)}.settings-grid-two{grid-template-columns:1fr}.settings-grid-three{grid-template-columns:1fr 1fr}}@media screen and (max-width:768px){.settings-container{padding:.5rem;gap:.5rem}.settings-stats-row{grid-template-columns:repeat(2,1fr);gap:.5rem}.settings-stat-card{padding:.625rem .75rem}.settings-stat-icon{width:2rem;height:2rem;font-size:.8rem}.settings-stat-value{font-size:.8rem}.settings-stat-label{font-size:.6rem}.settings-card-header,.settings-card-body{padding:.625rem .75rem}.settings-grid-three{grid-template-columns:1fr}.settings-info-row{flex-direction:column;align-items:flex-start;gap:.25rem}.settings-info-value{text-align:left}.settings-session-item{flex-direction:column;align-items:flex-start}.settings-btn{width:100%;justify-content:center;padding:.625rem 1rem}}@media screen and (max-width:480px){.settings-container{padding:.375rem}.settings-stats-row{grid-template-columns:1fr}.settings-stat-card{padding:.5rem .625rem}.settings-card-title{font-size:.8rem}.settings-info-label,.settings-info-value{font-size:.75rem}.settings-permission-item{font-size:.7rem;padding:.25rem .5rem}}@media(hover:none)and (pointer:coarse){.settings-btn{min-height:44px}.settings-session-item{padding:.75rem}.settings-card-body input,.settings-card-body select,.settings-card-body textarea{min-height:48px;font-size:16px}}@media print{.settings-btn{display:none!important}.settings-card{break-inside:avoid}}.audit-container{display:flex;flex-direction:column;gap:1rem}.audit-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;padding:1rem 1.25rem;background-color:#f8fafc;border-radius:.75rem;border:1px solid #e2e8f0}.audit-filter-group{display:flex;flex-direction:column;gap:.375rem}.audit-filter-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em}.audit-filter-select,.audit-filter-input{padding:.625rem .875rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;background-color:#fff;transition:all .2s ease}.audit-filter-select:focus,.audit-filter-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.audit-filter-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:.5rem}.audit-filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.5rem;background-color:#e2e8f0;color:#475569;font-weight:500;cursor:pointer;transition:all .2s ease}.audit-filter-toggle:hover{background-color:#cbd5e1}.audit-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.audit-table{width:100%;border-collapse:collapse;font-size:.875rem}.audit-table th,.audit-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #f1f5f9}.audit-table th{background-color:#f8fafc;font-weight:600;color:#475569;font-size:.75rem;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.audit-table tbody tr:hover{background-color:#f8fafc}.audit-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:100px;font-size:.75rem;font-weight:600}.audit-status-success{background-color:#dcfce7;color:#166534}.audit-status-failed{background-color:#fee2e2;color:#991b1b}.audit-status-pending{background-color:#fef9c3;color:#854d0e}.audit-action-badge{display:inline-block;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.audit-expanded-row{background-color:#f8fafc}.audit-expanded-content{padding:1rem 1.25rem}.audit-changes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:.75rem}.audit-change-item{padding:.75rem;background-color:#fff;border-radius:.5rem;border:1px solid #e2e8f0}.audit-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1rem;border-top:1px solid #e2e8f0;flex-wrap:wrap}.audit-pagination-btn{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;background-color:#fff;color:#475569;font-weight:500;cursor:pointer;transition:all .2s ease}.audit-pagination-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#6366f1;color:#6366f1}.audit-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.audit-pagination-info{padding:.5rem 1rem;color:#64748b;font-size:.875rem}.audit-card-view{display:none}@media screen and (max-width:1024px){.audit-filters{grid-template-columns:repeat(2,1fr)}.audit-table th,.audit-table td{padding:.625rem .75rem;font-size:.825rem}.audit-changes-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.audit-filters{grid-template-columns:1fr 1fr;padding:.875rem 1rem;gap:.625rem}.audit-filter-select,.audit-filter-input{font-size:16px;padding:.5rem .75rem}.audit-filter-header{padding:.625rem .875rem}.audit-filter-toggle{font-size:.85rem;padding:.45rem .875rem}.audit-table-container{display:none}.audit-card-view{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.audit-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #0000000d}.audit-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:.5rem}.audit-card-action{font-weight:600;color:#0f172a;font-size:.9rem}.audit-card-user{color:#6366f1;font-weight:500;font-size:.85rem}.audit-card-body{display:flex;flex-direction:column;gap:.375rem;font-size:.825rem;color:#64748b}.audit-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.625rem;border-top:1px solid #f1f5f9;font-size:.75rem;color:#94a3b8}.audit-changes-grid{grid-template-columns:1fr}.audit-pagination{padding:.875rem;gap:.375rem}.audit-pagination-btn{padding:.45rem .75rem;font-size:.825rem}.audit-pagination-info{font-size:.8rem;width:100%;text-align:center;order:-1;margin-bottom:.5rem}}@media screen and (max-width:480px){.audit-filters{grid-template-columns:1fr;gap:.5rem}.audit-filter-header{flex-direction:column;align-items:stretch}.audit-filter-toggle{justify-content:center}.audit-card{padding:.875rem}.audit-card-action{font-size:.85rem}.audit-pagination-btn{padding:.4rem .625rem;font-size:.775rem}}@media screen and (max-width:360px){.audit-filter-select,.audit-filter-input{padding:.45rem .625rem}.audit-card-header,.audit-pagination{flex-direction:column}.audit-pagination-info{order:1;margin-bottom:0;margin-top:.5rem}}@media(hover:none)and (pointer:coarse){.audit-filter-select,.audit-filter-input,.audit-filter-toggle,.audit-pagination-btn,.audit-card{min-height:44px}.audit-filter-select,.audit-filter-input{min-height:48px;font-size:16px}.audit-table tbody tr{min-height:48px}}@media print{.audit-filters,.audit-filter-header,.audit-pagination{display:none}.audit-table-container{display:block;overflow:visible}.audit-card-view{display:none}.audit-table{font-size:10pt}.audit-table th,.audit-table td{padding:.375rem .5rem;border:1px solid #ccc}}.wiki-container{display:flex;min-height:calc(100vh - 60px);background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.wiki-sidebar{width:280px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto;box-shadow:2px 0 8px #0f172a0a}.wiki-sidebar-header{padding:1.25rem 1.25rem 1rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.wiki-sidebar-header h2{font-size:1.125rem;margin-bottom:.875rem;color:#0f172a;font-weight:700;display:flex;align-items:center;gap:.5rem}.wiki-search{width:100%;padding:.625rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;background:#fff;transition:all .15s ease}.wiki-search:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.wiki-nav{flex:1;padding:.75rem .625rem;display:flex;flex-direction:column;gap:.25rem}.wiki-nav-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border:none;background:transparent;border-radius:.5rem;cursor:pointer;text-align:left;font-size:.875rem;color:#64748b;font-weight:500;transition:all .15s ease}.wiki-nav-item:hover{background:#f1f5f9;color:#334155}.wiki-nav-item.active{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5;font-weight:600;box-shadow:inset 0 0 0 1px #6366f133}.wiki-nav-icon{font-size:1rem}.wiki-sidebar-footer{padding:1rem;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem;background:#fafafa}.wiki-quick-link{font-size:.8rem;color:#6366f1;text-decoration:none;font-weight:500}.wiki-quick-link:hover{text-decoration:underline}.wiki-back-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:.5rem;text-decoration:none;font-weight:600;font-size:.8rem;transition:all .15s ease;box-shadow:0 2px 4px #6366f133}.wiki-back-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translate(-2px);box-shadow:0 4px 8px #6366f140}.wiki-main{flex:1;overflow-y:auto;padding:1.5rem 2.5rem;max-width:900px}.wiki-content{max-width:100%}.wiki-hero-banner{background:linear-gradient(135deg,#6366f1,#4f46e5,#7c3aed);border-radius:1rem;padding:2.5rem;color:#fff;margin-bottom:1.5rem;box-shadow:0 8px 24px #6366f140;position:relative;overflow:hidden}.wiki-hero-banner:before{content:"";position:absolute;top:0;right:0;width:40%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 100%);pointer-events:none}.wiki-badge{display:inline-block;padding:.25rem .75rem;background:#fff3;border-radius:100px;font-size:.75rem;margin-bottom:.75rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wiki-hero-banner h1{font-size:2rem;margin-bottom:.5rem;font-weight:700}.wiki-hero-banner p{opacity:.9;font-size:1rem;line-height:1.5}.wiki-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.wiki-quick-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.25rem;text-align:left;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.wiki-quick-card:hover{border-color:#6366f1;box-shadow:0 8px 20px #6366f11f;transform:translateY(-3px)}.wiki-quick-icon{font-size:1.75rem;display:block;margin-bottom:.625rem}.wiki-quick-card h3{font-size:.9rem;margin-bottom:.375rem;color:#0f172a;font-weight:600}.wiki-quick-card p{font-size:.8rem;color:#64748b;margin:0;line-height:1.4}.wiki-breadcrumb{margin-bottom:1.25rem;font-size:.8rem;color:#64748b}.wiki-breadcrumb-sep{margin:0 .5rem;color:#94a3b8}.wiki-breadcrumb .active{color:#0f172a;font-weight:600}.wiki-doc-section{margin-bottom:2rem}.wiki-doc-section h2{font-size:1.25rem;margin-bottom:.875rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0;color:#0f172a;font-weight:700}.wiki-intro{font-size:1rem;color:#475569;margin-bottom:1.5rem;line-height:1.7}.wiki-toc{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem 1.25rem;margin-bottom:1.5rem}.wiki-toc h4{margin-bottom:.625rem;font-size:.8rem;color:#475569;text-transform:uppercase;font-weight:600}.wiki-toc ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.375rem 1.25rem}.wiki-toc a{color:#6366f1;text-decoration:none;font-size:.85rem;font-weight:500}.wiki-toc a:hover{text-decoration:underline}.wiki-topic-list{display:flex;flex-direction:column;gap:.375rem}.wiki-topic-link{display:flex;justify-content:space-between;align-items:center;padding:.625rem .875rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .15s ease;text-align:left;color:#334155;font-weight:500;font-size:.875rem}.wiki-topic-link span{color:#6366f1;font-weight:600}.wiki-topic-link:hover{border-color:#6366f1;background:#eef2ff}.wiki-info-box{display:flex;gap:.75rem;padding:.875rem 1rem;border-radius:.625rem;margin:.875rem 0}.wiki-info-icon{font-size:1.125rem;flex-shrink:0}.wiki-info-info{background:#eef2ff;border:1px solid #c7d2fe}.wiki-info-tip{background:#ecfdf5;border:1px solid #a7f3d0}.wiki-info-warning{background:#fef9c3;border:1px solid #fde047}.wiki-info-example{background:#faf5ff;border:1px solid #e9d5ff}.wiki-step-list{display:flex;flex-direction:column;gap:.875rem;margin:.875rem 0}.wiki-step{display:flex;gap:.875rem;align-items:flex-start}.wiki-step-number{width:28px;height:28px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0;box-shadow:0 2px 4px #6366f133}.wiki-step-content{flex:1}.wiki-step-content strong{display:block;margin-bottom:.25rem;color:#0f172a;font-size:.9rem}.wiki-step-content p{margin:0;color:#64748b;font-size:.85rem}.wiki-table{width:100%;border-collapse:collapse;margin:.875rem 0;background:#fff;border-radius:.75rem;overflow:hidden;border:1px solid #e2e8f0;font-size:.85rem}.wiki-table th,.wiki-table td{padding:.625rem 1rem;text-align:left;border-bottom:1px solid #e2e8f0}.wiki-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-weight:600;color:#334155;font-size:.8rem;text-transform:uppercase}.wiki-table tr:last-child td{border-bottom:none}.wiki-table tr:hover td{background:#f8fafc}.wiki-feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.875rem;margin:.875rem 0}.wiki-feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:.625rem;padding:1rem;text-align:center;transition:all .15s ease}.wiki-feature-card:hover{border-color:#c7d2fe;box-shadow:0 4px 12px #6366f114}.wiki-feature-icon{font-size:1.75rem;display:block;margin-bottom:.375rem}.wiki-feature-card h4{margin:0 0 .375rem;font-size:.85rem;color:#0f172a}.wiki-feature-card p{margin:0;font-size:.75rem;color:#64748b}.wiki-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:.875rem 0}.wiki-comparison-card{background:#fff;border:1px solid #e2e8f0;border-radius:.625rem;padding:1rem}.wiki-comparison-card h4{margin:0 0 .75rem;color:#0f172a;font-size:.9rem}.wiki-comparison-card ul{margin:0;padding-left:1.125rem}.wiki-comparison-card li{margin-bottom:.375rem;color:#64748b;font-size:.85rem}.wiki-status-grid{display:grid;grid-template-columns:auto 1fr;gap:.5rem .875rem;align-items:center;margin:.875rem 0}.wiki-status-badge{display:inline-block;padding:.2rem .625rem;border-radius:100px;font-size:.75rem;font-weight:600}.wiki-status-active{background:#dcfce7;color:#166534}.wiki-status-pending{background:#fef9c3;color:#854d0e}.wiki-status-expired{background:#fee2e2;color:#991b1b}.wiki-status-revoked{background:#f3f4f6;color:#374151}.wiki-best-practices{display:flex;flex-direction:column;gap:.75rem}.wiki-best-practice{display:flex;gap:.875rem;padding:.875rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.625rem}.wiki-bp-icon{font-size:1.25rem}.wiki-best-practice strong{display:block;margin-bottom:.25rem;color:#0f172a;font-size:.9rem}.wiki-best-practice p{margin:0;color:#64748b;font-size:.85rem}.wiki-report-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.875rem;margin:.875rem 0}.wiki-report-card{background:#fff;border:1px solid #e2e8f0;border-radius:.625rem;padding:1rem;transition:all .15s ease}.wiki-report-card:hover{border-color:#c7d2fe;box-shadow:0 4px 12px #6366f114}.wiki-report-card h4{margin:0 0 .375rem;font-size:.9rem;color:#0f172a}.wiki-report-card p{margin:0;font-size:.8rem;color:#64748b}.wiki-flow{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;margin:1.25rem 0}.wiki-flow-step{padding:.5rem .875rem;border-radius:.5rem;font-size:.8rem;font-weight:600;color:#fff}.wiki-flow-pending{background:linear-gradient(135deg,#64748b,#475569)}.wiki-flow-review{background:linear-gradient(135deg,#6366f1,#4f46e5)}.wiki-flow-approved{background:linear-gradient(135deg,#10b981,#059669)}.wiki-flow-active{background:linear-gradient(135deg,#3b82f6,#2563eb)}.wiki-flow-completed{background:linear-gradient(135deg,#0f172a,#1e293b)}.wiki-flow-arrow{font-size:1.125rem;color:#94a3b8}.wiki-hierarchy{display:flex;flex-direction:column;align-items:center;gap:0;margin:1.25rem 0}.wiki-hierarchy-level{padding:.625rem 1.75rem;color:#fff;font-weight:600;border-radius:.5rem;text-align:center;min-width:220px;font-size:.85rem}.wiki-hierarchy-connector{width:2px;height:16px;background:#e2e8f0}.wiki-matrix-example{overflow-x:auto;margin:.875rem 0}.wiki-matrix td:not(:first-child),.wiki-matrix th:not(:first-child){text-align:center;width:70px}.wiki-caption{font-size:.75rem;color:#64748b;text-align:center;margin-top:.375rem}@media(max-width:1024px){.wiki-sidebar{width:240px}.wiki-main{padding:1.25rem 1.5rem}.wiki-hero-banner{padding:2rem}.wiki-hero-banner h1{font-size:1.75rem}}@media(max-width:900px){.wiki-container{flex-direction:column}.wiki-sidebar{width:100%;position:static;height:auto;border-right:none;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px #0f172a0a}.wiki-nav{flex-direction:row;flex-wrap:wrap;padding:.5rem;gap:.25rem}.wiki-nav-item{padding:.5rem .75rem;font-size:.8rem}.wiki-main{padding:1.25rem;max-width:100%}.wiki-hero-banner{padding:1.75rem 1.25rem;border-radius:.75rem}.wiki-hero-banner h1{font-size:1.5rem}.wiki-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.wiki-section{padding:1.25rem}.wiki-section h2{font-size:1.125rem}}@media(max-width:600px){.wiki-sidebar-header{padding:1rem}.wiki-sidebar-header h2{font-size:1rem}.wiki-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding:.5rem .75rem;gap:.375rem}.wiki-nav-item{flex-shrink:0;padding:.5rem .625rem;font-size:.75rem}.wiki-main{padding:1rem}.wiki-hero-banner{padding:1.5rem 1rem;margin-bottom:1rem}.wiki-hero-banner h1{font-size:1.25rem}.wiki-hero-banner p{font-size:.875rem}.wiki-grid{grid-template-columns:1fr 1fr;gap:.625rem}.wiki-feature-card,.wiki-nav-card{padding:.875rem}.wiki-feature-icon,.wiki-card-icon{font-size:1.5rem}.wiki-section{padding:1rem;border-radius:.625rem;margin-bottom:1rem}.wiki-section h2{font-size:1rem;margin-bottom:.75rem}.wiki-section h3{font-size:.9rem}.wiki-table{font-size:.75rem}.wiki-table th,.wiki-table td{padding:.5rem .625rem}.wiki-code-block{padding:.75rem;font-size:.75rem}.wiki-info-box,.wiki-warning-box{padding:.875rem 1rem;font-size:.85rem}.wiki-comparison{grid-template-columns:1fr}.wiki-comparison-card{padding:.875rem}}@media(max-width:400px){.wiki-grid{grid-template-columns:1fr}.wiki-hero-banner{padding:1.25rem}.wiki-hero-banner h1{font-size:1.125rem}.wiki-nav-item{padding:.4rem .5rem}.wiki-back-btn{font-size:.75rem;padding:.5rem .75rem}.wiki-screenshot{border-radius:.5rem}}@media(hover:none)and (pointer:coarse){.wiki-nav-item,.wiki-feature-card,.wiki-nav-card,.wiki-back-btn{min-height:44px}.wiki-search{min-height:44px;font-size:16px}}@media(prefers-reduced-motion:reduce){.wiki-nav-item,.wiki-feature-card,.wiki-nav-card,.wiki-back-btn{transition:none}}@media print{.wiki-sidebar{display:none}.wiki-main{padding:0;max-width:100%}.wiki-hero-banner{background:#f1f5f9;color:#000;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.notifications{position:fixed;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.75rem;z-index:9999}.notification{min-width:260px;max-width:360px;background:#0f172a;color:#f8fafc;padding:.75rem 1rem;border-radius:.85rem;box-shadow:0 20px 45px #0f172a59;display:flex;flex-direction:column;gap:.25rem}.notification strong{font-size:.95rem}.notification.info{background:#1d4ed8}.notification.success{background:#2563eb}.notification.error{background:#0f172a}.notification.warning{background:#3b82f6}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--primary-lighter: #60a5fa;--primary-bg: #dbeafe;--primary-bg-light: #eff6ff;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-light: #94a3b8;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-dark: #0f172a;--bg-dark-secondary: #1e293b;--border-light: #e2e8f0;--border-medium: #cbd5e1;--success: #2563eb;--success-bg: #dbeafe;--warning: #1d4ed8;--warning-bg: #eff6ff;--danger: #1e293b;--danger-bg: #f1f5f9;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-md: 1.125rem;--font-lg: 1.25rem;--font-xl: 1.5rem;--font-2xl: 2rem;--font-3xl: 2.5rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:var(--weight-normal);color:var(--text-primary);background-color:var(--bg-secondary)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#f1f5f9;font-size:var(--font-base)}h1,.h1{font-size:var(--font-2xl);font-weight:var(--weight-bold);line-height:1.2;color:var(--text-primary);margin:0 0 .5rem}h2,.h2{font-size:var(--font-xl);font-weight:var(--weight-semibold);line-height:1.3;color:var(--text-primary);margin:0 0 .5rem}h3,.h3{font-size:var(--font-lg);font-weight:var(--weight-semibold);line-height:1.4;color:var(--text-primary);margin:0 0 .25rem}h4,.h4{font-size:var(--font-md);font-weight:var(--weight-medium);line-height:1.4;color:var(--text-primary);margin:0 0 .25rem}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-md{font-size:var(--font-md)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.page-title{font-size:var(--font-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 .25rem}.page-subtitle{font-size:var(--font-sm);font-weight:var(--weight-normal);color:var(--text-muted);margin:0}.section-title{font-size:var(--font-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 .25rem}.section-subtitle{font-size:var(--font-sm);font-weight:var(--weight-normal);color:var(--text-muted);margin:0}.label{font-size:var(--font-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);display:block;margin-bottom:.375rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideUp{animation:slideUp .4s ease-out}.animate-slideDown{animation:slideDown .3s ease-out}.animate-scaleIn{animation:scaleIn .3s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce .5s ease}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}input,select,textarea{font:inherit;border:1px solid #cbd5f5;border-radius:.75rem;padding:.45rem .65rem}a{color:inherit;text-decoration:none}button{font:inherit;border:none;border-radius:.85rem;background:#2563eb;color:#fff;padding:.6rem 1.3rem;cursor:pointer;font-weight:600;transition:all .2s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.hover-card{transition:all .3s ease}.hover-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:var(--primary)}.status-dot.offline{background:var(--text-primary)}.status-dot.pending{background:var(--primary-light)}.form-error{color:#b91c1c;font-size:.8rem;margin-top:.25rem;display:block;animation:slideDown .2s ease-out}.loader{display:inline-flex;align-items:center;gap:.5rem;color:#475569}.loader__spinner{width:16px;height:16px;border-radius:50%;border:2px solid #cbd5f5;border-top-color:#2563eb;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ghost{background:transparent;color:#0f172a;border-radius:.75rem}.ghost.active{background:#2563eb1f;color:#1d4ed8}.modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:1rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:scaleIn .3s ease-out}.modal-content.small{max-width:480px}.modal-content.large{max-width:1000px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;position:sticky;top:0;background:#fff;z-index:10}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600}.modal-body{padding:1.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e2e8f0;position:sticky;bottom:0;background:#fff}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.5rem}.form-grid.cols-2{grid-template-columns:repeat(2,1fr)}.form-grid.cols-3{grid-template-columns:repeat(3,1fr)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:500;font-size:.9rem;color:#334155}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.625rem .875rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.9rem;transition:all .2s ease;background-color:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group textarea{min-height:100px;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group .form-hint{font-size:.75rem;color:#64748b;margin-top:.25rem}.form-group .form-error{font-size:.75rem;color:#dc2626;margin-top:.25rem}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc2626}.form-row{display:flex;gap:1rem;align-items:flex-start}.form-inline{display:flex;align-items:center;gap:.5rem}.form-checkbox,.form-radio{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-checkbox input,.form-radio input{width:1.125rem;height:1.125rem;cursor:pointer}@media screen and (max-width:1024px){.modal-content{max-width:90vw}.modal-content.large{max-width:95vw}.form-grid{gap:.875rem;padding:1.25rem}.form-grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-width:100%;max-height:95vh;border-radius:1.25rem 1.25rem 0 0;animation:slideUp .3s ease-out}.modal-content.small,.modal-content.large{max-width:100%}.modal-header{padding:1.25rem 1rem;border-radius:1.25rem 1.25rem 0 0}.modal-header h2{font-size:1.125rem}.modal-body{padding:1rem}.modal-actions{padding:1rem;flex-direction:column-reverse;gap:.5rem}.modal-actions button{width:100%;justify-content:center}.form-grid{grid-template-columns:1fr;gap:.75rem;padding:1rem}.form-grid.cols-2,.form-grid.cols-3{grid-template-columns:1fr}.form-group label{font-size:.85rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;font-size:16px;border-radius:.625rem}.form-row{flex-direction:column;gap:.75rem}.form-inline{flex-wrap:wrap}}@media screen and (max-width:480px){.modal-header{padding:1rem .875rem}.modal-header h2{font-size:1rem}.modal-actions{padding:.875rem}.form-grid{padding:.875rem;gap:.625rem}.form-group label{font-size:.8rem}.form-group input,.form-group select,.form-group textarea{padding:.625rem .75rem}}@media(hover:none)and (pointer:coarse){.modal-header button{min-width:44px;min-height:44px}.form-group input,.form-group select,.form-group textarea{min-height:48px}.form-checkbox input,.form-radio input{width:1.375rem;height:1.375rem}.modal-actions button{min-height:48px}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}button.primary{background:#2563eb;color:#fff}button.primary:hover:not(:disabled){background:#1d4ed8}button.danger{background:#dc2626;color:#fff}button.danger:hover:not(:disabled){background:#b91c1c}button.ghost:hover:not(:disabled){background:#2563eb14}.action-btn{padding:.4rem .8rem;font-size:.85rem;border-radius:.5rem;cursor:pointer;border:none;font-weight:500;transition:all .2s}.action-btn.edit{background:var(--primary);color:#fff}.action-btn.edit:hover:not(:disabled){background:var(--primary-dark)}.action-btn.delete{background:var(--text-primary);color:#fff}.action-btn.delete:hover:not(:disabled){background:var(--bg-dark-secondary)}.version-item:hover{background-color:#f3f4f6;border-color:#2563eb}.stat-card{background:#fff;border-radius:1rem;padding:1.25rem 1.5rem;box-shadow:0 4px 6px -1px #0000000d;min-width:150px;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 20px -4px #0000001a}.stat-value{font-size:2rem;font-weight:800;color:#1e293b;margin-bottom:.25rem;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.875rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.btn-primary{background:#2563eb;color:#fff;border:none;padding:.6rem 1.3rem;border-radius:.85rem;cursor:pointer;font-weight:600}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-secondary{background:#64748b;color:#fff;border:none;padding:.6rem 1.3rem;border-radius:.85rem;cursor:pointer;font-weight:600}.btn-secondary:hover:not(:disabled){background:#475569}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:9999px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;transition:all .2s ease}.badge.success{background:linear-gradient(135deg,var(--primary-bg) 0%,var(--primary-bg-light) 100%);color:var(--primary-dark);border:1px solid var(--primary-lighter)}.badge.warning{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);color:var(--text-secondary);border:1px solid var(--border-medium)}.badge.danger{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--border-light) 100%);color:var(--text-primary);border:1px solid var(--border-medium)}.badge.info{background:linear-gradient(135deg,var(--primary-bg) 0%,var(--primary-bg-light) 100%);color:var(--primary-dark);border:1px solid var(--primary-lighter)}input:focus,select:focus,textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.5rem .75rem;background:#1e293b;color:#fff;font-size:.75rem;border-radius:.5rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease}.tooltip:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.5rem}.empty-state{text-align:center;padding:3rem 2rem;color:#64748b}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.hide-on-mobile{display:block}.show-on-mobile{display:none}.hide-on-tablet{display:block}.show-on-tablet{display:none}@media screen and (max-width:768px){:root{--font-xs: .7rem;--font-sm: .8125rem;--font-base: .9375rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 2rem}.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}h1,.h1{font-size:var(--font-xl)}h2,.h2{font-size:var(--font-lg)}h3,.h3{font-size:var(--font-md)}}@media screen and (max-width:1024px){.hide-on-tablet{display:none!important}.show-on-tablet{display:block!important}}@media(hover:none)and (pointer:coarse){button,a,input[type=button],input[type=submit],select{min-height:44px}input,textarea,select{font-size:16px}}@media screen and (max-width:768px){::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background-color:#fff}.no-print{display:none!important}}