@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Serif+Display:ital@0;1&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-w:256px;--sidebar-bg:#0d1117;--sidebar-border:#ffffff0f;--item-hover:#ffffff0d;--item-active:#ffffff14;--text-primary:#f0f4f8;--text-secondary:#f0f4f873;--text-muted:#f0f4f840;--accent:#c9a96e;--main-bg:#f7f8fc;--font-ui:"DM Sans",system-ui,sans-serif;--font-brand:"DM Serif Display",Georgia,serif;--radius:6px;--transition:.15s ease}html,body{height:100%}body{font-family:var(--font-ui);background:var(--main-bg);color:#111827;-webkit-font-smoothing:antialiased}.shell{grid-template-columns:var(--sidebar-w)1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);scrollbar-width:none;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{display:none}.sidebar-brand{border-bottom:1px solid var(--sidebar-border);flex-shrink:0;padding:28px 20px 24px}.brand-wordmark{font-family:var(--font-brand);color:var(--text-primary);letter-spacing:.01em;margin-bottom:6px;font-size:22px;line-height:1}.brand-wordmark span{color:var(--accent);font-style:italic}.brand-meta{align-items:center;gap:8px;display:flex}.brand-business{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:12px;font-weight:500;overflow:hidden}.plan-badge{letter-spacing:.07em;text-transform:uppercase;border-radius:99px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:600}.branch-selector{border-bottom:1px solid var(--sidebar-border);flex-shrink:0;padding:14px 16px}.branch-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:7px;font-size:10px;font-weight:600}.branch-select{border-radius:var(--radius);width:100%;color:var(--text-primary);font-family:var(--font-ui);cursor:pointer;appearance:none;transition:border-color var(--transition);background:#ffffff0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(240,244,248,0.3)' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #ffffff17;outline:none;padding:8px 28px 8px 10px;font-size:13px}.branch-select:hover{border-color:#ffffff2e}.branch-select option{background:#1a2230}.nav-body{flex:1;padding:8px 0}.nav-group{padding:16px 0 4px}.nav-group-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:0 20px 8px;font-size:10px;font-weight:600}.nav-item{color:var(--text-secondary);transition:color var(--transition),background var(--transition);white-space:nowrap;border-radius:0;align-items:center;gap:10px;padding:8px 20px;font-size:13.5px;font-weight:400;text-decoration:none;display:flex;position:relative}.nav-item:before{content:"";background:var(--accent);width:2px;height:16px;transition:transform var(--transition);border-radius:0 2px 2px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.nav-item:hover{color:var(--text-primary);background:var(--item-hover)}.nav-item.active{color:var(--text-primary);background:var(--item-active);font-weight:500}.nav-item.active:before{transform:translateY(-50%)scaleY(1)}.nav-dot{opacity:.4;background:currentColor;border-radius:50%;flex-shrink:0;width:4px;height:4px}.sidebar-footer{border-top:1px solid var(--sidebar-border);flex-shrink:0;padding:8px 0}.footer-item{color:var(--text-secondary);transition:color var(--transition),background var(--transition);cursor:pointer;text-align:left;width:100%;font-size:13px;font-weight:400;font-family:var(--font-ui);background:0 0;border:none;align-items:center;gap:10px;padding:9px 20px;text-decoration:none;display:flex}.footer-item:hover{color:var(--text-primary);background:var(--item-hover)}.footer-item svg{opacity:.45;transition:opacity var(--transition);flex-shrink:0}.footer-item:hover svg{opacity:.75}.main-content{min-width:0;padding:32px 36px}a{color:inherit;text-decoration:none}.grid{gap:16px;display:grid}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.muted{color:#6b7280;font-size:.875rem}.table{border-collapse:collapse;width:100%}.table th{letter-spacing:.06em;text-transform:uppercase;color:#6b7280;text-align:left;border-bottom:1px solid #e5e7eb;padding:10px 12px;font-size:11px;font-weight:600}.table td{vertical-align:middle;text-align:left;border-bottom:1px solid #f3f4f6;padding:12px;font-size:14px}.table tr:hover td{background:#f9fafb}.badge{letter-spacing:.03em;color:#065f46;background:#ecfdf5;border-radius:99px;align-items:center;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge.off{color:#991b1b;background:#fef2f2}.badge.pending{color:#92400e;background:#fffbeb}.management-grid{grid-template-columns:340px 1fr;align-items:start;gap:20px;display:grid}.form-grid{gap:14px;display:grid}.form-grid label{color:#374151;gap:5px;font-size:13px;font-weight:500;display:grid}.form-grid input,.form-grid select,.form-grid textarea{width:100%;font-family:var(--font-ui);color:#111827;border:1px solid #d1d5db;border-radius:7px;outline:none;padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#c9a96e;box-shadow:0 0 0 3px #c9a96e1f}.actions{flex-wrap:wrap;gap:8px;display:flex}.btn{cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--font-ui);border:0;border-radius:7px;padding:9px 16px;transition:opacity .15s,transform .15s}.btn:hover{opacity:.88}.btn:active{transform:scale(.98)}.btn.primary{color:#fff;background:#111827}.btn.secondary{color:#374151;background:#f3f4f6}.btn.danger{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.btn.accent{color:#fff;background:#c9a96e}.kv{flex-wrap:wrap;gap:8px;display:flex}.kv span{color:#374151;background:#f3f4f6;border-radius:99px;padding:3px 10px;font-size:12px}.sidebar-tools{gap:10px;margin-bottom:16px;display:grid}.full-width{width:100%}.auth-wrap{background:#f7f8fc;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border-radius:12px;width:min(420px,100%);padding:32px;box-shadow:0 4px 24px #0000000f}.auth-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:10px 14px;font-size:13px}.page-title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.page-title{color:#111827;letter-spacing:-.01em;font-size:20px;font-weight:600}.staff-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.staff-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.staff-card h4{margin:0 0 4px;font-size:15px;font-weight:600}.staff-card-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}