@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&family=Space+Grotesk:wght@400;500;600&display=swap";:root{color-scheme:light;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;--font-display: "Fraunces", "Times New Roman", serif;--bg: #ffffff;--bg-accent: #f4f6f9;--ink: #1f2937;--muted: #6b7280;--brand: #235fca;--brand-strong: #1f4fb0;--card: #ffffff;--border: #e5e7eb;--warning: #c2572d;--success: #2d6b4d;--shadow: 0 18px 40px rgba(35, 95, 202, .12)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);min-height:100vh}#root{min-height:100vh}.app-shell{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1.25rem;border-bottom:1px solid #1f4fb0;background:linear-gradient(180deg,#2e67cd,#235fca);color:#f7fbff}.brand{display:flex;align-items:center;gap:.75rem}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#5da2ff,#c7e0ff);box-shadow:inset 0 0 0 1px #fffc}.brand h1{font-family:Segoe UI,Space Grotesk,system-ui,sans-serif;font-size:1.1rem;margin:0;letter-spacing:0;color:#fff;font-weight:600}.brand span{display:block;font-size:.78rem;color:#f2f7ffe6}.top-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.top-bar .btn{padding:.48rem .92rem;border-radius:10px;background:#fff;border:1px solid rgba(255,255,255,.6);color:#255dbf;box-shadow:none;font-weight:600}.top-bar .btn.secondary{background:#ffffff24;border:1px solid rgba(255,255,255,.32);color:#fff}.top-bar .btn:hover{transform:none;box-shadow:none;filter:brightness(.98)}.role-pill{padding:.35rem .75rem;border-radius:999px;background:#e8f0ff;color:#1f4fb0;font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.08em}button,input,select,textarea{font-family:inherit;font-size:1rem}button{border:none;cursor:pointer}.btn{padding:.65rem 1.1rem;border-radius:999px;background:var(--brand);color:#fff;font-weight:600;box-shadow:0 10px 20px #235fca38;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 25px #235fca47}.btn.secondary{background:#eaf2ff;color:#1f4fb0;box-shadow:none;border:1px solid #cbdaf8}.btn.ghost{background:#f7faff;color:var(--brand-strong);border:1px dashed #cbdaf8;box-shadow:none}.layout{display:grid;grid-template-columns:1fr;gap:2rem;padding:1rem 1.25rem 1.5rem}.side-stack{display:grid;gap:1.5rem;align-content:start}.card{background:var(--card);border-radius:24px;padding:1.5rem 1.75rem;border:1px solid var(--border);box-shadow:var(--shadow)}.card h2{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.4rem}.card p{color:var(--muted);margin-top:0}.form-row{display:grid;gap:.75rem}input,select,textarea{padding:.6rem .8rem;border-radius:12px;border:1px solid var(--border);background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid rgba(35,95,202,.24);border-color:var(--brand)}.hierarchy{display:grid;gap:1rem}.item-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.7rem .9rem;border-radius:16px;border:1px solid var(--border);background:#fff}.item-row.clickable{cursor:pointer}.item-row.selected{border-color:#b7cdee;background:#eef5ff}.item-row.completed{opacity:.7;text-decoration:line-through}.item-meta{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}.level-tag{padding:.2rem .55rem;border-radius:999px;background:#eef4ff;border:1px solid #d6e3fb;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#1f4fb0}.badge{padding:.2rem .5rem;border-radius:999px;background:#eef4ff;color:#355c9a;border:1px solid #d6e3fb;font-size:.75rem}.inline-actions{display:flex;gap:.5rem;flex-wrap:wrap}.history-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.history-list{display:grid;gap:.75rem;margin-top:1rem}.history-entry{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-radius:16px;border:1px solid var(--border);background:#fff}.note{font-size:.85rem;color:var(--muted)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-card{width:min(420px,90vw);background:var(--card);border-radius:24px;padding:2rem;border:1px solid var(--border);box-shadow:var(--shadow)}.auth-card h1{margin-top:0;font-family:var(--font-display)}.alert{padding:.7rem .9rem;border-radius:14px;background:#fef2e6;border:1px solid #f2c7a4;color:#8a3e14;font-size:.9rem}.success{background:#e7f5eb;border-color:#b7d8c3;color:#1f4b2f}.report-table-wrap{margin-top:1rem;overflow:auto;border:1px solid var(--border);border-radius:14px;background:#fff}.report-table{width:100%;border-collapse:collapse;min-width:900px}.report-table th,.report-table td{border-bottom:1px solid #efe2d3;border-right:1px solid #f5ece2;padding:.55rem .65rem;text-align:left;vertical-align:top;font-size:.85rem}.report-table th{position:sticky;top:0;z-index:1;background:#f8f0e5;color:var(--ink);font-weight:600}.report-table tr:last-child td{border-bottom:none}.employee-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:0;align-items:stretch;margin:-1rem -1.25rem -1.5rem;min-height:calc(100vh - 56px)}.employee-sidebar{background:#fff;border:1px solid #d8e0ec;border-radius:0;border-left:0;border-top:0;border-bottom:0;padding:.85rem .5rem;box-shadow:none;position:sticky;top:0;max-height:calc(100vh - 56px);min-height:calc(100vh - 56px);overflow:auto}.employee-sidebar-title{margin:0 0 .65rem;padding:0 .5rem;font-size:.95rem;color:#30445f}.employee-sidebar-tree{display:grid;gap:.2rem;margin-top:.25rem}.employee-nav-item{display:flex;align-items:center;gap:.25rem;border-radius:10px}.employee-nav-item.active{background:#d8e5f8}.employee-nav-link{flex:1;display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;border:0;color:#2e3e53;text-align:left;padding:.42rem .5rem;border-radius:10px;font-size:.92rem}.employee-nav-text{display:flex;flex-direction:column;gap:.08rem;min-width:0}.employee-nav-kind{font-size:.68rem;color:#6883a8;text-transform:uppercase;letter-spacing:.06em}.employee-nav-link:hover{background:#e8effa}.employee-nav-count{min-width:1.6rem;text-align:right;font-size:.76rem;color:#4a6282}.employee-nav-toggle{border:0;background:transparent;color:#56739a;width:1.4rem;height:1.4rem;border-radius:6px;padding:0}.employee-nav-toggle:hover{background:#e8effa}.employee-main{min-width:0;padding:1rem 1.25rem 1.5rem}.employee-main-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:1rem;align-items:start}.employee-main-grid.has-detail{grid-template-columns:minmax(0,1fr) 360px}.employee-main-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.employee-task-panel,.employee-detail-panel{min-width:0}.employee-detail-panel{position:sticky;top:1rem;max-height:calc(100vh - 88px);overflow:auto;padding:1rem;border-radius:20px;background:#f5f7fb;border-color:#dde5f0;box-shadow:none}.employee-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.employee-detail-label{margin:0 0 .65rem;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#5d708d}.employee-detail-summary{border:1px solid #dde5f0;border-radius:14px;background:#fff;padding:.9rem .95rem}.employee-detail-subtasks{display:grid;gap:.55rem;margin-top:.85rem}.employee-detail-panel .item-row{padding:.65rem .75rem;border-radius:12px;border-color:#dde5f0;box-shadow:none}.employee-detail-panel .item-meta{gap:.35rem}.employee-detail-panel .level-tag{display:none}.employee-detail-panel .badge{background:#eef3fb}.employee-detail-empty{padding:.9rem .2rem;border:1px dashed #c8d5e7;border-radius:12px;text-align:center;background:#fff}.admin-console{display:grid;grid-template-columns:240px minmax(0,1fr);gap:1rem;align-items:start}.admin-sidebar{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:.75rem .5rem;position:sticky;top:.75rem}.admin-sidebar-title{margin:0 0 .6rem;font-size:.9rem;color:#4b5563;padding:0 .4rem}.admin-sidebar-list{display:grid;gap:.15rem}.admin-sidebar-item{width:100%;border:0;background:transparent;color:#334155;text-align:left;padding:.5rem .6rem;border-radius:10px;font-size:.92rem}.admin-sidebar-item:hover{background:#eef3fb}.admin-sidebar-item.active{background:#d8e5f8;color:#1f3f77;font-weight:600}.admin-main{min-width:0}.admin-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}@media (max-width: 960px){.layout{grid-template-columns:1fr}.top-bar{flex-direction:column;align-items:flex-start}.employee-workspace{grid-template-columns:1fr;margin:0;min-height:auto}.employee-sidebar{position:static;max-height:none;min-height:auto;border-radius:16px;border:1px solid #d8e0ec}.employee-main{padding:0}.employee-main-grid.has-detail{grid-template-columns:1fr}.employee-detail-panel{position:static;max-height:none}.admin-console{grid-template-columns:1fr}.admin-sidebar{position:static}.admin-overview-grid{grid-template-columns:1fr}}