:root{color:#1e1f22;background:#aeb6c0;--accent: rgba(220, 188, 91, .58);--accent-solid: #d2b35a;--accent-soft: rgba(220, 188, 91, .2);--glass: rgba(255, 255, 255, .46);--glass-border: rgba(255, 255, 255, .56);--glass-shadow: 0 22px 64px rgba(32, 38, 44, .16);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,p{margin:0}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 78% 16%,rgba(220,188,91,.2),transparent 28%),linear-gradient(135deg,#aab2bd,#c3cad1)}.auth-panel{width:min(460px,100%);background:#fbf9ebb8;border:1px solid var(--glass-border);border-radius:28px;padding:26px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(22px) saturate(1.08);backdrop-filter:blur(22px) saturate(1.08)}.brand-mark,.topbar,.top-actions,.toolbar,.metric,.row-actions,.editor header,.editor footer,.card-head,.panel-head,.onboarding-top,.timer-actions,.task-row,.device-row,.progress-strip,.number-strip{display:flex;align-items:center}.brand-mark{gap:14px;margin-bottom:22px}.brand-mark svg{color:#2b2d31}.brand-mark h1{font-size:22px;line-height:1.25}.brand-mark p{color:#6b6d70;margin-top:4px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#efecdd;border-radius:999px;padding:5px;margin-bottom:20px}.mode-switch button,.ghost-button,.row-actions button,.editor header button,.topnav button,.icon-button,.card-head button,.timer-actions button,.mini-stack button{border:0;background:transparent;color:#2a2c30}.mode-switch button{height:40px;border-radius:999px}.mode-switch .active{background:#24262b;color:#fff}.auth-form,.editor,.form-grid label{display:grid}.auth-form{gap:14px}label{color:#5b5c5f;font-size:13px;gap:7px}input,select,textarea{width:100%;border:1px solid #ded9c2;border-radius:14px;background:#ffffff94;color:#1e1f22;min-height:42px;padding:0 13px;outline:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}textarea{min-height:84px;padding-top:10px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent-solid);box-shadow:0 0 0 4px var(--accent-soft)}.primary-action{border:0;background:linear-gradient(135deg,#dcbc5bad,#d6b85c6b);color:#25262a;min-height:44px;border-radius:999px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;border:1px solid rgba(126,105,36,.08);box-shadow:inset 0 1px #ffffff61,0 12px 26px #5e50201f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.primary-action.compact{min-height:38px;white-space:nowrap}.primary-action:disabled{opacity:.65;cursor:not-allowed}.alert{border:1px solid #efb4a4;background:#fff0e9;color:#9d3f2d;border-radius:16px;padding:10px 12px;font-size:14px}.app-shell{min-height:100vh;width:100vw;display:block;padding:0;background:radial-gradient(circle at 82% 18%,rgba(220,195,110,.38),transparent 25%),radial-gradient(circle at 0% 100%,rgba(210,218,223,.72),transparent 36%),#aeb6c0;overflow:hidden}.dashboard-frame{width:100vw;min-height:100vh;background:linear-gradient(135deg,#f1f2f4d6,#f8f8efcc 56%,#ddca8457);border:0;border-radius:0;padding:clamp(18px,2vw,34px);box-shadow:none;overflow:auto;-webkit-backdrop-filter:blur(18px) saturate(1.04);backdrop-filter:blur(18px) saturate(1.04)}.topbar{justify-content:space-between;gap:12px;margin-bottom:clamp(18px,2.2vw,34px)}.brand-pill{height:42px;display:inline-flex;align-items:center;padding:0 17px;border:1px solid #2d2f33;border-radius:999px;font-size:20px;line-height:1}.topnav{height:42px;display:flex;align-items:center;gap:2px;background:#ffffff7a;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:4px;overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topnav button{height:34px;border-radius:999px;padding:0 15px;font-size:13px;white-space:nowrap}.topnav .active{background:#25262a;color:#fff}.top-actions{gap:8px}.icon-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;background:#ffffff80;border:1px solid rgba(255,255,255,.48);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.icon-button.wide{width:auto;padding:0 14px}.hero-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px;margin-bottom:clamp(12px,1.4vw,20px)}.hero-row h1{font-size:clamp(32px,4vw,46px);font-weight:500;letter-spacing:0}.hero-row p{color:#6a6a64;margin-top:10px}.number-strip{gap:28px}.metric{gap:7px;min-width:92px}.metric svg{color:#77766e}.metric strong{font-size:42px;line-height:1;font-weight:500}.metric span{color:#4d4d49;font-size:13px;align-self:flex-end;padding-bottom:5px}.progress-strip{gap:10px;margin-bottom:clamp(16px,1.8vw,26px)}.progress-pill span,.progress-bar span{display:block;font-size:13px;margin-bottom:6px;color:#3f403d}.progress-pill strong{height:36px;min-width:58px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:12px;font-weight:600}.progress-pill .dark{background:#25262a;color:#fff}.progress-pill .yellow{background:var(--accent);color:#24262a}.progress-pill .light{background:transparent;border:1px solid #939186}.progress-bar{flex:1;min-width:210px}.progress-bar div{height:36px;border-radius:999px;background:repeating-linear-gradient(120deg,#fffffff2 0 5px,#d2cfbf94 5px 9px);overflow:hidden}.progress-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#dcbc5b9e,#dcbc5b61);box-shadow:inset 0 1px #ffffff5c}.dashboard-grid{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(560px,1.95fr) minmax(280px,.8fr);gap:clamp(14px,1.35vw,24px);align-items:stretch;min-height:calc(100vh - 240px)}.left-column,.center-column,.right-column{min-width:0}.profile-card,.mini-stack,.progress-card,.timer-card,.people-panel,.onboarding-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:32px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(22px) saturate(1.08);backdrop-filter:blur(22px) saturate(1.08)}.profile-card{height:min(34vh,350px);min-height:280px;overflow:hidden;margin-bottom:14px}.profile-art{height:100%;position:relative;background:radial-gradient(circle at 45% 28%,#f7d2ba 0 6%,transparent 7%),radial-gradient(circle at 52% 34%,#302522 0 14%,transparent 15%),radial-gradient(circle at 50% 43%,#d39a78 0 19%,transparent 20%),linear-gradient(145deg,#d8d2c5,#9f9184)}.avatar-orb{position:absolute;inset:54px 72px auto;height:140px;display:grid;place-items:center;border-radius:50%;background:#2b2928;color:#fff5da;font-size:46px;font-weight:700;box-shadow:0 16px 38px #1e1f223d}.profile-caption{position:absolute;left:24px;bottom:28px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.36)}.profile-caption strong,.profile-caption span{display:block}.profile-caption strong{font-size:18px}.profile-caption span{font-size:13px;margin-top:4px}.salary-chip{position:absolute;right:22px;bottom:28px;border:1px solid rgba(255,255,255,.76);color:#fff;border-radius:999px;padding:9px 17px;background:#26242270;font-size:13px}.mini-stack{padding:16px}.mini-stack button{width:100%;min-height:40px;justify-content:space-between;border-bottom:1px dashed #d7d1b8;display:flex;align-items:center;font-size:14px}.mini-stack button:last-child{border-bottom:0}.mini-stack .open svg{transform:rotate(180deg)}.device-row{gap:11px;padding:10px 0 14px}.device-thumb{width:54px;height:42px;border-radius:8px;background:linear-gradient(135deg,#212329 0 45%,var(--accent-solid) 45% 58%,#b31d42 58%)}.device-row strong,.device-row span{display:block}.device-row strong{font-size:14px}.device-row span{font-size:12px;color:#6d6b63;margin-top:3px}.center-column{display:grid;gap:14px}.upper-widgets{display:grid;grid-template-columns:1fr 1fr;gap:14px}.progress-card,.timer-card{min-height:min(34vh,350px);padding:22px}.card-head,.panel-head,.onboarding-top{justify-content:space-between;gap:12px}.card-head h2,.panel-head h2,.onboarding-top h2{font-size:20px;font-weight:500}.card-head button{width:40px;height:40px;border-radius:50%;background:#ffffff8a;border:1px solid rgba(255,255,255,.48);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hours-line{display:flex;align-items:center;gap:14px;margin:22px 0 24px}.hours-line strong{font-size:clamp(28px,2.3vw,36px);font-weight:400;white-space:nowrap}.hours-line span{color:#64625b;font-size:13px;max-width:90px}.bar-days{height:122px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:18px}.bar-days span{width:8px;justify-self:center;border-radius:999px;background:#2b2d31}.bar-days .hot{background:var(--accent-solid);position:relative}.bar-days .hot:before{content:"5h 23m";position:absolute;top:-28px;left:50%;transform:translate(-50%);background:#dcbc5bd1;border-radius:999px;padding:4px 8px;font-size:11px;white-space:nowrap}.week-days{display:grid;grid-template-columns:repeat(7,1fr);margin-top:14px;color:#77756d;font-size:12px;text-align:center}.timer-card{position:relative}.timer-ring{width:170px;height:170px;border-radius:50%;margin:28px auto 18px;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#fffbed 0 58%,transparent 59%),conic-gradient(#dcbc5bb3 0 76%,#ebe5cfc7 76% 100%);position:relative}.timer-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;border:2px dotted #333;opacity:.7}.timer-ring strong{font-size:34px;font-weight:400;z-index:1}.timer-ring span{font-size:12px;z-index:1;color:#5f5e58}.timer-actions{justify-content:space-between}.timer-actions button{width:44px;height:44px;border-radius:50%;background:#ffffff8a;border:1px solid rgba(255,255,255,.48);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.timer-actions .dark{background:#292a2d;color:#fff;margin-left:auto}.people-panel{padding:20px;min-height:0}.recruitment-screen{display:grid;gap:clamp(16px,1.8vw,24px)}.module-hero{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px}.module-hero span,.module-hero p{color:#6d6b63}.module-hero h1{margin-top:8px;font-size:clamp(32px,3.7vw,54px);font-weight:520}.module-hero p{margin-top:10px}.module-metrics{display:flex;align-items:center;gap:28px}.recruitment-panel{min-height:calc(100vh - 230px)}.switch{min-width:74px;height:30px;border:1px solid #d9d2b8;border-radius:999px;background:#ffffff75;color:#65625a;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.switch.on{background:#25262a;color:var(--accent-solid);border-color:#25262a}.link-button{border:0;background:transparent;color:#2b2d31;font-weight:800;text-decoration:underline;text-underline-offset:4px}.job-editor{width:min(920px,100%)}.applicant-viewer{width:min(1060px,100%)}.applicant-viewer header p{color:#77756d;margin-top:4px}.applicant-table{padding:18px 20px 4px}.report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.report-card{min-height:180px;border:1px solid rgba(224,217,191,.72);border-radius:24px;padding:18px;background:#ffffff70;display:grid;align-content:space-between;gap:14px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.05);backdrop-filter:blur(18px) saturate(1.05)}.report-card h2{font-size:20px}.report-card p,.education-placeholder p{color:#68655d;line-height:1.7}.education-placeholder{min-height:calc(100vh - 250px);display:grid;align-content:center;gap:18px}.education-placeholder h2{font-size:clamp(30px,3vw,48px)}.panel-head{margin-bottom:14px}.panel-head span{font-size:13px;color:#77756d}.toolbar{gap:10px;margin-bottom:12px}.search-box{min-width:250px;flex:1;display:flex;align-items:center;background:#ffffff7a;border:1px solid #ded9c2;border-radius:999px;padding:0 12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.search-box input{border:0;box-shadow:none;background:transparent}.toolbar select{width:138px;border-radius:999px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:860px}th,td{text-align:left;border-bottom:1px solid rgba(209,202,176,.68);padding:11px 10px;vertical-align:middle}th{font-size:12px;color:#77756d;font-weight:600}td{font-size:14px}td span{display:block;color:#77756d;margin-top:3px;font-size:12px}.status{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:0 10px;font-size:12px;font-weight:700}.status.active{color:#1e1f22;background:var(--accent)}.status.probation{color:#7a5612;background:#e8d28e57}.status.leave{color:#2d5f89;background:#e1edf5}.status.resigned{color:#fff;background:#2b2d31}.row-actions{gap:4px;justify-content:flex-end}.row-actions button,.editor header button{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:999px}.row-actions button:hover,.editor header button:hover{background:#f0ead4}.empty{text-align:center;color:#77756d;height:120px}.onboarding-card{min-height:100%;padding:22px}.onboarding-top strong{font-size:34px;font-weight:400}.pipeline{display:grid;grid-template-columns:1.2fr .9fr .4fr;gap:5px;margin:22px 0 26px;align-items:end}.pipeline span,.pipeline i,.pipeline b{height:52px;border-radius:12px;display:flex;align-items:center;padding-left:12px;font-size:13px}.pipeline span{background:var(--accent)}.pipeline i{background:#25262a}.pipeline b{background:#8e908d}.task-card{background:#292a2d;color:#fff;border-radius:26px;padding:20px;box-shadow:0 22px 44px #1f212538}.task-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.task-title span{font-size:16px}.task-title strong{font-size:30px;font-weight:400}.task-row{gap:12px;min-height:52px}.task-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ffffff1a}.task-row div{flex:1}.task-row strong,.task-row small{display:block}.task-row strong{font-size:13px}.task-row small{color:#a7a7a3;margin-top:2px;font-size:11px}.done-dot,.idle-dot{width:16px;height:16px;border-radius:50%}.done-dot{background:var(--accent-solid)}.idle-dot{background:#55565a}.modal-backdrop{position:fixed;inset:0;background:#181b1f7a;display:grid;place-items:center;padding:20px;z-index:10}.editor{width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fbf7e7;border-radius:28px;border:1px solid rgba(255,255,255,.7);box-shadow:0 24px 70px #121e243d}.editor header,.editor footer{justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e3dcc2}.editor footer{border-top:1px solid #e3dcc2;border-bottom:0;justify-content:flex-end;gap:10px}.ghost-button{min-height:38px;border:1px solid #d9d2b8;border-radius:999px;padding:0 14px;gap:8px;background:#ffffff80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px}.wide{grid-column:1 / -1}@media(max-width:1180px){.dashboard-grid{grid-template-columns:300px minmax(0,1fr)}.right-column{grid-column:1 / -1}.onboarding-card{min-height:0}.topnav{max-width:52vw;overflow-x:auto}}@media(max-width:860px){.app-shell{padding:0;overflow:auto}.dashboard-frame{border-radius:0;padding:16px}.topbar,.hero-row,.progress-strip,.toolbar{flex-wrap:wrap}.hero-row,.dashboard-grid,.upper-widgets{grid-template-columns:1fr}.topnav{order:3;max-width:100%;width:100%}.number-strip{width:100%;justify-content:space-between}.progress-bar,.search-box,.toolbar select,.primary-action.compact{width:100%}.form-grid,.report-grid{grid-template-columns:1fr}}@media(max-width:520px){.auth-panel{padding:20px;border-radius:24px}.metric strong{font-size:30px}.profile-card{height:260px}.avatar-orb{inset:46px 86px auto;height:118px;font-size:36px}}