@import url(https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Barlow:wght@300;400;500;600;700;800&family=Barlow+Condensed:wght@600;700;800&display=swap);:root{--white:#fff;--off-white:#f4f4f2;--light-gray:#e8e8e6;--mid-gray:#c0c0bc;--dark-gray:#6b6b68;--charcoal:#2a2a28;--black:#111110;--red:#c0392b;--green:#27ae60;--yellow:#e67e22;--border:#e0e0dc;--radius:12px;--radius-lg:20px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f4f4f2;background:var(--off-white);color:#111110;color:var(--black);font-family:Barlow,sans-serif}.layout,body{min-height:100vh}.layout,.sidebar{display:flex}.sidebar{background:#111110;background:var(--black);color:#fff;color:var(--white);flex-direction:column;height:100vh;position:fixed;width:240px;z-index:100}.sidebar-logo{border-bottom:1px solid #ffffff1a;font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:800;letter-spacing:2px;padding:24px 20px}.sidebar-logo span{color:#c0c0bc;color:var(--mid-gray);font-weight:300}.sidebar-nav{flex:1 1;padding:16px 0}.nav-item{align-items:center;background:none;border:none;color:#ffffff80;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;letter-spacing:.8px;padding:12px 20px;text-align:left;text-transform:uppercase;transition:all .2s;width:100%}.nav-item:hover{background:#ffffff0d;color:#fff;color:var(--white)}.nav-item.active{background:#ffffff1a;border-left:3px solid #fff;border-left:3px solid var(--white);color:#fff;color:var(--white)}.nav-item svg{flex-shrink:0;height:18px;width:18px}.sidebar-footer{border-top:1px solid #ffffff1a;color:#ffffff4d;font-size:11px;padding:16px 20px}.main{flex:1 1;margin-left:240px;padding:32px}.page-header{margin-bottom:28px}.page-title{font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.page-sub{color:#6b6b68;color:var(--dark-gray);font-size:13px;margin-top:4px}.grid-4{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.grid-2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.card{background:#fff;background:var(--white);border:1px solid #e0e0dc;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:20px}.card-label{color:#6b6b68;color:var(--dark-gray);font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:6px;text-transform:uppercase}.card-value{font-family:DM Mono,monospace;font-size:32px;font-weight:500;line-height:1}.card-value.green{color:#27ae60;color:var(--green)}.card-value.red{color:#c0392b;color:var(--red)}.card-value.yellow{color:#e67e22;color:var(--yellow)}.card-sub{color:#6b6b68;color:var(--dark-gray);font-size:12px;margin-top:6px}.section-title{align-items:center;display:flex;font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:700;justify-content:space-between;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.tbl{border-collapse:collapse;font-size:13px;width:100%}.tbl th{background:#f4f4f2;background:var(--off-white);border-bottom:2px solid #111110;border-bottom:2px solid var(--black);color:#6b6b68;color:var(--dark-gray);font-size:10px;font-weight:700;letter-spacing:1px;padding:10px 12px;text-align:left;text-transform:uppercase}.tbl td{border-bottom:1px solid #e0e0dc;border-bottom:1px solid var(--border);color:#2a2a28;color:var(--charcoal);padding:12px}.tbl tr:hover td{background:#f4f4f2;background:var(--off-white)}.tbl-wrap{border:1px solid #e0e0dc;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);overflow:hidden}.mono{font-family:DM Mono,monospace;font-size:12px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:10px;font-weight:700;padding:2px 8px;text-transform:uppercase}.badge-green{background:#e8f5e9;color:#27ae60;color:var(--green)}.badge-red{background:#fdecea;color:#c0392b;color:var(--red)}.badge-yellow{background:#fef9e7;color:#e67e22;color:var(--yellow)}.badge-black{background:#111110;background:var(--black);color:#fff;color:var(--white)}.badge-gray{background:#e8e8e6;background:var(--light-gray);color:#6b6b68;color:var(--dark-gray)}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:Barlow,sans-serif;font-size:13px;font-weight:700;gap:6px;letter-spacing:.8px;padding:10px 18px;text-transform:uppercase;transition:all .2s}.btn-black{background:#111110;background:var(--black);color:#fff;color:var(--white)}.btn-black:hover{background:#2a2a28;background:var(--charcoal)}.btn-outline{background:#0000;border:2px solid #111110;border:2px solid var(--black);color:#111110;color:var(--black)}.btn-sm{font-size:11px;padding:6px 12px}.btn-red{background:#c0392b;background:var(--red);color:#fff;color:var(--white)}.sede-in{color:#27ae60;color:var(--green)}.sede-in,.sede-out{align-items:center;display:inline-flex;font-size:11px;font-weight:600;gap:4px}.sede-out{color:#c0c0bc;color:var(--mid-gray)}.dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.dot-green{background:#27ae60;background:var(--green)}.dot-gray{background:#c0c0bc;background:var(--mid-gray)}.avatar{background:#111110;background:var(--black);border-radius:50%;color:#fff;color:var(--white);flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.avatar,.user-row{align-items:center;display:flex}.user-row{gap:10px}.user-name{color:#111110;color:var(--black);font-size:13px;font-weight:600}.user-sub{color:#6b6b68;color:var(--dark-gray);font-size:11px}.alert{align-items:flex-start;border-radius:12px;border-radius:var(--radius);display:flex;font-size:13px;gap:12px;margin-bottom:14px;padding:14px 16px}.alert-warn{background:#fef9e7;border-left:3px solid #e67e22;border-left:3px solid var(--yellow);color:#7d6608}.alert-green{background:#e8f8f5;border-left:3px solid #27ae60;border-left:3px solid var(--green);color:#1e8449}.form-group{margin-bottom:16px}.form-label{color:#6b6b68;color:var(--dark-gray);display:block;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.form-input{background:#fff;background:var(--white);border:2px solid #e0e0dc;border:2px solid var(--border);border-radius:12px;border-radius:var(--radius);color:#111110;color:var(--black);font-family:Barlow,sans-serif;font-size:14px;padding:10px 12px;width:100%}.form-input:focus{border-color:#111110;border-color:var(--black);outline:none}.form-select{background:#fff;background:var(--white);border:2px solid #e0e0dc;border:2px solid var(--border);border-radius:12px;border-radius:var(--radius);color:#111110;color:var(--black);cursor:pointer;font-family:Barlow,sans-serif;font-size:14px;padding:10px 12px;width:100%}.auth-page{align-items:center;background:#111110;background:var(--black);display:flex;justify-content:center;min-height:100vh}.auth-card{background:#fff;background:var(--white);border-radius:20px;border-radius:var(--radius-lg);padding:40px;width:380px}.auth-logo{font-family:Barlow Condensed,sans-serif;font-size:36px;font-weight:800;letter-spacing:3px;margin-bottom:4px;text-align:center}.auth-sub{color:#6b6b68;color:var(--dark-gray);font-size:11px;letter-spacing:2px;margin-bottom:28px;text-align:center;text-transform:uppercase}.spinner{animation:spin .7s linear infinite;border:2px solid #e8e8e6;border-top-color:#111110;border:2px solid var(--light-gray);border-radius:50%;border-top-color:var(--black);display:inline-block;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.notif-item{border-bottom:1px solid #e0e0dc;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:14px 0}.notif-dot{background:#111110;background:var(--black);border-radius:50%;flex-shrink:0;height:8px;margin-top:4px;width:8px}.broadcast-box{background:#f4f4f2;background:var(--off-white);border-radius:12px;border-radius:var(--radius);padding:20px}textarea.form-input{height:80px;line-height:1.5;resize:none}.divider{background:#e0e0dc;background:var(--border);height:1px;margin:20px 0}
/*# sourceMappingURL=main.2488fc15.css.map*/