/* Sigma OS UI Foundation V1.1 — layered graphite + Apple-style system typography. No core JS. */
:root{--bg:#101114;--panel:#1a1b1f;--panel2:#202126;--line:rgba(255,255,255,.075);--text:#f5f5f7;--muted:#98989f;--red:#e21b24;--green:#30d158;--amber:#ffb340;--blue:#64a8ff;--sigma-radius:18px;--sigma-radius-sm:12px;--sigma-shadow:0 12px 38px rgba(0,0,0,.20);--sigma-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Arial,sans-serif}
html{background:#101114}body{background:radial-gradient(circle at 82% -10%,rgba(128,34,39,.12),transparent 32%),linear-gradient(180deg,#131417 0%,#101114 45%,#121316 100%);color:var(--text);font-family:var(--sigma-font);font-size:14px;font-weight:400;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;letter-spacing:-.01em;font-feature-settings:"kern" 1,"liga" 1}
button,input,select,textarea{font-family:var(--sigma-font);letter-spacing:-.006em}button,.btn{transition:transform .16s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.btn:active,.nav button:active{transform:scale(.975)}
h1,h2,h3,h4,h5,h6{font-family:var(--sigma-font);color:#f5f5f7;margin-top:0;font-weight:650;letter-spacing:-.028em}h1{font-size:32px;line-height:1.08}h2{font-size:24px;line-height:1.14}h3{font-size:17px;line-height:1.22}h4{font-size:15px;line-height:1.25}p{letter-spacing:-.006em}.muted,small{color:var(--muted)}strong,b{font-weight:650}.money,.kpi strong,[class*="amount"],[class*="total"]{font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.025em}
.side{background:rgba(20,21,24,.92);border-right:1px solid var(--line);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.brand{border-bottom:1px solid var(--line)}.brand strong{font-size:14px;font-weight:650;letter-spacing:-.018em}.brand small{font-size:9px;font-weight:550;letter-spacing:.08em}.rolebox{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:14px}.rolebox small{font-size:9px;font-weight:600;letter-spacing:.065em}.rolebox strong{font-size:12px;font-weight:600;letter-spacing:-.01em}.nav{gap:4px}.nav button{color:#a2a2a9;border-radius:11px;padding:11px 13px;font-size:13px;font-weight:520;letter-spacing:-.012em;transition:all .18s ease}.nav button:hover{background:rgba(255,255,255,.045);color:#f5f5f7}.nav button.active{background:rgba(255,255,255,.075);color:#fff;border-left:0;font-weight:620;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)}
.main{padding:30px 34px}.top{border-bottom:0;padding-bottom:12px;margin-bottom:18px}.top h1{font-size:32px;line-height:1.06;letter-spacing:-.04em;font-weight:680}.top p{color:var(--muted);font-size:12px;line-height:1.4;letter-spacing:-.006em}
.hero,.panel,.kpi,.crm-actions,.approval-card{background:linear-gradient(145deg,rgba(31,32,36,.96),rgba(24,25,29,.96));border:1px solid var(--line);box-shadow:var(--sigma-shadow)}.hero{border-radius:22px;padding:24px}.hero h2{font-size:25px;font-weight:660;letter-spacing:-.035em}.hero p{font-size:13px;line-height:1.55}.panel{border-radius:18px;padding:18px}.panel h3,.ph h3{font-size:16px;font-weight:630;letter-spacing:-.022em}.kpi{border-radius:18px;padding:18px}.kpi small{color:#96969d;font-size:10px;font-weight:550;text-transform:none;letter-spacing:.005em}.kpi strong{font-size:27px;line-height:1.05;font-weight:650;letter-spacing:-.04em}.crm-actions{border-radius:20px}.crm-actions h2{font-size:22px;font-weight:650;letter-spacing:-.03em}.approval-card{border-radius:16px}
.btn{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.085);color:#f5f5f7;border-radius:11px;padding:10px 14px;font-size:13px;font-weight:590;letter-spacing:-.01em;box-shadow:none}.btn:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.12)}.btn.red{background:#d91d26;border-color:#e52b33;box-shadow:0 5px 18px rgba(217,29,38,.18)}.btn.red:hover{background:#e1222c}.btn.green{background:rgba(48,209,88,.12);border-color:rgba(48,209,88,.22);color:#75e891}.btn.sm{font-size:11px;font-weight:580}
.field label{color:#9999a1;font-size:11px;text-transform:none;letter-spacing:-.002em;font-weight:520}.field input,.field select,.field textarea{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);color:#f5f5f7;border-radius:12px;padding:12px 13px;font-size:14px;font-weight:400;outline:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.field input:focus,.field select:focus,.field textarea:focus{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.20);box-shadow:0 0 0 3px rgba(255,255,255,.035)}
.table{background:rgba(27,28,32,.94);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sigma-shadow)}th{background:rgba(255,255,255,.025);color:#929299;border-bottom:1px solid var(--line);font-size:10px;font-weight:570;text-transform:none;letter-spacing:.005em}td{border-bottom:1px solid rgba(255,255,255,.055);font-size:12px;letter-spacing:-.004em}.row{border-bottom:1px solid rgba(255,255,255,.055)}
.pill{background:rgba(255,255,255,.07);font-size:10px;font-weight:620;letter-spacing:-.003em}.pill.g{background:rgba(48,209,88,.10);color:#70e58d}.pill.r{background:rgba(226,27,36,.12);color:#ff7a80}.pill.a{background:rgba(255,179,64,.11);color:#ffc568}.pill.b{background:rgba(100,168,255,.11);color:#8dbfff}
.day{background:rgba(29,30,34,.90);border:1px solid var(--line);border-radius:14px}.day.today{border-color:rgba(226,27,36,.48);box-shadow:inset 0 0 0 1px rgba(226,27,36,.08)}.daynum{font-weight:620}.event{background:rgba(255,255,255,.055);font-weight:500}
.modal{background:rgba(5,6,8,.68);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modalbox{background:rgba(30,31,35,.98);border:1px solid rgba(255,255,255,.11);border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.45)}.toast{background:rgba(39,40,44,.94);border:1px solid rgba(255,255,255,.10);border-radius:14px;font-size:13px;font-weight:570;box-shadow:0 12px 40px rgba(0,0,0,.3);backdrop-filter:blur(18px)}
.login{background:radial-gradient(circle at 50% 10%,rgba(131,37,42,.13),transparent 34%),linear-gradient(180deg,#17181b,#101114)}.loginbox{background:rgba(30,31,35,.88);border:1px solid rgba(255,255,255,.10);border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.34);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.loginbox h1{font-size:28px;font-weight:670;letter-spacing:-.04em}.loginbox p{font-size:13px}
.sigma-team-online,.sigma-attendance-register{background:linear-gradient(145deg,rgba(31,32,36,.96),rgba(24,25,29,.96))!important;border-color:var(--line)!important;box-shadow:var(--sigma-shadow)!important}.sigma-team-online *,.sigma-attendance-register *{font-family:var(--sigma-font)}
@media(max-width:900px){.main{padding:20px 16px}.side{background:#17181b}.top h1{font-size:29px}.hero{padding:20px}.panel,.kpi{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}