:root{--p: #4f46e5;--p-soft: #eef2ff;--bg: #f3f4f6;--card: #ffffff;--bd: #e5e7eb;--txt: #111827;--mut: #6b7280;--ok: #059669;--warn: #d97706;--err: #dc2626;--radius: 12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif;background:var(--bg);color:var(--txt);-webkit-tap-highlight-color:transparent}a{color:var(--p);text-decoration:none}button{font-family:inherit;cursor:pointer}.app{display:flex;min-height:100%}.sidebar{width:230px;background:var(--card);border-right:1px solid var(--bd);padding:18px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.brand{font-weight:800;font-size:20px;padding:8px 12px 18px;color:var(--p)}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:var(--txt);font-weight:500;font-size:15px}.nav-link.active,.nav-link:hover{background:var(--p-soft);color:var(--p)}.nav-link .ico{width:20px;text-align:center}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:60px;background:var(--card);border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:20}.topbar h2{font-size:18px;margin:0}.content{padding:22px;flex:1}.card{background:var(--card);border:1px solid var(--bd);border-radius:var(--radius);padding:18px}.row{display:flex;gap:12px;flex-wrap:wrap}.muted{color:var(--mut)}.badge{font-size:12px;padding:3px 9px;border-radius:999px;font-weight:600;display:inline-block}.badge.pending{background:#fef3c7;color:#92400e}.badge.approved{background:#d1fae5;color:#065f46}.badge.rejected,.badge.cancelled{background:#fee2e2;color:#991b1b}.badge.open{background:#dbeafe;color:#1e40af}.btn{background:var(--p);color:#fff;border:0;padding:10px 16px;border-radius:10px;font-weight:600;font-size:14px}.btn.sm{padding:7px 12px;font-size:13px}.btn.ghost{background:transparent;color:var(--p);border:1px solid var(--bd)}.btn.ok{background:var(--ok)}.btn.danger{background:var(--err)}.btn:disabled{opacity:.5;cursor:default}label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--bd);border-radius:9px;font-size:14px;font-family:inherit}.field-row{display:flex;gap:12px}.field-row>div{flex:1}.rota{display:grid;grid-template-columns:160px repeat(7,1fr);border:1px solid var(--bd);border-radius:var(--radius);overflow:hidden;background:var(--card)}.rota .head{background:#f9fafb;padding:10px;font-weight:600;font-size:13px;border-bottom:1px solid var(--bd);border-right:1px solid var(--bd);text-align:center}.rota .emp{padding:12px 10px;font-weight:600;border-bottom:1px solid var(--bd);border-right:1px solid var(--bd);display:flex;align-items:center;gap:8px}.rota .cell{min-height:64px;padding:6px;border-bottom:1px solid var(--bd);border-right:1px solid var(--bd)}.shift-chip{background:var(--p-soft);border-left:3px solid var(--p);border-radius:7px;padding:6px 8px;font-size:12px;margin-bottom:4px;cursor:pointer}.shift-chip .t{font-weight:700}.shift-chip.open{background:#dbeafe;border-color:#2563eb}.shift-chip.draft{opacity:.6;border-style:dashed}.avatar{width:30px;height:30px;border-radius:50%;background:var(--p);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.bell{position:relative;background:none;border:0;font-size:22px}.bell .dot{position:absolute;top:0;right:0;background:var(--err);color:#fff;font-size:10px;min-width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px}.dropdown{position:absolute;right:16px;top:56px;width:340px;max-height:70vh;overflow:auto;background:var(--card);border:1px solid var(--bd);border-radius:12px;box-shadow:0 12px 40px #0000001f;z-index:40}.notif{padding:12px 14px;border-bottom:1px solid #f3f4f6}.notif.unread{background:var(--p-soft)}.notif .nt{font-weight:600;font-size:14px}.notif .nb{font-size:13px;color:var(--mut)}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:100%;max-width:380px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:var(--card);border-radius:16px;padding:22px;width:100%;max-width:460px;max-height:90vh;overflow:auto}.mobile-nav{display:none}@media (max-width: 820px){.sidebar{display:none}.rota{grid-template-columns:110px repeat(7,minmax(90px,1fr));overflow-x:auto}.content{padding:14px 14px 80px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:62px;background:var(--card);border-top:1px solid var(--bd);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:var(--mut)}.mobile-nav a.active{color:var(--p)}.mobile-nav .ico{font-size:20px}}