html {
  /* HCL 50 App Global Theme */
:root{--bg-primary:#0a0e27;--bg-secondary:#1a1e3a;--accent-green:#00ff88;--accent-cyan:#00d4ff;--accent-purple:#7c3aed;--text-secondary:#a0a8c0;--border-glow:rgba(124,58,237,0.4);}
*{box-sizing:border-box;}
body{background:linear-gradient(135deg,#0a0e27 0%,#0d1240 50%,#1a1e3a 100%);color:#fff;font-family:'Segoe UI',system-ui,sans-serif;min-height:100vh;}
.hcl-header {
    background: rgba(15, 95, 220, 1);
    border-bottom: 1px solid rgba(124,58,237,0.4);
    backdrop-filter: blur(10px);
    position: sticky;
    top: 0;
    z-index: 1000;
}
.hcl-logo{height:45px;width:71px;display:inline-block;border-radius:6px;}
.nav-link-hcl{color:#fff;text-decoration:none;font-weight:500;padding:6px 12px;border-radius:6px;transition:color .2s;}
.nav-link-hcl:hover,.nav-link-hcl.active{color:#00d4ff;}
.hcl-footer{background:rgba(10,14,39,0.9);border-top:1px solid rgba(124,58,237,0.4);color:#a0a8c0;font-size:.8rem;padding:12px;}
.hcl-card{background:#0a0a1a;border:1px solid rgba(10,10,26,0.4);border-radius:16px;padding:24px;box-shadow:0 4px 24px rgba(124,58,237,.15);}
.card-title-hcl{color:#fff;font-weight:600;font-size:1.05rem;}
.hcl-btn-primary{background:linear-gradient(135deg,#00d4ff,#7c3aed);border:none;color:#fff;font-weight:600;border-radius:8px;padding:10px 24px;}
.hcl-btn-primary:hover{opacity:.9;color:#fff;}
.hcl-btn-purple{background:#7c3aed;border:none;color:#fff;font-weight:600;border-radius:8px;padding:10px 24px;}
.hcl-btn-purple:hover{background:#6d28d9;color:#fff;}
.hcl-input{background:rgba(255,255,255,.07)!important;border:1px solid rgba(124,58,237,0.4)!important;color:#fff!important;border-radius:8px;}
.hcl-input:focus{background:rgba(255,255,255,.1)!important;border-color:#00d4ff!important;box-shadow:0 0 0 3px rgba(0,212,255,.15)!important;}
.hcl-input::placeholder{color:#a0a8c0;}
.hcl-input-sm{background:rgba(255,255,255,.07);border:1px solid rgba(124,58,237,0.4);color:#fff;border-radius:6px;font-size:.85rem;}
.hcl-table{color:#fff;}.hcl-table thead th{background:rgba(124,58,237,.3);color:#00d4ff;border-color:rgba(124,58,237,.3);}
.hcl-table tbody td{border-color:rgba(255,255,255,.06);}.hcl-table tbody tr:hover{background:rgba(0,212,255,.05);}
.status-badge{padding:3px 10px;border-radius:20px;font-size:.78rem;font-weight:600;}
.status-accepted{background:rgba(0,255,136,.15);color:#00ff88;}.status-flagged{background:rgba(255,100,0,.15);color:#ff6400;}
.status-withdrawn{background:rgba(160,160,160,.15);color:#a0a0a0;}.status-pendingreview{background:rgba(255,200,0,.15);color:#ffc800;}
.page-container{max-width:1200px;margin:0 auto;padding:32px 16px;}.page-title{font-size:1.8rem;font-weight:700;margin-bottom:24px;}
.announcement-banner{background:linear-gradient(135deg,#7c3aed,#00d4ff);padding:10px 24px;text-align:center;font-weight:500;}
.session-warning{background:rgba(124,58,237,.9);padding:8px 16px;text-align:center;position:fixed;top:70px;left:0;right:0;z-index:2000;}
.text-accent{color:#ffa500;}.text-accent-green{color:#00ff88;}.text-accent-cyan{color:#00d4ff;}
.stat-value{font-size:2rem;font-weight:700;}.stat-label{color:#a0a8c0;font-size:.85rem;}
.hcl-tabs .nav-link{color:#a0a8c0;border:1px solid rgba(124,58,237,0.4);border-radius:8px 8px 0 0;background:transparent;margin-right:4px;}
.hcl-tabs .nav-link.active{background:#7c3aed;color:#fff;border-color:#7c3aed;}
.dropdown-menu-dark{background:#1a1e3a;border:1px solid rgba(124,58,237,0.4);}
.dropdown-menu-dark .dropdown-item{color:#a0a8c0;}.dropdown-menu-dark .dropdown-item:hover{background:rgba(124,58,237,.3);color:#fff;}
.user-highlight{background:rgba(0,212,255,.08)!important;border-left:3px solid #00d4ff;}
.error-icon,.logout-icon{font-size:3rem;color:#00d4ff;}
html,body{margin:0;padding:0;}
.navbar-toggler:focus {
    box-shadow: none;
}

@media (max-width: 991px) {
    .navbar-collapse {
        background: rgba(15, 95, 220, 0.98);
        margin-top: 10px;
        border-radius: 10px;
        padding: 10px;
    }

    .nav-link-hcl {
        display: block;
        padding: 10px;
    }
}
.hcl-header-dark {
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    /*backdrop-filter: blur(10px);*/
    position: sticky;
    top: 0;
    z-index: 1000;
}