:root{--accent: #0d9488;--ink: #1e293b;--muted: #64748b;--panel: #ffffff;--soft: #f0fdfa;--line: #e2e8f0;--ok: #16a34a;--warn: #d97706;--danger: #dc2626;--bg: #f8fafc;--sidebar: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.5}.app{display:flex;min-height:100vh}.sidebar{width:240px;min-width:240px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto}.main{margin-left:240px;flex:1;padding:26px 40px 40px;max-width:calc(100vw - 240px);overflow-y:auto}.brand{padding:22px 18px 14px;font-size:13px;letter-spacing:.2em;color:var(--muted);font-weight:700}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:10px;cursor:pointer;font-size:14.5px;color:var(--muted);border:none;background:none;width:100%;text-align:left;transition:background .12s,color .12s;margin:1px 6px;width:calc(100% - 12px)}.nav-item:hover{color:var(--ink)}.nav-item.active{background:var(--soft);color:var(--accent);font-weight:600}.nav-item .ic{width:20px;text-align:center;font-size:16px}.sidebar-bottom{margin-top:auto;padding:8px 0 4px}.sidebar-timer{margin:0 8px 10px;background:var(--soft);border:1px solid rgba(14,159,138,.2);border-radius:12px;padding:10px 14px;color:var(--accent);text-align:center}.sidebar-timer .label{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);opacity:.8}.sidebar-timer .time{font-size:22px;font-weight:700;letter-spacing:.03em;color:var(--ink)}.sidebar-timer .sub{font-size:11px;color:var(--muted);margin-top:3px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px 14px}.sidebar-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0;overflow:hidden}.sidebar-avatar img{width:100%;height:100%;object-fit:cover}.page-title{font-size:25px;font-weight:700;color:var(--ink)}.page-sub{color:var(--muted);font-size:14px;margin-top:2px;margin-bottom:24px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px}.tabs{display:flex;gap:4px;margin-bottom:20px}.tab{padding:8px 18px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:13.5px;font-weight:500;cursor:pointer;transition:all .15s}.tab:hover{border-color:var(--accent);color:var(--accent)}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.inp{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:9px;font-size:14px;font-family:inherit;background:#fafafa;transition:border-color .15s}.inp:focus{outline:none;border-color:var(--accent);background:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 22px;border-radius:9px;border:none;background:var(--accent);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.btn:hover{opacity:.88}.btn.full{width:100%}.btn.secondary{background:var(--soft);color:var(--accent);border:1px solid var(--accent)}.btn.danger{background:var(--danger)}.pill{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600}.pill.green{background:#dcfce7;color:#166534}.pill.orange{background:#fef3c7;color:#92400e}.pill.red{background:#fee2e2;color:#991b1b}.pill.blue{background:#dbeafe;color:#1d4ed8}.pill.purple{background:#ede9fe;color:#5b21b6}.pill.gray{background:var(--soft);color:var(--muted)}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;padding:11px 13px;color:var(--muted);font-weight:600;font-size:12px;border-bottom:2px solid var(--line);text-transform:uppercase;letter-spacing:.05em}.tbl td{padding:12px 13px;border-bottom:1px solid var(--line)}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--soft)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:9999;display:flex;align-items:center;justify-content:center}.modal-box{background:#fff;border-radius:14px;max-width:600px;width:96%;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 8px 40px #00000040;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line);flex-shrink:0}.modal-body{flex:1;overflow-y:auto;padding:22px 24px}.impersonate-bar{position:fixed;top:0;left:0;right:0;z-index:200;background:#fef3c7;border-bottom:1px solid #fcd34d;padding:9px 20px;display:flex;align-items:center;gap:12px;font-size:13.5px;color:#92400e}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal-day{border-radius:9px;min-height:62px;padding:7px 8px;font-size:13px;cursor:pointer;border:1px solid transparent;transition:opacity .15s;position:relative}.cal-day:hover{opacity:.8}.cal-day.today{border-color:var(--accent)!important}.cal-day .day-num{font-weight:600;font-size:14px;color:var(--muted)}.cal-day .day-status{font-size:12px;margin-top:3px;font-weight:500}.cal-day .day-h{font-size:11px;margin-top:2px}.seg-ctrl{display:inline-flex;background:var(--soft);border-radius:999px;padding:3px;gap:2px;border:1px solid var(--line)}.seg-btn{border:none;border-radius:999px;padding:7px 18px;font-size:13.5px;font-weight:500;cursor:pointer;background:transparent;color:var(--muted);transition:all .15s}.seg-btn.active{background:var(--accent);color:#fff;font-weight:600}.loading{text-align:center;padding:48px;color:var(--muted);font-size:14px}.error-msg{color:var(--danger);font-size:13px;margin-top:6px}.ok-msg{color:var(--ok);font-size:13px;margin-top:6px}.divider{border:none;border-top:1px solid var(--line);margin:18px 0}label{display:block;font-size:13px;color:var(--muted);margin-bottom:5px}