:root{--spms-blue:#24449a;--spms-blue-dark:#1d367d;--spms-gold:#e2ba2f;--spms-bg:#f5f7fb;--spms-text:#0f2347;--spms-muted:#5f6f8f;--spms-border:#dfe4ee;}
*{box-sizing:border-box}body{font-family:Inter,Arial,sans-serif;color:var(--spms-text);background:var(--spms-bg)}a{color:var(--spms-blue)}.btn-spms{background:var(--spms-blue);color:#fff;border-color:var(--spms-blue);font-weight:700}.btn-spms:hover{background:var(--spms-blue-dark);color:#fff}.btn-gold{background:var(--spms-gold);color:var(--spms-text);border-color:var(--spms-gold);font-weight:800}.brand-icon{width:48px;height:48px;border-radius:12px;background:var(--spms-gold);color:var(--spms-blue);display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;flex:none}.public-navbar{background:var(--spms-blue);padding:16px 0;box-shadow:0 4px 12px rgba(15,35,71,.15)}.public-brand{display:flex;align-items:center;gap:13px;color:#fff!important}.public-brand strong{display:block;font-size:1.1rem}.public-brand small{display:block;color:rgba(255,255,255,.8);font-size:.82rem}.public-navbar .nav-link{color:#fff!important;font-weight:600}.hero-section{background:linear-gradient(135deg,var(--spms-blue),#2f4fa8);padding:95px 0 90px;color:#fff}.hero-section h1{font-size:3rem;font-weight:900;max-width:920px;margin:0 auto 20px}.hero-section p{font-size:1.2rem;opacity:.95}.hero-search{background:#fff;padding:30px;border-radius:16px;max-width:980px;margin:45px auto 0;box-shadow:0 10px 30px rgba(15,35,71,.2)}.stats-section{padding:55px 0 75px;background:var(--spms-bg)}.stat-card{background:#fff;border:1px solid var(--spms-border);box-shadow:0 8px 22px rgba(15,35,71,.08);border-radius:12px;min-height:175px;text-align:center;padding:32px 20px}.stat-card span{width:64px;height:64px;border-radius:50%;background:#e8edf7;color:var(--spms-blue);display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-card h3{font-size:2rem;font-weight:900;margin:20px 0 4px}.section-white{background:#fff;padding:90px 0 105px}.section-block{padding:95px 0 105px}.section-title{font-size:2rem;font-weight:900}.section-subtitle{color:var(--spms-muted);margin-bottom:40px}.research-area-chip{display:inline-block;background:#e8edf7;color:#0b2a75;text-decoration:none;padding:12px 26px;border-radius:999px;font-weight:800;margin:9px}.publication-card,.result-card,.side-card,.researcher-card,.article-card,.dashboard-card,.department-card-public{background:#fff;border:1px solid var(--spms-border);border-radius:12px;box-shadow:0 4px 12px rgba(15,35,71,.06);padding:24px}.publication-card h3,.result-card h3{font-size:1.15rem;font-weight:900;margin-top:16px}.publication-card h3 a,.result-card h3 a{text-decoration:none}.authors{color:#5f6f8f}.publication-meta{border-top:1px solid var(--spms-border);padding-top:13px;margin-top:14px;display:flex;justify-content:space-between;color:#5f6f8f}.public-page{padding:70px 0}.public-page h1{font-weight:900}.search-filter-card{background:#fff;border:1px solid var(--spms-border);border-radius:12px;padding:22px;margin-top:24px}.result-card{margin-bottom:18px}.badge{font-weight:800}.badge-verified{background:#dff8ef;color:#00875a}.badge-pending{background:#fff3d6;color:#b26b00}.badge-rejected{background:#ffe0e0;color:#d31f1f}.badge-correction{background:#fff3d6;color:#c77b00}.badge-draft{background:#e8edf7;color:#2f6df6}.badge-index{background:#e8edf7;color:#24449a}.badge-gold{background:var(--spms-gold);color:#0f2347}.empty-card,.empty-state{text-align:center;color:var(--spms-muted);padding:45px}.researcher-card{position:relative}.researcher-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:center;margin:22px 0}.researcher-stats strong{display:block;font-size:1.4rem}.researcher-stats span{color:var(--spms-muted)}.profile-public{display:grid;grid-template-columns:340px 1fr;gap:28px}.profile-public-card{background:#fff;border:1px solid var(--spms-border);border-radius:12px;text-align:center;padding:28px;align-self:start}.big-avatar{width:110px;height:110px;border-radius:50%;background:#e8edf7;color:var(--spms-blue);display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:900;margin:0 auto 20px}.profile-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.mini-stat{background:#fff;border:1px solid var(--spms-border);border-radius:10px;padding:20px}.mini-stat strong{display:block;font-size:1.8rem}.mini-stat span{color:var(--spms-muted)}.author-row{border-bottom:1px solid var(--spms-border);padding:14px 0}.back-link{text-decoration:none;font-weight:700}.public-footer{background:var(--spms-blue);color:#fff;padding:55px 0 32px}.public-footer a{display:block;color:#fff;text-decoration:none;margin:8px 0}.public-footer p{color:rgba(255,255,255,.85)}.footer-brand{display:flex;gap:13px}.login-page{min-height:100vh;background:linear-gradient(135deg,var(--spms-blue),#405ea9);display:flex;align-items:center;justify-content:center;gap:80px;padding:40px}.login-brand{color:#fff;max-width:520px}.login-logo{width:70px;height:70px;border-radius:16px;background:var(--spms-gold);display:flex;align-items:center;justify-content:center;color:var(--spms-blue);font-size:2rem;margin-bottom:20px}.login-brand h1{font-weight:900}.login-brand h2{font-size:2rem;font-weight:900}.login-stats{display:flex;gap:20px;margin-top:30px}.login-stats div{background:rgba(255,255,255,.12);padding:18px 24px;border-radius:10px}.login-card{width:480px;background:#fff;border-radius:16px;padding:35px;box-shadow:0 15px 50px rgba(0,0,0,.2)}.login-card h3{font-weight:900}.sidebar-spms{width:260px;min-height:100vh;background:var(--spms-blue);position:fixed;left:0;top:0;color:#fff;display:flex;flex-direction:column;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:28px 22px;border-bottom:1px solid rgba(255,255,255,.15)}.sidebar-brand h5{margin:0;font-weight:900;color:#fff}.sidebar-brand small{color:rgba(255,255,255,.75)}.sidebar-nav{padding:20px 14px;flex:1}.sidebar-link{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;padding:13px 14px;border-radius:9px;margin-bottom:8px}.sidebar-link:hover,.sidebar-link.active{background:#2f6df6;color:#fff}.sidebar-link i{width:20px}.sidebar-user{padding:22px;border-top:1px solid rgba(255,255,255,.15)}.sidebar-user-info{display:flex;align-items:center;gap:10px;margin-bottom:18px}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--spms-gold);color:#0f2347;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.sidebar-user small{display:block;color:rgba(255,255,255,.75)}.sidebar-logout{color:#fff;text-decoration:none}.app-main,.admin-main{margin-left:260px;padding:42px 38px;min-height:100vh;background:var(--spms-bg)}.dashboard-header,.admin-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:34px}.dashboard-header h1,.admin-page-header h1{font-weight:900}.dashboard-header p,.admin-page-header p{color:var(--spms-muted)}.dashboard-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:34px}.dashboard-stat-card{background:#fff;border:1px solid var(--spms-border);border-radius:12px;padding:28px;box-shadow:0 4px 12px rgba(15,35,71,.06)}.dash-icon{width:46px;height:46px;border-radius:9px;color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px;font-weight:900}.dash-blue{background:#2f6df6}.dash-green{background:#10b981}.dash-orange{background:#f59e0b}.dash-gold{background:var(--spms-gold);color:#0f2347}.dash-navy{background:var(--spms-blue)}.dashboard-stat-card h2{font-size:2rem;font-weight:900}.dashboard-stat-card p,.dashboard-stat-card small{color:var(--spms-muted)}.dashboard-chart-grid,.admin-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:34px}.dashboard-card-title{display:flex;gap:10px;align-items:center;margin-bottom:20px}.dashboard-card-title h3{font-size:1.15rem;font-weight:900;margin:0}.chart-wrap{height:300px}.activity-item{display:grid;grid-template-columns:14px 1fr auto;gap:14px;padding:15px 0;border-bottom:1px solid #e6ebf3}.activity-dot{width:9px;height:9px;border-radius:50%;margin-top:8px}.dot-green{background:#10b981}.dot-orange{background:#f59e0b}.publication-form label{font-weight:800;margin-bottom:6px}.report-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:34px}.report-template-card{display:block;background:#fff;border:1px solid var(--spms-border);border-radius:12px;padding:26px;color:var(--spms-text);text-decoration:none;min-height:170px}.report-template-card.active,.report-template-card:hover{border-color:var(--spms-blue);box-shadow:0 8px 20px rgba(15,35,71,.12)}.report-template-card h3{font-size:1.1rem;font-weight:900;margin-top:14px}.admin-empty-report{min-height:245px;display:flex;align-items:center;justify-content:center;text-align:center}.big-report-icon{font-size:4rem;color:#6b7a90}.report-preview-card{padding:0;overflow:hidden}.report-preview-header{background:#eef3fa;padding:22px 28px;display:flex;justify-content:space-between;border-bottom:1px solid var(--spms-border)}.report-body{padding:28px}.profile-main{max-width:1280px}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.profile-layout{display:grid;grid-template-columns:340px 1fr;gap:28px}.profile-card{text-align:center}.profile-avatar{width:104px;height:104px;background:#e8edf7;color:var(--spms-blue);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:2.1rem;font-weight:900;margin-bottom:20px}.profile-right{display:flex;flex-direction:column;gap:22px}.profile-left{display:flex;flex-direction:column;gap:22px}.profile-publication-item{padding:14px 0;border-bottom:1px solid #e6ebf3}.profile-publication-item a{font-weight:900;text-decoration:none}.top-department-item,.admin-queue-item{background:#f5f7fb;border-radius:10px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:14px;margin-bottom:12px}.verification-layout{display:grid;grid-template-columns:480px 1fr;gap:24px;align-items:start}.verification-list-card{min-height:650px;overflow:hidden}.verification-list-header{padding:18px 22px;background:#eef3fa;border-bottom:1px solid var(--spms-border)}.verification-list-item{display:block;padding:17px 22px;color:var(--spms-text);text-decoration:none;border-bottom:1px solid #e6ebf3;border-left:4px solid transparent}.verification-list-item.active,.verification-list-item:hover{background:#f2f6fd;border-left-color:var(--spms-blue)}.verification-list-item strong,.verification-list-item small{display:block}.verification-list-item small,.verification-list-item span{color:var(--spms-muted)}.verification-list-item span{display:flex;justify-content:space-between;font-size:.9rem}.verification-detail-column{display:flex;flex-direction:column;gap:24px}.verification-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.verification-meta-grid small{display:block;color:var(--spms-muted)}.verification-meta-grid .span-2{grid-column:span 2}.evidence-list{display:flex;flex-direction:column;gap:12px}.evidence-item{background:#f5f7fb;border-radius:10px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.evidence-item span{width:42px;height:42px;border-radius:9px;background:#e8edf7;color:var(--spms-blue);display:flex;align-items:center;justify-content:center}.admin-check-item{background:#f5f7fb;border-radius:9px;padding:14px 16px;display:flex;gap:12px;margin-bottom:12px}.verification-action-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.settings-tabs{display:flex;border-bottom:1px solid var(--spms-border);overflow-x:auto}.settings-tabs a{padding:20px 24px;color:var(--spms-muted);text-decoration:none;font-weight:800;border-bottom:3px solid transparent}.settings-tabs a.active{color:var(--spms-blue);background:#f8fafc;border-bottom-color:var(--spms-blue)}.settings-content{padding:28px}.department-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.department-card{background:#f5f7fb;border:1px solid var(--spms-border);border-radius:10px;padding:22px}.department-stats{display:grid;grid-template-columns:1fr 1fr}.department-stats strong{display:block;font-size:1.35rem}.settings-panel{background:#f5f7fb;border:1px solid var(--spms-border);border-radius:10px;padding:24px;margin-bottom:18px}@media print{.sidebar-spms,.admin-page-header,.dashboard-header,.report-template-grid,.report-filter-card,.report-preview-header .d-flex,.btn{display:none!important}.app-main,.admin-main{margin-left:0!important;padding:0!important;background:#fff!important}.dashboard-card{box-shadow:none!important;border:0!important}}@media(max-width:1200px){.dashboard-stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-chart-grid,.admin-chart-grid,.verification-layout,.profile-public,.profile-layout,.department-grid{grid-template-columns:1fr}.report-template-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sidebar-spms{position:static;width:100%;min-height:auto}.app-main,.admin-main{margin-left:0;padding:24px 18px}.dashboard-stat-grid,.report-template-grid,.profile-stat-row{grid-template-columns:1fr}.login-page{flex-direction:column;gap:30px}.login-card{width:100%}.hero-section h1{font-size:2.1rem}.verification-action-row{grid-template-columns:1fr}}


/* DSPG LOGO BRANDING */
.brand-logo {
    width: 56px;
    height: 56px;
    object-fit: contain;
    background: #fff;
    border-radius: 50%;
    padding: 4px;
    box-shadow: 0 4px 12px rgba(15, 35, 71, .18);
    flex: none;
}

.public-brand {
    align-items: center;
}

.hero-logo {
    width: 110px;
    height: 110px;
    object-fit: contain;
    background: #fff;
    border-radius: 50%;
    padding: 8px;
    margin-bottom: 24px;
    box-shadow: 0 8px 24px rgba(15, 35, 71, .25);
}

.login-logo {
    background: #fff !important;
    border-radius: 50% !important;
    padding: 6px;
}

.login-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sidebar-logo {
    width: 48px;
    height: 48px;
    object-fit: contain;
    background: #fff;
    border-radius: 50%;
    padding: 4px;
    flex: none;
}

@media (max-width: 768px) {
    .brand-logo {
        width: 46px;
        height: 46px;
    }

    .hero-logo {
        width: 88px;
        height: 88px;
    }

    .public-brand strong {
        font-size: .95rem;
    }

    .public-brand small {
        font-size: .72rem;
    }
}

/* SPMS Verify Output Long Link Fix */
.admin-main .spms-break-line,
.admin-main .spms-break-link,
.admin-main .spms-break-text {
    display: inline-block;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}