:root{--primary:#0d6b57;--primary-700:#085144;--primary-50:#e8f6f1;--accent:#d5a537;--ink:#17232f;--muted:#667786;--surface:#fff;--surface-2:#f4f7f8;--line:#dfe8eb;--danger:#b42318;--warning:#9a6700;--success:#087443;--info:#175cd3;--purple:#6941c6;--shadow:0 18px 55px rgba(20,41,57,.10);--radius:18px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.theme-navy{--primary:#153f70;--primary-700:#0e2e54;--primary-50:#eaf1f8;--accent:#c89b3c}.theme-maroon{--primary:#7a2439;--primary-700:#571729;--primary-50:#f9eaee;--accent:#c99a3b}.theme-indigo{--primary:#4f46a5;--primary-700:#37307f;--primary-50:#eeecff;--accent:#e0a82e}.theme-teal{--primary:#087f8c;--primary-700:#075d66;--primary-50:#e8f8f8;--accent:#dd8f2d}.theme-dark{--primary:#202938;--primary-700:#111827;--primary-50:#eef1f5;--accent:#d6a53b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--surface-2);line-height:1.65}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:none;color:var(--primary-700)}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;padding:8px 12px;z-index:100}.skip-link:focus{left:8px}.topbar{background:var(--primary-700);color:#d7ece6;font-size:13px}.topbar-inner{display:flex;justify-content:space-between;align-items:center;min-height:38px;gap:18px}.topbar a{color:#fff}.site-header{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.header-main{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary-700));color:white;display:grid;place-items:center;font-weight:900;font-size:21px;box-shadow:0 10px 25px color-mix(in srgb,var(--primary) 25%,transparent)}.brand-logo{width:52px;height:52px;object-fit:contain}.brand-title{font-weight:850;font-size:18px;color:var(--ink);line-height:1.2;max-width:420px}.brand-subtitle{font-size:12px;color:var(--muted);margin-top:3px}.nav{display:flex;align-items:center;gap:5px}.nav a{display:inline-flex;align-items:center;padding:9px 11px;border-radius:10px;font-weight:650;font-size:14px;color:#344351}.nav a:hover,.nav a.active{background:var(--primary-50);color:var(--primary)}.nav .button{color:#fff}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 11px}.journal-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary-700),var(--primary));color:#fff;padding:54px 0}.journal-hero:after{content:"";position:absolute;right:-80px;top:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#ffffff22 0,#ffffff05 60%,transparent 61%)}.hero-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:50px;align-items:center;position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:color-mix(in srgb,var(--accent) 86%,white)}.hero-title{font-size:clamp(34px,5vw,59px);line-height:1.08;margin:12px 0 18px;letter-spacing:-.035em}.hero-copy{font-size:17px;max-width:720px;color:#e5f2ee}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:11px 16px;font-weight:780;cursor:pointer;transition:.18s;background:var(--primary);color:white}.button:hover{transform:translateY(-1px);box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 25%,transparent);color:#fff}.button-light{background:#fff;color:var(--primary)}.button-light:hover{color:var(--primary-700)}.button-outline{background:transparent;border:1px solid #ffffff70;color:#fff}.button-secondary{background:#eef2f4;color:#2a3947}.button-danger{background:var(--danger)}.button-sm{padding:7px 11px;border-radius:9px;font-size:13px}.hero-card{background:#ffffff14;border:1px solid #ffffff2e;border-radius:22px;padding:22px;backdrop-filter:blur(10px)}.hero-card strong{font-size:30px;display:block}.hero-card-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #ffffff20}.hero-card-row:last-child{border:0}.section{padding:52px 0}.section-sm{padding:32px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-title h2{font-size:29px;letter-spacing:-.025em;margin:0}.section-title p{margin:5px 0 0;color:var(--muted)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 7px 28px rgba(20,40,55,.05)}.card-body{padding:23px}.card-title{margin:0 0 9px;font-size:20px}.journal-card{display:flex;flex-direction:column;overflow:hidden}.journal-card-cover{height:160px;background:linear-gradient(135deg,var(--primary-50),#fff6df);display:grid;place-items:center}.journal-card-cover img{width:100%;height:100%;object-fit:cover}.journal-card-cover .monogram{font-size:48px;font-weight:900;color:var(--primary)}.meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:13px}.article-list{display:flex;flex-direction:column;gap:15px}.article-item{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px;transition:.18s}.article-item:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--line));box-shadow:0 10px 24px rgba(20,40,55,.07);transform:translateY(-1px)}.article-item h3{font-size:18px;line-height:1.35;margin:0 0 7px}.article-authors{color:#465869;font-size:14px}.article-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.pill{display:inline-flex;align-items:center;gap:5px;background:var(--primary-50);color:var(--primary);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:730}.sidebar-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px;margin-bottom:17px}.sidebar-card h3{margin:0 0 12px;font-size:16px}.sidebar-links{display:grid;gap:6px}.sidebar-links a{padding:7px 9px;border-radius:8px;color:#415262}.sidebar-links a:hover{background:var(--primary-50);color:var(--primary)}.issue-header{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:start}.issue-cover{aspect-ratio:3/4;background:linear-gradient(145deg,var(--primary-50),#fff4d4);border-radius:12px;border:1px solid var(--line);display:grid;place-items:center;text-align:center;padding:18px;color:var(--primary);font-weight:850}.issue-cover img{width:100%;height:100%;object-fit:cover;border-radius:11px}.breadcrumb{display:flex;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:13px;margin:18px 0}.breadcrumb span{color:#9aa8b3}.article-page h1{font-size:clamp(29px,4vw,47px);line-height:1.16;letter-spacing:-.035em;margin:8px 0 18px}.article-page h2{font-size:22px;margin-top:30px;border-bottom:1px solid var(--line);padding-bottom:8px}.article-page .abstract{font-size:16px;text-align:justify}.author-cards{display:grid;gap:8px}.author-card{border-left:3px solid var(--primary);padding:7px 0 7px 13px}.citation-box{background:#f8fafb;border:1px solid var(--line);border-radius:12px;padding:14px;font-size:14px}.metric-row{display:flex;gap:15px;flex-wrap:wrap}.metric{background:#f7faf9;border:1px solid var(--line);border-radius:11px;padding:11px 13px;min-width:120px}.metric strong{display:block;font-size:22px}.footer{background:#112a27;color:#ccded9;padding:46px 0 20px;margin-top:40px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}.footer h3,.footer h4{color:#fff}.footer a{color:#d8e9e4}.footer-bottom{border-top:1px solid #ffffff18;margin-top:28px;padding-top:17px;font-size:13px;color:#9fb7b1}.form-card{max-width:720px;margin:40px auto;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:28px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:730;font-size:13px;margin-bottom:6px}.input,.select,.textarea,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=datetime-local],select,textarea{width:100%;padding:11px 13px;border:1px solid #cfdcdf;border-radius:10px;background:#fff;color:var(--ink)}textarea{min-height:110px;resize:vertical}.input:focus,input:focus,select:focus,textarea:focus{outline:3px solid color-mix(in srgb,var(--primary) 16%,transparent);border-color:var(--primary)}.alert{padding:12px 14px;border-radius:10px;margin:12px 0;border:1px solid}.alert-success{background:#ecfdf3;border-color:#abe8c6;color:#07643d}.alert-error{background:#fff1f0;border-color:#ffd0cb;color:#9f1b13}.alert-warning{background:#fffae8;border-color:#f8dfa0;color:#815b00}.alert-info{background:#eff7ff;border-color:#bfdbff;color:#164f9b}.empty{padding:38px;text-align:center;color:var(--muted);background:#fff;border:1px dashed #c8d6da;border-radius:14px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px;background:#fff}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;background:#f7fafb;color:#5d6d78}.table tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;background:#eef2f4;color:#465663}.badge-success{background:#e7f9ef;color:#087443}.badge-danger{background:#fff0ef;color:#b42318}.badge-warning{background:#fff7dd;color:#8a5c00}.badge-info{background:#eaf2ff;color:#175cd3}.badge-purple{background:#f1edff;color:#6941c6}.badge-netral{background:#eef2f4;color:#4c5c68}.pagination{display:flex;gap:6px;justify-content:center;margin:24px 0}.pagination a,.pagination span{min-width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff}.pagination .active{background:var(--primary);color:#fff;border-color:var(--primary)}
/* dashboard */.dashboard-body{background:#eef3f5}.dashboard-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#102f2a;color:#d1e3df;padding:20px 14px;position:sticky;top:0;height:100vh;overflow:auto}.sidebar .brand{padding:5px 8px 20px;border-bottom:1px solid #ffffff17}.sidebar .brand-title{color:#fff;font-size:15px}.sidebar-user{display:flex;gap:11px;align-items:center;margin:16px 5px;padding:12px;background:#ffffff0d;border-radius:12px}.avatar{width:38px;height:38px;border-radius:50%;background:var(--accent);color:#27331f;display:grid;place-items:center;font-weight:900}.sidebar-nav{display:grid;gap:3px;margin-top:13px}.sidebar-nav .group{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#789b92;padding:16px 10px 6px}.sidebar-nav a{color:#d1e3df;padding:9px 10px;border-radius:9px;font-size:14px;display:flex;align-items:center;gap:10px}.sidebar-nav a:hover,.sidebar-nav a.active{background:#ffffff12;color:#fff}.nav-icon{width:22px;text-align:center}.dashboard-main{min-width:0}.dashboard-top{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 25px;position:sticky;top:0;z-index:30}.dashboard-content{padding:25px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.page-head h1{margin:0;font-size:27px;letter-spacing:-.025em}.page-head p{margin:4px 0 0;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.stat-card .label{font-size:13px;color:var(--muted)}.stat-card .value{font-size:30px;font-weight:880;letter-spacing:-.04em;margin:5px 0}.stat-card .trend{font-size:12px;color:var(--success)}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-top:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 19px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:17px;margin:0}.panel-body{padding:18px}.pipeline{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;overflow:auto;padding-bottom:4px}.pipeline-stage{background:#f6f9fa;border:1px solid var(--line);border-radius:12px;padding:13px}.pipeline-stage strong{display:block;font-size:24px}.tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:18px}.tabs a{padding:9px 12px;color:#556574;font-weight:650}.tabs a.active{color:var(--primary);border-bottom:2px solid var(--primary)}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0}.workflow-step{padding:10px;border:1px solid var(--line);background:#f7fafb;border-radius:10px;font-size:12px;text-align:center}.workflow-step.active{background:var(--primary);color:#fff;border-color:var(--primary)}.details-list{display:grid;gap:10px}.details-row{display:grid;grid-template-columns:170px 1fr;gap:15px;border-bottom:1px solid var(--line);padding-bottom:9px}.details-row:last-child{border:0}.details-row dt{font-size:12px;color:var(--muted);font-weight:700}.details-row dd{margin:0}.actions{display:flex;gap:8px;flex-wrap:wrap}.mobile-dashboard-toggle{display:none}.chart-bars{display:flex;align-items:end;gap:8px;height:180px;padding-top:15px}.chart-bar{flex:1;background:linear-gradient(180deg,var(--primary),var(--primary-700));border-radius:7px 7px 3px 3px;min-width:18px;position:relative}.chart-bar span{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:220px 1fr;gap:20px}.settings-menu{display:grid;gap:4px;align-content:start}.settings-menu a{padding:9px 11px;border-radius:9px;color:#526372}.settings-menu a.active{background:var(--primary-50);color:var(--primary);font-weight:750}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.theme-option{border:2px solid var(--line);border-radius:13px;padding:10px;cursor:pointer}.theme-option.selected{border-color:var(--primary)}.theme-preview{height:75px;border-radius:9px;display:grid;grid-template-columns:30% 70%;overflow:hidden}.theme-preview span:first-child{background:var(--preview-primary)}.theme-preview span:last-child{background:linear-gradient(#fff 0 30%,var(--preview-light) 30%)}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f1f5f6;padding:2px 6px;border-radius:6px;font-size:12px}@media(max-width:1020px){.nav{display:none;position:absolute;left:18px;right:18px;top:78px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:10px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-toggle{display:block}.hero-grid,.content-grid,.footer-grid{grid-template-columns:1fr}.hero-card{max-width:500px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;width:260px;z-index:60;transition:.2s}.sidebar.open{left:0}.mobile-dashboard-toggle{display:inline-flex}.dashboard-top{padding:0 16px}.dashboard-content{padding:18px}.settings-grid{grid-template-columns:1fr}.settings-menu{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.container{width:min(100% - 24px,1180px)}.topbar-inner{min-height:34px}.topbar-inner>div:last-child{display:none}.brand-title{font-size:15px}.journal-hero{padding:38px 0}.hero-title{font-size:35px}.grid-2,.grid-3,.form-grid,.stats-grid,.theme-grid{grid-template-columns:1fr}.issue-header{grid-template-columns:1fr}.issue-cover{max-width:180px}.section{padding:38px 0}.page-head{align-items:flex-start;flex-direction:column}.dashboard-content{padding:13px}.details-row{grid-template-columns:1fr;gap:3px}.settings-menu{grid-template-columns:1fr}.workflow-steps{grid-template-columns:repeat(2,1fr)}}