:root{--color-bg: #f3f4f6;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-soft: #f9fafb;--color-border: rgba(148, 163, 184, .45);--color-border-subtle: rgba(209, 213, 219, .9);--color-text: #0f172a;--color-text-muted: #6b7280;--color-accent: #2563eb;--color-accent-soft: rgba(37, 99, 235, .06);--color-accent-strong: #1d4ed8;--shadow-soft: 0 18px 40px rgba(15, 23, 42, .08);--radius-lg: 1.25rem;--radius-md: .9rem;--radius-pill: 999px;--transition-fast: .16s ease-out;--transition-med: .22s ease}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;background:radial-gradient(circle at top left,rgba(191,219,254,.7),transparent 55%),radial-gradient(circle at bottom right,rgba(219,234,254,.7),transparent 55%),var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}.app-shell{height:100vh;display:flex;background:radial-gradient(circle at top left,rgba(219,234,254,.7),transparent 55%),radial-gradient(circle at bottom right,rgba(239,246,255,.9),transparent 55%),var(--color-bg);color:var(--color-text)}.app-shell-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:100vh}.app-shell-content{flex:1;padding:1.5rem 1.75rem 2rem;max-width:1120px;width:100%;margin:0 auto;min-height:0}.app-shell-content--flush{padding:0;max-width:none;width:100%;margin:0;display:flex}.sidebar{position:sticky;top:0;align-self:flex-start;height:100vh;width:260px;padding:1.25rem 1rem 1.5rem;border-right:1px solid var(--color-border-subtle);background:var(--color-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:1.75rem;box-shadow:6px 0 18px #0f172a0a;transition:width var(--transition-med);z-index:20}.sidebar--collapsed{width:80px}.sidebar-brand{display:flex;align-items:center;gap:.7rem;padding:.25rem .5rem 0}.sidebar-logo{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.9rem;background:transparent;border:none}.sidebar-logo-img{width:100%;height:100%;object-fit:contain}.sidebar-brand-text{display:flex;flex-direction:column;gap:.15rem}.sidebar-brand-name{font-size:.9rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.sidebar-brand-subtitle{font-size:.75rem;color:var(--color-text-muted)}.sidebar--collapsed .sidebar-brand-text{display:none}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:1.25rem}.sidebar-section{display:flex;flex-direction:column;gap:.45rem}.sidebar-section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-muted);padding:0 .5rem}.sidebar--collapsed .sidebar-section-title{display:none}.sidebar-list{list-style:none;margin:0;padding:0}.sidebar-link{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;margin:.1rem 0;border-radius:.8rem;color:var(--color-text-muted);font-size:.85rem;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.sidebar-link:hover{background-color:var(--color-accent-soft);color:var(--color-accent-strong);transform:translateY(-1px);box-shadow:0 8px 20px #2563eb14}.sidebar-link--active{background:linear-gradient(135deg,#2563eb26,#3b82f62e);color:var(--color-accent-strong);box-shadow:0 12px 24px #2563eb29}.sidebar-link-icon{width:24px;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem}.sidebar-link-label{white-space:nowrap}.sidebar--collapsed .sidebar-link-label{display:none}.sidebar-footer{margin-top:auto;padding:0 .4rem;font-size:.7rem;color:var(--color-text-muted)}.app-header{height:64px;padding:0 1.75rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border-subtle);background:linear-gradient(135deg,#fffffffa,#f9fafbfa);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:15}.app-header-left{display:flex;align-items:center;gap:.8rem}.app-header-title{display:flex;flex-direction:column;gap:.15rem}.app-header-title-main{font-size:1rem;font-weight:600}.app-header-title-sub{font-size:.78rem;color:var(--color-text-muted)}.app-header-right{display:flex;align-items:center;gap:.9rem}.app-header-user{display:inline-flex;align-items:center;gap:.5rem}.app-header-user-initials{width:32px;height:32px;border-radius:999px;background:radial-gradient(circle at 20% 0,#22c55e 0,#16a34a 40%,#bbf7d0);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;box-shadow:0 12px 26px #16a34a59}.app-header-user-name{font-size:.8rem}.app-header-user-role{font-size:.7rem;color:var(--color-text-muted)}.btn{border-radius:var(--radius-pill);border:1px solid transparent;padding:.35rem .8rem;font-size:.8rem;font-weight:500;background:transparent;color:var(--color-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn--primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb80;box-shadow:0 14px 35px #2563eb66}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 16px 40px #2563eb7a}.btn--ghost{background:transparent;border-color:#94a3b8b3;color:var(--color-text-muted)}.btn--ghost:hover{background:var(--color-surface-soft);color:var(--color-text)}.btn--icon{padding-inline:.5rem}.btn--sm{padding:.25rem .6rem;font-size:.72rem}.btn--md{padding:.35rem .85rem}.card{background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);padding:1.1rem 1.25rem}.page{display:flex;flex-direction:column;gap:1.2rem}.page-header{display:flex;flex-direction:column;gap:.4rem}.page-title{font-size:1.25rem;font-weight:600}.page-subtitle{font-size:.85rem;color:var(--color-text-muted)}.landing{display:flex;flex-direction:column;gap:1.8rem}.landing-grid{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1.4fr);gap:1.6rem}.landing-hero{padding:1.4rem 1.6rem;border-radius:1.5rem;border:1px solid var(--color-border);background:radial-gradient(circle at top left,rgba(219,234,254,.9),transparent 60%),radial-gradient(circle at bottom right,rgba(191,219,254,.7),transparent 55%),#fff;box-shadow:var(--shadow-soft)}.landing-kicker{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-strong);margin-bottom:.4rem}.landing-title{font-size:1.7rem;line-height:1.2;font-weight:650;margin:0 0 .5rem}.landing-subtitle{font-size:.9rem;color:var(--color-text-muted);max-width:34rem;margin-bottom:1.1rem}.landing-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.landing-badge{border-radius:var(--radius-pill);padding:.16rem .6rem;border:1px solid rgba(148,163,184,.6);font-size:.7rem;color:var(--color-text-muted);background:var(--color-surface-soft)}.landing-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:1rem}.landing-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.75rem;color:var(--color-text-muted)}.landing-meta span{display:inline-flex;align-items:center;gap:.4rem}.landing-meta-dot{width:4px;height:4px;border-radius:999px;background-color:var(--color-accent-strong)}.landing-side{display:flex;flex-direction:column;gap:.8rem}.landing-side-card-title{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.landing-side-card-subtitle{font-size:.78rem;color:var(--color-text-muted)}.landing-apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:.5rem}.landing-app-card{border-radius:.9rem;border:1px solid var(--color-border-subtle);background:radial-gradient(circle at top,rgba(219,234,254,.8),transparent 60%),#fff;padding:.75rem .7rem;font-size:.78rem;display:flex;flex-direction:column;gap:.35rem;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.landing-app-card:hover{transform:translateY(-1px) translateZ(0);box-shadow:0 18px 40px #0f172a1f;border-color:#2563eb66;background-color:#fff}.landing-app-card-label{font-weight:500;display:flex;align-items:center;gap:.35rem}.landing-app-chip{border-radius:var(--radius-pill);padding:.1rem .45rem;border:1px solid rgba(148,163,184,.65);font-size:.7rem;color:var(--color-text-muted);background-color:var(--color-surface-soft)}.landing-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.landing-footer-item{border-radius:1rem;border:1px dashed rgba(148,163,184,.7);padding:.8rem .9rem;font-size:.78rem;color:var(--color-text-muted);background:#f9fafb}.landing-footer-item strong{display:block;font-size:.84rem;margin-bottom:.2rem;color:var(--color-text)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-bottom:1.2rem;margin-top:.4rem}.dashboard-stat-label{font-size:.8rem;color:var(--color-text-muted)}.dashboard-stat-value{margin-top:.2rem;font-size:1.1rem;font-weight:600}.dashboard-placeholder-chart{margin-top:.7rem;height:170px;border-radius:.9rem;border:1px dashed rgba(148,163,184,.7);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--color-text-muted)}.reports-list{display:flex;flex-direction:column;gap:.7rem}.reports-list-item{padding:.6rem .7rem;border-radius:.9rem;border:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between;font-size:.85rem;background-color:var(--color-surface-soft)}.reports-list-item-name{font-weight:500}.reports-list-item-meta{font-size:.76rem;color:var(--color-text-muted)}.form-field{margin-bottom:.85rem}.form-label{font-size:.8rem;margin-bottom:.25rem;display:block}.form-input{width:100%;border-radius:.7rem;border:1px solid var(--color-border);padding:.5rem .65rem;font-size:.85rem;background:var(--color-surface);color:var(--color-text)}.form-input:focus{outline:none;border-color:#2563ebb3;box-shadow:0 0 0 1px #2563eb66}.static-app-card{padding:0;overflow:hidden}.static-app-frame{width:100%;height:calc(100vh - 170px);min-height:420px;border:0;display:block}.static-page{flex:1;width:100%;height:100%}.static-app-frame-full{width:100%;height:100%;border:0;display:block}@media (max-width: 900px){.sidebar{width:80px}.sidebar--collapsed{width:70px}.app-shell-content{padding-inline:1.1rem}.landing-grid,.landing-footer{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.app-header{padding-inline:1.1rem}.app-header-title-sub{display:none}.landing-hero{padding:1.1rem 1.2rem}}