@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap";
:root{--bg:#f5f2ec;--bg2:#ede9df;--bg3:#e3ddd1;--surface:#fdfaf5;--border:#d9d3c7;--border2:#c8c1b2;--ink:#1c1a17;--ink2:#4a4640;--ink3:#7a756d;--accent:#c85a2a;--accent2:#1a7a6e;--gold:#b8963c;--success:#2e7d56;--error:#c0392b;--r-sm:6px;--r-md:12px;--r-lg:18px;--r-xl:24px;--shadow-sm:0 1px 3px #1c1a1712, 0 1px 2px #1c1a170d;--shadow-md:0 4px 12px #1c1a1717, 0 2px 4px #1c1a170f;--shadow-lg:0 16px 40px #1c1a171f, 0 4px 8px #1c1a1714}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);background-image:radial-gradient(60% 40% at 10% 0,#c85a2a17 0%,#0000 60%),radial-gradient(50% 50% at 90% 100%,#1a7a6e12 0%,#0000 60%);min-height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif;font-size:15px;line-height:1.6}.app-shell{flex-direction:column;gap:32px;max-width:1280px;margin:0 auto;padding:40px 24px 80px;display:flex}.auth-shell{place-items:center;min-height:100vh;padding:32px 20px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:min(100%,460px);box-shadow:var(--shadow-lg);flex-direction:column;gap:24px;padding:36px;display:flex}.auth-card-loading{text-align:center;align-items:center}.auth-copy h1{margin-bottom:10px;font-family:DM Serif Display,Georgia,serif;font-size:clamp(30px,5vw,42px);line-height:1.08}.auth-copy p,.auth-hint{color:var(--ink3);font-size:14px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-submit{justify-content:center;width:100%}.main-grid{grid-template-columns:1fr 1.5fr;gap:24px;display:grid}@media (max-width:900px){.main-grid{grid-template-columns:1fr}}.hero-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);justify-content:space-between;align-items:flex-end;gap:40px;padding:48px 52px;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23C85A2A' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.badge-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#c85a2a1a;border:1px solid #c85a2a40;border-radius:100px;margin-bottom:16px;padding:3px 12px;font-family:DM Mono,monospace;font-size:11px;display:inline-block}.hero-text h1{color:var(--ink);max-width:460px;margin-bottom:14px;font-family:DM Serif Display,Georgia,serif;font-size:clamp(28px,3.5vw,44px);font-weight:400;line-height:1.15}.hero-sub{color:var(--ink3);max-width:400px;font-size:15px}.hero-auth-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.hero-user-chip{min-height:40px;color:var(--accent2);background:#1a7a6e14;border:1px solid #1a7a6e29;border-radius:999px;align-items:center;padding:8px 14px;font-size:13px;display:inline-flex}.stats-row{flex-shrink:0;gap:16px;display:flex}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);min-width:140px;box-shadow:var(--shadow-sm);padding:20px 24px}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);margin-bottom:6px;font-family:DM Mono,monospace;font-size:11px}.stat-value{margin-bottom:6px;font-family:DM Serif Display,Georgia,serif;font-size:26px;line-height:1}.stat-value.primary{color:var(--accent)}.stat-value.secondary{color:var(--accent2);font-size:20px}.stat-value.success{color:var(--success);font-size:18px}.stat-value.warning{color:var(--gold);font-size:18px}.stat-desc{color:var(--ink3);font-size:11px}@media (max-width:900px){.hero-section{flex-direction:column;align-items:flex-start;padding:36px 28px}.stats-row{flex-wrap:wrap;width:100%}.stat-card{flex:1;min-width:120px}}.alert-bar{border-radius:var(--r-md);border-left:4px solid;padding:14px 20px;font-size:14px}.alert-bar.success{border-color:var(--success);color:var(--success);background:#2e7d5614}.alert-bar.error{border-color:var(--error);color:var(--error);background:#c0392b14}.alert-bar ul{margin-top:6px;padding-left:20px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);flex-direction:column;gap:24px;padding:32px;display:flex}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-title{color:var(--ink);margin-bottom:4px;font-family:DM Serif Display,Georgia,serif;font-size:22px;font-weight:400}.panel-sub{color:var(--ink3);font-size:13px}.link-btn{color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:4px 0;font-size:13px;transition:opacity .15s}.link-btn:hover{opacity:.7}.emp-form{flex-direction:column;gap:16px;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);font-family:DM Mono,monospace;font-size:12px}.field input{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--ink);outline:none;width:100%;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:var(--ink3)}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c85a2a1f}.field select{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--ink);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%237A756D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;outline:none;width:100%;padding:10px 36px 10px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s}.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c85a2a1f}.form-actions{justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.btn-primary,.btn-ghost{border-radius:var(--r-md);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:#b0481f;transform:translateY(-1px);box-shadow:0 4px 12px #c85a2a4d}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{color:var(--ink2);border-color:var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg2);border-color:var(--border2)}.btn-ghost:disabled{opacity:.55;cursor:not-allowed}.search-input{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--ink);outline:none;width:240px;padding:9px 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}.search-input::placeholder{color:var(--ink3)}.search-input:focus{border-color:var(--accent2);box-shadow:0 0 0 3px #1a7a6e1f}.table-wrap{border:1px solid var(--border);border-radius:var(--r-lg);overflow:auto hidden}.emp-table{border-collapse:collapse;width:100%;font-size:14px}.emp-table thead tr{background:var(--bg2);border-bottom:1px solid var(--border)}.emp-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);padding:12px 16px;font-family:DM Mono,monospace;font-size:11px;font-weight:500}.emp-table tbody tr{border-bottom:1px solid var(--bg3);transition:background .1s}.emp-table tbody tr:last-child{border-bottom:none}.emp-table tbody tr:hover{background:var(--bg2)}.emp-table td{vertical-align:middle;color:var(--ink2);padding:14px 16px}.emp-name{color:var(--ink);font-weight:600}.emp-id{color:var(--ink3);margin-top:2px;font-family:DM Mono,monospace;font-size:11px}.salary-cell{color:var(--accent2);font-family:DM Mono,monospace}.email-cell{font-size:13px}.empty-state{text-align:center;color:var(--ink3);font-size:14px;padding:56px 20px!important}.spinner{border:2px solid var(--border2);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.row-actions{justify-content:flex-end;gap:6px;display:flex}.act-view,.act-edit,.act-delete{border-radius:var(--r-sm);cursor:pointer;border:1px solid;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:all .13s}.act-view{color:var(--ink3);border-color:var(--border2);background:0 0}.act-view:hover{background:var(--bg3);color:var(--ink)}.act-edit{color:var(--accent2);background:#1a7a6e14;border-color:#1a7a6e40}.act-edit:hover{background:#1a7a6e26}.act-delete{color:var(--error);background:0 0;border-color:#c0392b40}.act-delete:hover{background:#c0392b14}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#1c1a1773;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:580px;box-shadow:var(--shadow-lg);padding:36px;animation:.22s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.modal-name{color:var(--ink);margin-bottom:4px;font-family:DM Serif Display,Georgia,serif;font-size:26px;font-weight:400}.modal-sub{color:var(--ink3);font-size:13px}.modal-close{background:var(--bg2);border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--ink3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;transition:all .13s;display:flex}.modal-close:hover{background:var(--bg3);color:var(--ink)}.detail-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;display:grid}.detail-item{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px}.detail-item.wide{grid-column:span 2}.detail-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);margin-bottom:5px;font-family:DM Mono,monospace;font-size:11px}.detail-value{color:var(--ink);font-size:14px;font-weight:500}.detail-value.highlight{color:var(--accent2);font-family:DM Mono,monospace;font-size:16px}.modal-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.insights-layout{grid-template-columns:1.2fr .8fr;gap:24px;display:grid}.insights-panel{gap:20px}.insight-forms{grid-template-columns:1fr 1fr;gap:16px;display:grid}.insight-form{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;gap:16px;padding:20px;display:flex}.insight-form-head{flex-direction:column;gap:4px;display:flex}.insight-form-title,.insight-title{color:var(--ink);font-family:DM Serif Display,Georgia,serif;font-size:20px;font-weight:400}.insights-results{gap:16px;display:grid}.insight-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);flex-direction:column;gap:18px;padding:24px;display:flex}.insight-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.insight-sub{color:var(--ink3);font-size:13px}.insight-pill{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:5px 10px;font-family:DM Mono,monospace;font-size:11px}.insight-pill.filled{color:var(--accent2);background:#1a7a6e1a;border-color:#1a7a6e40}.insight-pill.empty{background:var(--bg2);color:var(--ink3)}.insight-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.insight-stat{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-md);padding:16px}.insight-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);margin-bottom:6px;font-family:DM Mono,monospace;font-size:11px}.insight-stat-value{color:var(--accent2);font-family:DM Mono,monospace;font-size:18px}.insight-empty{background:var(--bg2);border:1px dashed var(--border2);border-radius:var(--r-md);color:var(--ink3);padding:22px 18px;font-size:14px}@media (max-width:1100px){.insights-layout{grid-template-columns:1fr}}@media (max-width:900px){.insight-forms,.insight-stats{grid-template-columns:1fr}}@media (max-width:700px){.field-row{grid-template-columns:1fr}.panel-header,.insight-card-header{flex-direction:column}.search-input{width:100%}.row-actions{flex-wrap:wrap}}