@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--dtp-navy-deep:#0b1f3f;--dtp-navy:#1e2761;--dtp-steel-blue:#2e75b6;--dtp-crimson:#c00000;--dtp-gold:#d4a82b;--dtp-green:#2e7d32;--bg-light:#f1f5f9;--bg-white:#fff;--txt-main:#1e293b;--txt-muted:#64748b;--border-color:#cbd5e1;--border-light:#e2e8f0;--sidebar-w:240px}body{background-color:var(--bg-light);color:var(--txt-main);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.5}*{box-sizing:border-box}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background-color:var(--dtp-navy-deep);color:#e2e8f0;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;display:flex}.sidebar-header{background-color:#081730;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sidebar-logo{letter-spacing:1px;color:#fff;font-size:16px;font-weight:700}.sidebar-logo span{color:var(--dtp-gold)}.sidebar-user{background-color:#ffffff05;border-bottom:1px solid #ffffff14;padding:14px 20px}.sidebar-user-name{color:#fff;font-size:13px;font-weight:600}.sidebar-user-role{color:var(--txt-muted);text-transform:uppercase;background-color:#ffffff1a;border-radius:2px;margin-top:3px;padding:1px 5px;font-size:10px;font-weight:700;display:inline-block}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.sidebar-nav-header{text-transform:uppercase;color:#fff6;letter-spacing:.5px;padding:8px 20px;font-size:10px;font-weight:700}.sidebar-nav-item{color:#cbd5e1;cursor:pointer;border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 20px;font-size:13px;text-decoration:none;transition:all .1s;display:flex}.sidebar-nav-item:hover{color:#fff;background-color:#ffffff0d}.sidebar-nav-item.active{color:#fff;border-left-color:var(--dtp-crimson);background-color:#ffffff14;font-weight:600}.sidebar-footer{color:#fff6;text-align:center;background-color:#081730;border-top:1px solid #ffffff14;padding:12px 20px;font-size:11px}.main-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border-color);background-color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:50px;padding:0 20px;display:flex}.topbar-breadcrumb{color:var(--txt-muted);font-size:12px}.topbar-breadcrumb strong{color:var(--txt-main);font-weight:600}.topbar-right{align-items:center;gap:16px;display:flex}.topbar-mode-badge{color:var(--dtp-steel-blue);background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.topbar-logout-btn{color:var(--dtp-crimson);cursor:pointer;background:0 0;border:1px solid #fecdd3;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;transition:all .1s}.topbar-logout-btn:hover{background-color:#fff1f2}.app-viewport{box-sizing:border-box;flex:1;padding:20px;overflow-y:auto}.page-title{color:var(--dtp-navy-deep);margin:0 0 4px;font-size:18px;font-weight:700}.page-subtitle{color:var(--txt-muted);margin:0 0 20px;font-size:12px}.poli-card{border:1px solid var(--border-color);background:#fff;border-radius:4px;margin-bottom:20px;overflow:hidden;box-shadow:0 1px 2px #00000005}.poli-card-header{border-bottom:1px solid var(--border-color);color:var(--dtp-navy-deep);background-color:#f8fafc;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.poli-card-body{padding:16px}.poli-card-body.dense{padding:0}.form-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:768px){.form-grid{grid-template-columns:1fr 1fr}}.form-group{margin-bottom:12px}.form-label{color:var(--txt-main);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.form-input{border:1px solid var(--border-color);box-sizing:border-box;width:100%;color:var(--txt-main);background-color:#fff;border-radius:4px;outline:none;padding:6px 10px;font-size:12px}.form-input:focus{border-color:var(--dtp-steel-blue);box-shadow:0 0 0 2px #2e75b61a}.form-input:disabled{color:var(--txt-muted);background-color:#f1f5f9}.btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:background-color .1s;display:inline-flex}.btn-primary{background-color:var(--dtp-navy);color:#fff}.btn-primary:hover{background-color:#12193f}.btn-secondary{color:var(--txt-main);border:1px solid var(--border-color);background-color:#e2e8f0}.btn-secondary:hover{background-color:#cbd5e1}.btn-approve{background-color:var(--dtp-green);color:#fff}.btn-approve:hover{background-color:#1f5522}.btn-reject{background-color:var(--dtp-crimson);color:#fff}.btn-reject:hover{background-color:#920000}.dense-table{border-collapse:collapse;width:100%;font-size:12px}.dense-table th{border-bottom:2px solid var(--border-color);color:var(--txt-main);text-align:left;background-color:#f1f5f9;padding:8px 12px;font-weight:700}.dense-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:8px 12px}.dense-table tbody tr.clickable{cursor:pointer}.dense-table tbody tr.clickable:hover{background-color:#f8fafc}.dense-table tbody tr.active-row{background-color:#eff6ff}.badge{text-transform:uppercase;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.badge-pending{color:#d97706;background-color:#fef3c7;border:1px solid #fcd34d}.badge-approved{color:var(--dtp-green);background-color:#dcfce7;border:1px solid #bbf7d0}.badge-rejected{color:var(--dtp-crimson);background-color:#ffe4e6;border:1px solid #fecdd3}.badge-role{background-color:var(--dtp-steel-blue);color:#fff;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:700}.alert-box{border-left:4px solid var(--dtp-steel-blue);color:#1e3a8a;background-color:#eff6ff;border-radius:0 4px 4px 0;margin-bottom:12px;padding:10px 12px;font-size:12px}.alert-box.danger{border-left-color:var(--dtp-crimson);color:#991b1b;background-color:#fef2f2}.alert-box.warning{border-left-color:var(--dtp-gold);color:#92400e;background-color:#fffbeb}.key-display{border:1px solid var(--border-light);color:var(--txt-muted);background-color:#f8fafc;border-radius:4px;justify-content:space-between;align-items:center;margin-top:4px;padding:4px 8px;font-family:monospace;font-size:11px;display:flex}.toast-container{z-index:1000;flex-direction:column;gap:10px;max-width:350px;display:flex;position:fixed;top:60px;right:20px}.toast{border:1px solid var(--border-color);border-left:4px solid var(--dtp-steel-blue);background-color:#fff;border-radius:4px;flex-direction:column;gap:4px;padding:12px 16px;animation:.2s ease-out toastSlideIn;display:flex;box-shadow:0 4px 12px #0000001a}.toast.success{border-left-color:var(--dtp-green)}.toast.error{border-left-color:var(--dtp-crimson)}.toast.warning{border-left-color:var(--dtp-gold)}.toast-header{justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.toast-close{cursor:pointer;color:var(--txt-muted);font-weight:700}.toast-body{color:var(--txt-muted);font-size:11px}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.dev-banner{color:#92400e;background-color:#fffbeb;border-top:1px solid #fcd34d;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 20px;font-size:11px;font-weight:600;display:flex}.dev-actions{gap:8px;display:flex}.dev-btn{color:#92400e;cursor:pointer;background-color:#fff;border:1px solid #fcd34d;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:700}.dev-btn:hover{background-color:#fffbeb}.login-screen{background-color:var(--dtp-navy-deep);background-image:linear-gradient(135deg, var(--dtp-navy-deep) 0%, #112b54 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-box{background:#fff;border:1px solid #ffffff1a;border-radius:6px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 10px 25px #00000040}.login-banner{text-align:center;color:#fff;border-bottom:3px solid var(--dtp-gold);background-color:#081730;padding:24px 20px}.login-logo-placeholder{letter-spacing:3px;color:#fff;text-shadow:0 2px 4px #0000004d;font-size:28px;font-weight:800}.login-body{padding:24px}.autofill-bar{border:1px dashed var(--border-color);background-color:#f8fafc;border-radius:4px;justify-content:center;gap:10px;margin-bottom:20px;padding:8px;display:flex}.kpi-strip{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px;display:grid}.kpi-card{border:1px solid var(--border-color);border-left:4px solid var(--dtp-navy);background:#fff;border-radius:4px;margin-bottom:0;padding:16px;box-shadow:0 1px 2px #00000005}.kpi-card.kpi-red{border-left-color:var(--dtp-crimson)}.kpi-card.kpi-green{border-left-color:var(--dtp-green)}.kpi-card.kpi-gold{border-left-color:var(--dtp-gold)}.kpi-value{color:var(--dtp-navy-deep);font-size:24px;font-weight:700;line-height:1.2}.kpi-label{color:var(--txt-muted);letter-spacing:.5px;margin-top:4px;font-size:9px;font-weight:700}.dashboard-row{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:992px){.dashboard-row{grid-template-columns:1.6fr 1fr}}.business-card{border:1px solid var(--border-color);background:#fff;border-radius:4px;margin-bottom:20px;overflow:hidden;box-shadow:0 1px 2px #00000005}.activity-feed{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.activity-item{border-left:2px solid var(--border-color);padding-left:12px;font-size:12px}.activity-time{color:var(--txt-muted);margin-bottom:2px;font-size:10px;display:block}.forbidden-card{border:1px solid var(--border-color);border-left:4px solid var(--dtp-crimson);background:#fff;border-radius:4px;padding:24px;box-shadow:0 2px 4px #0000000d}.forbidden-card h2{color:var(--dtp-crimson);margin:0 0 12px;font-size:16px}.hover-row:hover{background-color:#f8fafc}.brand-badge-demo{color:#fff;letter-spacing:.5px;border-radius:3px;padding:2px 5px;font-size:9px;font-weight:800}