:root{--tutas-text-primary: #191A1E;--tutas-text-strong: #090A0D;--tutas-text-secondary: #24272F;--tutas-text-muted: #595959;--tutas-text-placeholder:#A1A4AC;--tutas-on-dark: #FFFFFF;--tutas-on-dark-60: rgba(255, 255, 255, .65);--tutas-surface: #FFFFFF;--tutas-surface-muted: #F8FAFB;--tutas-page-bg: #FFFFFF;--tutas-sidebar-bg: #191A1E;--tutas-sidebar-active: #424242;--tutas-sidebar-hover: rgba(255, 255, 255, .06);--tutas-border: #EAECF0;--tutas-border-soft: #E5E7EB;--tutas-fill-muted: #EAECF0;--tutas-brand: #f97316;--tutas-brand-strong: #ea580c;--tutas-brand-bg: #fff7ed;--tutas-brand-border: #fed7aa;--tutas-brand-text: #9a3412;--tutas-success: #10b981;--tutas-success-bg: #ecfdf5;--tutas-success-border: #a7f3d0;--tutas-danger: #ef4444;--tutas-danger-bg: #fef2f2;--tutas-danger-border: #fecaca;--tutas-warning: #f59e0b;--tutas-warning-bg: #fffbeb;--tutas-warning-border: #fde68a;--tutas-info: #3b82f6;--tutas-info-bg: #eff6ff;--tutas-info-border: #bfdbfe;--tutas-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Segoe UI", Arial, Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--tutas-fs-body: 13px;--tutas-fs-small: 12px;--tutas-fs-h1: 24px;--tutas-fs-metric: 36px;--tutas-radius-sm: 8px;--tutas-radius-lg: 12px;--tutas-radius-xl: 16px;--tutas-shadow-card: 0 1px 2px 0 rgba(16, 24, 40, .04);--tutas-sidebar-width: 92px}*{box-sizing:border-box}html,body{margin:0;font-family:var(--tutas-font-family);font-size:var(--tutas-fs-body);line-height:1.5;color:var(--tutas-text-primary);background:var(--tutas-page-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh;height:100dvh;display:flex;flex-direction:column}.app-shell{display:flex;height:100vh;height:100dvh;overflow:hidden;background:var(--tutas-page-bg)}.app-sidebar{width:var(--tutas-sidebar-width);height:100vh;height:100dvh;flex-shrink:0;background:var(--tutas-sidebar-bg);border-top-right-radius:32px;border-bottom-right-radius:32px;display:flex;flex-direction:column;padding:14px 8px;position:relative;z-index:10;box-shadow:2px 0 12px #00000029}.app-sidebar__brand{width:40px;height:40px;border-radius:50%;background:var(--tutas-brand);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 2px 8px #f9731659}.app-sidebar__nav{flex:1;display:flex;flex-direction:column;gap:4px;overflow-y:auto;overflow-x:hidden}.app-sidebar__item{width:100%;background:transparent;border:none;border-radius:14px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--tutas-on-dark-60);font-family:inherit;font-size:11px;font-weight:500;line-height:1.2;text-align:center;cursor:pointer;transition:background .12s,color .12s}.app-sidebar__item:hover{background:var(--tutas-sidebar-hover);color:var(--tutas-on-dark)}.app-sidebar__item--active,.app-sidebar__item--active:hover{background:var(--tutas-sidebar-active);color:var(--tutas-on-dark)}.app-sidebar__item-icon{display:flex;align-items:center;justify-content:center;height:24px}.app-sidebar__divider{height:1px;background:#ffffff14;margin:8px 12px}.app-sidebar__footer{display:flex;flex-direction:column;gap:4px;padding-top:6px}.app-page{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--tutas-page-bg);overflow:hidden}.app-page__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 32px 16px;flex-shrink:0}.app-page__title{font-size:var(--tutas-fs-h1);font-weight:600;line-height:1.3;margin:0}.app-page__subtitle{font-size:var(--tutas-fs-body);color:var(--tutas-text-muted);margin:4px 0 0}.app-page__body{flex:1;min-height:0;overflow:auto;padding:0 32px 32px;display:flex;flex-direction:column;gap:24px}.tutas-card{background:var(--tutas-surface);border:1px solid var(--tutas-border);border-radius:var(--tutas-radius-xl);padding:24px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.metric-card{background:var(--tutas-surface);border:1px solid var(--tutas-border);border-radius:var(--tutas-radius-xl);padding:20px 24px}.metric-card__label{font-size:var(--tutas-fs-small);color:var(--tutas-text-muted);margin-bottom:6px}.metric-card__value{font-size:var(--tutas-fs-metric);font-weight:700;line-height:1;color:var(--tutas-text-strong);font-variant-numeric:tabular-nums}.tutas-pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:var(--tutas-radius-sm);font-size:var(--tutas-fs-small);font-weight:500;border:1px solid transparent;white-space:nowrap}.tutas-pill--success{background:var(--tutas-success-bg);color:var(--tutas-success);border-color:var(--tutas-success-border)}.tutas-pill--danger{background:var(--tutas-danger-bg);color:var(--tutas-danger);border-color:var(--tutas-danger-border)}.tutas-pill--warning{background:var(--tutas-warning-bg);color:var(--tutas-warning);border-color:var(--tutas-warning-border)}.tutas-pill--neutral{background:var(--tutas-fill-muted);color:var(--tutas-text-secondary)}.app-sidebar__item--logout{color:#fca5a5}.app-sidebar__item--logout:hover{background:#ef44441f;color:#fecaca}@media(max-width:768px){.app-page__header{padding:16px 16px 12px}.app-page__title{font-size:20px}.app-page__body{padding:0 16px 20px;gap:16px}}