@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--background: oklch(.985 .003 240);--foreground: oklch(.22 .04 260);--card: oklch(1 0 0);--card-foreground: oklch(.22 .04 260);--popover: oklch(1 0 0);--popover-foreground: oklch(.22 .04 260);--primary: oklch(.28 .07 260);--primary-foreground: oklch(.985 .003 240);--secondary: oklch(.94 .012 250);--secondary-foreground: oklch(.26 .05 260);--muted: oklch(.95 .008 250);--muted-foreground: oklch(.52 .025 255);--accent: oklch(.55 .13 255);--accent-foreground: oklch(.985 .003 240);--destructive: oklch(.58 .19 25);--destructive-foreground: oklch(.985 .003 240);--success: oklch(.55 .13 155);--success-foreground: oklch(.985 .003 240);--warning: oklch(.76 .14 78);--warning-foreground: oklch(.24 .04 80);--info: oklch(.58 .12 230);--info-foreground: oklch(.985 .003 240);--border: oklch(.88 .01 250);--input: oklch(.9 .01 250);--ring: oklch(.55 .13 255);--chart-1: oklch(.5 .12 255);--chart-2: oklch(.56 .12 155);--chart-3: oklch(.7 .13 80);--chart-4: oklch(.58 .15 25);--chart-5: oklch(.52 .1 300);--sidebar: oklch(.22 .05 260);--sidebar-foreground: oklch(.94 .01 245);--sidebar-primary: oklch(.78 .09 250);--sidebar-accent: oklch(.31 .06 260);--sidebar-border: oklch(.33 .04 260);--sidebar-ring: oklch(.72 .1 250);--radius: .5rem;--font-sans: "DM Sans", system-ui, sans-serif;--font-display: "Space Grotesk", var(--font-sans)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--foreground);background:var(--background);font-family:var(--font-sans)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);letter-spacing:-.01em}p{margin:0}.font-display{font-family:var(--font-display)}.text-numeric{font-variant-numeric:tabular-nums}.app-shell{min-height:100vh;background:linear-gradient(180deg,oklch(.985 .003 240) 0%,oklch(.965 .008 250) 100%)}.login-page{display:grid;min-height:100vh;grid-template-columns:1fr}.login-brand{display:none;background:var(--sidebar);color:var(--sidebar-foreground);padding:48px}.login-panel{display:grid;align-items:center;padding:32px}.login-card{width:min(100%,440px);margin:0 auto}.brand-mark{display:inline-grid;width:44px;height:44px;place-items:center;border-radius:12px;background:var(--primary);color:var(--primary-foreground);font-family:var(--font-display);font-weight:700}.brand-mark.on-dark{background:oklch(.97 .01 245);color:var(--sidebar)}.layout{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:none;width:256px;flex-direction:column;border-right:1px solid var(--sidebar-border);background:var(--sidebar);color:var(--sidebar-foreground)}.sidebar-header,.sidebar-footer{padding:20px}.sidebar-nav{flex:1;overflow-y:auto;padding:8px 12px}.nav-section-label{margin:18px 10px 8px;color:oklch(.76 .02 250);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:var(--radius);background:transparent;color:oklch(.89 .01 245);cursor:pointer;padding:10px 12px;text-align:left}.nav-item:hover,.nav-item.active{background:var(--sidebar-accent);color:#fff}.nav-child{margin-left:16px}.content-wrap{flex:1;min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;height:64px;align-items:center;gap:16px;border-bottom:1px solid var(--border);background:color-mix(in oklch,var(--background) 92%,white);padding:0 20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.main{width:min(100%,1400px);margin:0 auto;padding:24px 20px 48px}.space-y-6>*+*{margin-top:24px}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px}.page-title{font-size:clamp(28px,4vw,38px);line-height:1.05}.page-description{margin-top:8px;max-width:760px;color:var(--muted-foreground)}.panel,.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:0 1px 2px oklch(.22 .04 260 / .04)}.panel-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 20px 0}.panel-body{padding:20px}.panel-title{font-size:18px}.panel-description{margin-top:4px;color:var(--muted-foreground);font-size:14px}.stats-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.stat-card{display:flex;justify-content:space-between;gap:16px;padding:18px}.stat-label,.micro-label{color:var(--muted-foreground);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.stat-value{margin-top:8px;font-family:var(--font-display);font-size:28px;font-weight:700}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.input,.select,.textarea{min-height:40px;width:100%;border:1px solid var(--input);border-radius:var(--radius);background:white;color:var(--foreground);outline:none;padding:9px 12px}.input:focus,.select:focus,.textarea:focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 18%,transparent)}.button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;font-weight:700;padding:8px 14px;white-space:nowrap}.button.primary{background:var(--primary);color:var(--primary-foreground)}.button.secondary{border-color:var(--border);background:white;color:var(--foreground)}.button.ghost{background:transparent;color:var(--foreground)}.button.destructive{background:var(--destructive);color:var(--destructive-foreground)}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid transparent;font-size:12px;font-weight:700;padding:4px 9px}.tone-neutral{border-color:var(--border);background:var(--muted);color:var(--foreground)}.tone-info{background:color-mix(in oklch,var(--info) 13%,white);color:oklch(.34 .09 230)}.tone-success{background:color-mix(in oklch,var(--success) 13%,white);color:oklch(.32 .1 155)}.tone-warning{background:color-mix(in oklch,var(--warning) 18%,white);color:oklch(.39 .08 80)}.tone-danger{background:color-mix(in oklch,var(--destructive) 12%,white);color:oklch(.42 .14 25)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{color:var(--muted-foreground);font-size:10px;font-weight:700;letter-spacing:.12em;text-align:left;text-transform:uppercase}.data-table th,.data-table td{border-bottom:1px solid var(--border);padding:13px 12px;vertical-align:top}.data-table tr.highlight td{background:color-mix(in oklch,var(--warning) 9%,white)}.data-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.muted{color:var(--muted-foreground)}.grid-2,.grid-3{display:grid;gap:16px}.detail-grid{display:grid;gap:14px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:oklch(.12 .03 260 / .35)}.sheet{position:fixed;inset:0 0 0 auto;z-index:90;width:min(100%,560px);overflow-y:auto;border-left:1px solid var(--border);background:white;padding:24px;box-shadow:-12px 0 40px oklch(.2 .04 260 / .16)}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--border)}.tab{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted-foreground);cursor:pointer;font-weight:700;padding:12px 10px}.tab.active{border-bottom-color:var(--accent);color:var(--foreground)}.empty{border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted-foreground);padding:28px;text-align:center}.shift-item{border-left:4px solid var(--border);padding:10px 12px}.shift-item.success{border-left-color:var(--success)}.shift-item.warning{border-left-color:var(--warning)}.shift-item.info{border-left-color:var(--info)}.shift-item.danger{border-left-color:var(--destructive)}.notification-dot{position:relative}.notification-dot:after{position:absolute;top:8px;right:8px;width:8px;height:8px;border:2px solid white;border-radius:999px;background:var(--destructive);content:""}@media (min-width: 900px){.login-page{grid-template-columns:.9fr 1.1fr}.login-brand{display:flex;flex-direction:column;justify-content:space-between}.sidebar{display:flex}.content-wrap{margin-left:256px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
