:root{--bg: #0f172a;--panel: #ffffff;--muted: #64748b;--border: #e2e8f0;--primary: #2563eb;--primary-hover: #1d4ed8;--danger: #dc2626;--ok: #16a34a;--text: #0f172a;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:#f1f5f9}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg);color:#fff}.topbar .brand{font-weight:700;letter-spacing:.3px}.topbar .brand small{color:#94a3b8;font-weight:400;margin-left:8px}.topbar .user{display:flex;align-items:center;gap:14px;font-size:14px;color:#cbd5e1}.container{width:100%;max-width:1040px;margin:0 auto;padding:24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.page-head h1{font-size:20px;margin:0}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:#334155}.field input,.field select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff}.field input:focus,.field select:focus{outline:2px solid #bfdbfe;border-color:var(--primary)}.field .hint{font-size:12px;color:var(--muted);margin-top:4px}.field .field-error{font-size:12px;color:var(--danger);margin-top:4px}.field input.invalid,.field select.invalid{border-color:var(--danger);outline-color:#fecaca}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;background:var(--primary);color:#fff}.btn:hover{background:var(--primary-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.secondary{background:#fff;color:var(--text);border-color:var(--border)}.btn.secondary:hover{background:#f8fafc}.btn.ghost{background:transparent;color:#cbd5e1;border-color:#334155}.btn.ghost:hover{background:#1e293b}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px}tbody tr:hover{background:#f8fafc;cursor:pointer}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize}.badge.active{background:#dcfce7;color:#166534}.badge.expiring,.badge.upcoming{background:#fef3c7;color:#92400e}.badge.expired,.badge.suspended{background:#fee2e2;color:#991b1b}.badge.inactive,.badge.archived{background:#f1f5f9;color:#475569}.alert{padding:12px 14px;border-radius:8px;font-size:14px;margin-bottom:16px}.alert.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.alert.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.alert.info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:400px}.auth-card h1{font-size:22px;margin:0 0 4px}.auth-card .sub{color:var(--muted);font-size:14px;margin-bottom:20px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.row-actions{display:flex;gap:8px}.center-note{text-align:center;color:var(--muted);padding:40px 0}.spacer{flex:1}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:16px}.stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:600}.stat-value{font-size:22px;font-weight:700;margin:6px 0 2px}.stat-sub{font-size:13px;color:var(--muted)}.alert.warn{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.auth-links{margin-top:14px;font-size:13px;text-align:center}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.toolbar input,.toolbar select{padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff}.app-shell.with-sidebar{flex-direction:row}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;display:flex;flex-direction:column;background:var(--bg);color:#cbd5e1;z-index:30}.sidebar-brand{padding:20px 20px 16px;font-weight:700;color:#fff;letter-spacing:.3px}.sidebar-brand small{display:block;color:#94a3b8;font-weight:400;font-size:12px;margin-top:2px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:8px 12px;flex:1;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;font-size:14px;color:#cbd5e1}.sidebar-link:hover{background:#1e293b;text-decoration:none;color:#fff}.sidebar-link.active{background:var(--primary);color:#fff}.sidebar-user{display:flex;align-items:center;gap:8px;padding:10px 12px 10px 20px;border-top:1px solid #1e293b;font-size:13px}.sidebar-user-name{flex:1;min-width:0;display:flex;align-items:center;gap:6px;color:#fff;font-weight:600}.sidebar-user-name span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-name:hover{text-decoration:none;color:#93c5fd}.sidebar-user-name.active{color:#93c5fd}.sidebar-signout{display:inline-flex;padding:6px;border:0;border-radius:6px;background:none;color:#94a3b8;cursor:pointer}.sidebar-signout:hover{background:#1e293b;color:#fff}.content{flex:1;min-width:0;margin-left:240px}.mobile-bar,.sidebar-backdrop{display:none}@media (max-width: 800px){.sidebar{transform:translate(-100%);transition:transform .2s ease}.sidebar-open .sidebar{transform:none}.sidebar-open .sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:20}.content{margin-left:0}.mobile-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg);color:#fff;font-weight:700}}.small{font-size:12px}.grid-3{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;gap:0 14px;align-items:end}.form-section{margin-bottom:16px}.form-section h2,.role-card h2{font-size:16px;margin:0 0 12px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.section-head h2,.section-head h3{margin:0}.access-section{border-top:1px solid var(--border);padding-top:14px;margin-top:14px}.access-section:first-child{border-top:0;margin-top:0;padding-top:0}.access-section h3{font-size:15px;margin:0 0 4px}.access-section p.muted{margin:0;font-size:13px}.preset-row{border:1px solid var(--border);border-radius:10px;padding:12px 12px 4px;margin-bottom:10px;background:#f8fafc}.checkbox-field{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px}.checkbox-field label{display:flex;gap:8px;align-items:center;font-weight:500;margin:0;white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}.chip{display:inline-block;padding:2px 8px;border-radius:6px;background:#eff6ff;color:#1e40af;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.chip.subtle{background:#f1f5f9;color:#475569;font-family:inherit}.link-btn{background:none;border:0;padding:0;color:var(--primary);cursor:pointer;font-size:13px}.link-btn:hover{text-decoration:underline}.link-btn.danger{color:var(--danger)}.perm-group{border:1px solid var(--border);border-radius:10px;margin-top:10px;overflow:hidden}.perm-group-head{display:block;width:100%;text-align:left;background:#f8fafc;border:0;padding:10px 12px;font-weight:600;font-size:14px;cursor:pointer}.perm-group-head.static{cursor:default}.perm-entity{padding:8px 12px;border-top:1px solid var(--border)}.perm-entity-name{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:600;margin-bottom:4px;display:flex;gap:10px;align-items:center}.perm-row{padding:6px 0}.perm-row.on{background:#f8fbff;margin:0 -12px;padding:6px 12px}.perm-check{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:14px}.perm-check input{margin-top:3px}.perm-scope{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0 0 26px}.perm-scope select{padding:6px 8px;border:1px solid var(--border);border-radius:6px;font-size:13px;max-width:320px}.perm-row>.link-btn{margin-left:26px;margin-top:4px}.perm-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4px 16px}.inline-check{display:inline-flex;gap:6px;align-items:center;font-size:13px}table.compact th,table.compact td{padding:8px 10px;vertical-align:top}table.compact tbody tr:hover{cursor:default}tr.group-row td{background:#f8fafc;font-size:12px;font-weight:600;color:#334155;text-transform:uppercase;letter-spacing:.3px}.type-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.type-card{display:flex;flex-direction:column;gap:4px;border:1px solid var(--border);border-radius:10px;padding:12px;cursor:pointer}.type-card input{display:none}.type-card.selected{border-color:var(--primary);background:#eff6ff;box-shadow:0 0 0 1px var(--primary)}.sticky-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:12px 0;background:linear-gradient(transparent,#f1f5f9 30%)}.details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px 20px}.detail-label{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}.detail-value{font-size:14px;word-break:break-word}.invite-banner{display:flex;justify-content:space-between;align-items:center;gap:12px}.danger-zone{border:1px solid #fecaca;background:#fef2f2;border-radius:10px;padding:14px;margin-top:14px}.danger-zone h3{margin:0 0 6px;font-size:15px;color:#991b1b}.btn.danger{background:var(--danger)}.btn.danger:hover{background:#b91c1c}.btn.danger-outline{background:#fff;color:var(--danger);border-color:#fecaca}.btn.danger-outline:hover{background:#fef2f2}.org-switcher{display:flex;flex-direction:column;gap:2px}.org-switcher select{padding:7px 10px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff}.org-pill{padding:6px 10px;border-radius:999px;background:#e2e8f0;font-size:13px;align-self:center}.role-card{margin-bottom:12px}.role-card.editing{border-color:var(--primary)}.badge.invited{background:#e0e7ff;color:#3730a3}.badge.deactivated{background:#f1f5f9;color:#475569}.page-head{gap:12px;flex-wrap:wrap;align-items:flex-start}@media (max-width: 800px){.grid-2,.grid-3{grid-template-columns:1fr}}.empty-state{text-align:center;padding:40px 20px}.empty-state h2{font-size:18px;margin:0 0 6px}.empty-state p{margin:0 auto 16px;max-width:420px}.tree-cell{display:flex;align-items:center;gap:6px}.tree-branch{color:#cbd5e1;font-size:12px}.mono-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.type-card.disabled{opacity:.5;cursor:not-allowed}.inline-panel{border:1px solid var(--border);background:#f8fafc;border-radius:10px;padding:14px;margin-top:14px}.inline-panel h3{margin:0 0 6px;font-size:15px}tr.clickable{cursor:pointer}table.compact tbody tr.clickable:hover{cursor:pointer;background:#f8fafc}.btn.small-btn{padding:5px 10px;font-size:12px;font-weight:500}.week-editor{border:1px solid var(--border);border-radius:10px;overflow:hidden}.week-row{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:4px 12px;padding:8px 12px;border-top:1px solid var(--border)}.week-row:first-child{border-top:0}.week-row.off{background:#f8fafc}.week-day{font-weight:600}.week-ranges{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.week-range{display:inline-flex;align-items:center;gap:6px}.week-range input{padding:6px 8px;border:1px solid var(--border);border-radius:6px;font-size:13px}.week-error{grid-column:2;margin-top:0}.holiday-table input:not([type=checkbox]){width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:6px;font-size:13px}.holiday-table td{vertical-align:middle}@media (max-width: 800px){.week-row{grid-template-columns:1fr}.week-error{grid-column:1}}.holiday-table .field-error{color:var(--danger);margin-top:3px}.sidebar-profile-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:#93c5fd;font-size:13px}.sidebar-profile-link.active{color:#fff;font-weight:600}.sidebar-dot{width:7px;height:7px;border-radius:50%;background:#f59e0b;display:inline-block}.mfa-steps{margin:0;padding-left:20px;display:grid;gap:18px}.mfa-steps li{padding-left:4px}.mfa-qr{margin:10px 0 8px}.mfa-qr img{border:1px solid var(--border);border-radius:8px;padding:6px;background:#fff}.mfa-secret{font-size:13px;background:#f1f5f9;padding:2px 6px;border-radius:4px;-webkit-user-select:all;user-select:all}.mfa-confirm{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}.mfa-confirm input{width:130px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:18px;letter-spacing:4px;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.recovery-codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;background:#f8fafc;border:1px dashed var(--border);border-radius:8px;padding:14px;font-size:14px}.area-card{display:block;color:inherit;transition:border-color .15s ease}.area-card:hover{border-color:var(--primary);text-decoration:none}.area-card .stat-sub{margin-top:6px}.badge.draft,.badge.installing{background:#fef3c7;color:#92400e}.badge.published{background:#dcfce7;color:#166534}.badge.retired{background:#f1f5f9;color:#475569}.badge.prospect{background:#e0e7ff;color:#3730a3}.badge.cancelled{background:#f1f5f9;color:#475569}.badge.new,.badge.qualification,.badge.pending_signature{background:#e0e7ff;color:#3730a3}.badge.contacted,.badge.proposal,.badge.pending_approval{background:#fef3c7;color:#92400e}.badge.qualified,.badge.negotiation,.badge.approved,.badge.sent{background:#dbeafe;color:#1e40af}.badge.converted,.badge.won,.badge.accepted,.badge.completed{background:#dcfce7;color:#166534}.badge.disqualified,.badge.lost,.badge.rejected,.badge.terminated{background:#fee2e2;color:#991b1b}.badge.superseded{background:#f1f5f9;color:#475569}.badge.issued,.badge.open,.badge.confirmed{background:#dbeafe;color:#1e40af}.badge.partially_paid,.badge.promised,.badge.pending{background:#fef3c7;color:#92400e}.badge.paid,.badge.resolved{background:#dcfce7;color:#166534}.badge.overdue,.badge.escalated,.badge.failed{background:#fee2e2;color:#991b1b}.badge.written_off,.badge.refunded{background:#f1f5f9;color:#475569}.badge.planned,.badge.assigned,.badge.requested,.badge.submitted,.badge.in_review{background:#e0e7ff;color:#3730a3}.badge.in_progress,.badge.mitigating{background:#dbeafe;color:#1e40af}.badge.on_hold,.badge.rework,.badge.returned{background:#fef3c7;color:#92400e}.badge.blocked,.badge.occurred{background:#fee2e2;color:#991b1b}.badge.done{background:#dcfce7;color:#166534}.badge.closed{background:#f1f5f9;color:#475569}.badge.green{background:#dcfce7;color:#166534}.badge.amber{background:#fef3c7;color:#92400e}.badge.red,.badge.p1{background:#fee2e2;color:#991b1b}.badge.p2{background:#fef3c7;color:#92400e}.badge.p3{background:#dbeafe;color:#1e40af}.badge.p4{background:#f1f5f9;color:#475569}.field textarea.code-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:#fff;resize:vertical}.field textarea.code-input:focus{outline:2px solid #bfdbfe;border-color:var(--primary)}.field table input[type=checkbox]{width:auto}.json-preview{background:#f8fafc;border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:12px;max-height:280px;overflow:auto;margin:0 0 14px}.install-panel{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.vertical-list{display:flex;flex-direction:column}.vertical-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--border)}.vertical-row:first-child{border-top:0}.vertical-row form input{padding:6px 8px;border:1px solid var(--border);border-radius:6px;font-size:14px}.version-tabs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 12px}.version-tab{background:#fff;border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer;display:inline-flex;gap:6px;align-items:center}.version-tab.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.pack-section{margin-top:14px}.pack-section h3{font-size:14px;margin:0 0 8px}.field-rows input:not([type=checkbox]),.field-rows select{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:#fff}.vertical-choices{display:flex;flex-wrap:wrap;gap:8px 18px;margin:4px 0 10px}.top-progress{position:fixed;top:0;left:0;z-index:100;height:2px;width:100%;background:var(--primary);transform-origin:left;transform:scaleX(0);opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.top-progress.active{opacity:1;animation:top-progress 8s cubic-bezier(.1,.6,.3,1) forwards}@keyframes top-progress{0%{transform:scaleX(.05)}to{transform:scaleX(.9)}}.skeleton{display:block;border-radius:4px;max-width:100%;background:linear-gradient(90deg,#e2e8f0,#f1f5f9,#e2e8f0);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-wait{height:120px}td.skeleton-wait{border-bottom:0}.skeleton-panel,.skeleton-stack{display:grid;gap:16px}.skeleton-line{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center}.page-head .skeleton+.skeleton{margin-top:10px}.is-refreshing{opacity:.55;pointer-events:none;transition:opacity .15s ease}.btn[aria-busy=true]:before{content:"";width:12px;height:12px;margin-right:6px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;display:inline-block;animation:spin .7s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.skeleton,.top-progress.active,.btn[aria-busy=true]:before{animation:none}.top-progress.active{transform:scaleX(.6)}.is-refreshing{transition:none}}.bell{position:relative;display:inline-flex}.bell-btn{position:relative;display:inline-flex;padding:6px;border:0;border-radius:6px;background:none;color:#94a3b8;cursor:pointer}.bell-btn:hover,.bell-btn.active{background:#1e293b;color:#fff;text-decoration:none}.bell-badge{position:absolute;top:0;right:0;transform:translate(35%,-25%);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--primary);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}.bell-badge.urgent{background:var(--danger)}.bell-badge.inline{position:static;transform:none;display:inline-block}.bell-panel{position:fixed;left:248px;bottom:12px;z-index:40;width:360px;max-width:calc(100vw - 24px);max-height:min(560px,calc(100vh - 24px));display:flex;flex-direction:column;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #0f172a2e}.bell-panel .alert{margin:8px 12px 0}.bell-panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.bell-panel .notice-list{overflow-y:auto}.bell-panel-foot{display:block;padding:10px 14px;border-top:1px solid var(--border);font-size:13px;text-align:center}.bell-empty{padding:20px 16px;margin:0;text-align:center}.notice-list{list-style:none;margin:0;padding:0}.notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.notice:last-child{border-bottom:0}.notice.unread{background:#f8fafc}.notice-dot{flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:transparent}.notice.unread .notice-dot{background:var(--primary)}.notice.unread .notice-dot.urgent{background:var(--danger)}.notice-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:0;border:0;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer}.notice-main:disabled{cursor:default}.notice-main:not(:disabled):hover .notice-title{color:var(--primary)}.notice-title{font-size:14px}.notice.unread .notice-title{font-weight:600}.notice-body{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.notice-meta{font-size:12px;color:var(--muted)}.notice-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}.mobile-bar .brand{flex:1}@media (max-width: 800px){.bell-panel{left:12px;right:12px;width:auto}.notice{flex-wrap:wrap}.notice-actions{flex-direction:row;width:100%;padding-left:18px;justify-content:flex-start;gap:16px}}