@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--secondary-color:#64748b;--success-color:#059669;--warning-color:#d97706;--danger-color:#dc2626;--info-color:#0891b2;--background-color:#f8fafc;--surface-color:#fff;--border-color:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--sidebar-width:280px;--header-height:64px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.6}.dashboard-layout{display:flex;min-height:100vh;position:relative}.sidebar{width:var(--sidebar-width);background:var(--surface-color);border-right:1px solid var(--border-color);position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:40;transform:translateX(-100%);transition:transform .3s ease}.sidebar-open{transform:translateX(0)}@media (min-width:768px){.sidebar{position:relative;transform:translateX(0)}}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}.sidebar-logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin:0}.sidebar-subtitle{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0}.sidebar-logout-button{position:absolute;top:1.5rem;right:1.5rem;padding:.5rem}.sidebar-logout-button:hover{background-color:var(--background-color)}.sidebar-nav{padding:1rem}.nav-section{margin-bottom:2rem}.nav-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 .75rem;padding:0 .75rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:var(--text-secondary);text-decoration:none;border-radius:.5rem;margin-bottom:.25rem;transition:all .2s;font-weight:500}.nav-item:hover{background-color:var(--background-color);color:var(--text-primary)}.nav-item.active{background-color:var(--primary-color);color:#fff}.nav-icon{flex-shrink:0}.main-content{flex:1 1;margin-left:0;display:flex;flex-direction:column}@media (min-width:768px){.main-content{margin-left:var(--sidebar-width)}}.top-bar{height:var(--header-height);background:var(--surface-color);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:30}.top-bar,.top-bar-left{display:flex;align-items:center}.top-bar-left{gap:1rem}.sidebar-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s}.sidebar-toggle:hover{background-color:var(--background-color)}.page-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.top-bar-actions{gap:1rem}.docs-link,.top-bar-actions{display:flex;align-items:center}.docs-link{gap:.5rem;color:var(--text-secondary);text-decoration:none;padding:.5rem 1rem;border-radius:.375rem;transition:all .2s;font-size:.875rem}.docs-link:hover{background-color:var(--background-color);color:var(--text-primary)}.user-menu{gap:1rem}.user-info,.user-menu{display:flex;align-items:center}.user-info{gap:.5rem}.user-avatar{width:2rem;height:2rem;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.logout-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem 1rem;border-radius:.375rem;transition:all .2s;font-size:.875rem}.logout-btn:hover{background-color:var(--background-color);color:var(--danger-color)}.content-area{flex:1 1;padding:2rem;min-height:calc(100vh - var(--header-height));overflow:visible}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:30}.dashboard-page{max-width:1200px;margin:0 auto}.grid{display:grid;grid-gap:1.5rem;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-4{grid-template-columns:1fr}}.card{background:var(--surface-color);border-radius:.75rem;border:1px solid var(--border-color);overflow:hidden}.card-elevated{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.card-body,.metric-card{padding:1.5rem}.metric-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:.75rem;text-align:center}.metric-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.metric-card-title{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin:0}.metric-card-icon{width:1.25rem;height:1.25rem;color:var(--primary-color)}.metric-card-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.metric-card-label{font-size:.875rem;margin:0}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 0;margin-bottom:1rem}.dashboard-card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s;font-size:.875rem}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--background-color);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--surface-color);color:var(--text-primary)}.btn-outline-primary{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-outline-primary:hover{background-color:var(--primary-color);color:#fff}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge-success{background-color:#dcfce7;color:var(--success-color)}.status-badge-warning{background-color:#fef3c7;color:var(--warning-color)}.status-badge-danger{background-color:#fee2e2;color:var(--danger-color)}.status-badge-secondary{background-color:var(--background-color);color:var(--text-secondary)}.status-indicator{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.status-indicator-success{background-color:var(--success-color)}.status-indicator-warning{background-color:var(--warning-color)}.status-indicator-danger{background-color:var(--danger-color)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success-color)}.text-info{color:var(--info-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.mb-lg{margin-bottom:2rem}.space-y-sm>*+*{margin-top:.75rem}.flex{display:flex}.items-center{align-items:center}.gap-sm{gap:.75rem}.gap-md{gap:1rem}.dashboard-empty-state{text-align:center;padding:2rem}.dashboard-empty-icon{width:3rem;height:3rem;color:var(--text-muted);margin:0 auto 1rem}.api-status-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--background-color);border-radius:.5rem}.auth-log-item,.resource-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:var(--background-color);border-radius:.5rem}.system-health-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.health-status-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--background-color);border-radius:.5rem}.performance-metrics-section{border-top:1px solid var(--border-color);padding-top:1.5rem}.performance-metrics-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.performance-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.performance-metric{text-align:center}.performance-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.performance-value{font-size:1.125rem;font-weight:600}.breadcrumb-nav{margin-bottom:1.5rem}.breadcrumb-list{list-style:none;margin:0;padding:0;font-size:.875rem;color:var(--text-secondary)}.breadcrumb-item,.breadcrumb-link,.breadcrumb-list{display:flex;align-items:center}.breadcrumb-link{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:var(--primary-color)}.breadcrumb-current{display:flex;align-items:center;color:var(--text-primary);font-weight:500}.breadcrumb-icon{margin-right:.375rem;flex-shrink:0}.breadcrumb-text{white-space:nowrap}.breadcrumb-separator{margin:0 .5rem;color:var(--text-muted);flex-shrink:0}.dashboard-content{width:100%;max-width:1200px;margin:0 auto}.dashboard-header{margin-bottom:2rem}.dashboard-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.2}.dashboard-subtitle{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.5}.dashboard-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden}.mb-lg{margin-bottom:1.5rem}@media (max-width:640px){.content-area{padding:1rem}.performance-grid,.system-health-grid{grid-template-columns:1fr}.breadcrumb-text{max-width:120px;overflow:hidden;text-overflow:ellipsis}.dashboard-title{font-size:1.75rem}.dashboard-subtitle{font-size:.875rem}}.dashboard-layout.dark{--primary-color:#3b82f6;--primary-hover:#2563eb;--secondary-color:#64748b;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#06b6d4;--background-color:#0f172a;--surface-color:#1e293b;--border-color:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b}.sidebar-brand{gap:.75rem}.brand-icon,.sidebar-brand{display:flex;align-items:center}.brand-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--primary-color),#3b82f6);border-radius:.75rem;justify-content:center;color:#fff;flex-shrink:0}.brand-text{flex:1 1}.sidebar-collapse-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.sidebar-collapse-toggle:hover{background-color:var(--background-color);color:var(--text-primary)}.sidebar-collapsed{width:80px}.sidebar-collapsed .sidebar-header{padding:1.5rem 1rem}.sidebar-collapsed .sidebar-nav{padding:1rem .5rem}.sidebar-collapsed .nav-section{margin-bottom:1rem}.sidebar-collapsed .nav-item{justify-content:center;padding:.75rem;position:relative}.sidebar-collapsed .nav-item.collapsed{width:100%;justify-content:center}.sidebar-collapsed .nav-item:hover:after{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);background:var(--surface-color);border:1px solid var(--border-color);border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;white-space:nowrap;z-index:50;margin-left:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.nav-text{flex:1 1}.nav-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.025em}.sidebar-footer{margin-top:auto;padding:1rem;border-top:1px solid var(--border-color)}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--background-color);border-radius:.5rem;margin-bottom:.75rem}.sidebar-user .user-info{flex:1 1;display:flex;flex-direction:column;gap:.125rem}.sidebar-user .user-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.sidebar-user .user-role{font-size:.75rem;color:var(--text-secondary)}.sidebar-logout-button{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.75rem;border-radius:.375rem;transition:all .2s;font-size:.875rem;justify-content:flex-start}.sidebar-logout-button:hover{background-color:#fee2e2;color:var(--danger-color)}.page-header{display:flex;flex-direction:column;gap:.25rem}.page-breadcrumb{font-size:.75rem}.quick-actions{gap:.5rem}.action-btn,.quick-actions{display:flex;align-items:center}.action-btn{position:relative;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s;justify-content:center}.action-btn:hover{background-color:var(--background-color);color:var(--text-primary)}.notification-badge{position:absolute;top:.25rem;right:.25rem;background:var(--danger-color);color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .25rem;border-radius:9999px;min-width:1rem;height:1rem;display:flex;align-items:center;justify-content:center}.user-details{display:flex;flex-direction:column;gap:.125rem;text-align:left}.user-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.user-role{font-size:.75rem}.user-menu-icon,.user-role{color:var(--text-secondary)}.user-menu-icon{transition:transform .2s}.user-menu:hover .user-menu-icon{transform:rotate(180deg)}.content-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.page-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1024px){.main-content{margin-left:var(--sidebar-width);transition:margin-left .3s ease}.sidebar-collapsed+.main-content{margin-left:80px}}@media (max-width:1023px){.sidebar{transform:translateX(-100%)}.sidebar-open{transform:translateX(0)}.main-content{margin-left:0}}@media (max-width:640px){.top-bar{padding:0 1rem}.top-bar-actions{gap:.5rem}.page-title{font-size:1.125rem}.sidebar-header{padding:1rem}.sidebar-nav{padding:.75rem}.nav-item{padding:.625rem}}.card-modern{background:var(--surface-color);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;transition:all .2s ease;position:relative}.card-modern:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.card-glass{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:1rem}.card-gradient{background:linear-gradient(135deg,var(--surface-color),rgba(59,130,246,.05));border:1px solid var(--border-color);border-radius:1rem}.shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}