:root{--paper:#F3F5F8;--paper-deep:#FFFFFF;--ink:#12172B;--ink-soft:#5B6478;--maroon:#0E7C86;--maroon-deep:#0B5F67;--brass:#FB7A3C;--line:#E3E7EE;--ok:#059669;--err:#DC2626;--biru:#4F46E5;--revisi:#D97706;--grad: linear-gradient(135deg, var(--maroon), #14A5A0);--grad-warm: linear-gradient(135deg, var(--brass), #FDA65A);--shadow: 0 2px 14px rgba(18,23,43,.06);--shadow-hover: 0 14px 34px rgba(18,23,43,.14);--shadow-btn: 0 8px 20px rgba(14,124,134,.28)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:IBM Plex Sans,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-shell>main{flex:1 1 auto}h1,h2,h3{font-family:Fraunces,serif;font-weight:600;margin:0;color:var(--ink);letter-spacing:-.01em}a{color:var(--maroon);text-decoration:none;transition:color .15s ease}a:hover{color:var(--maroon-deep)}button{font-family:IBM Plex Sans,sans-serif;cursor:pointer}input,textarea,select{font-family:IBM Plex Sans,sans-serif}:focus-visible{outline:2px solid var(--maroon);outline-offset:2px;border-radius:4px}.wrap{max-width:960px;margin:0 auto;padding:0 24px;width:100%;box-sizing:border-box}header.masthead{padding-top:18px;padding-bottom:14px;position:sticky;top:0;z-index:20;background:#f3f5f8d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.kop-baris{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:.8rem;color:var(--ink-soft);flex-wrap:wrap;padding-bottom:14px}.kop-baris .institusi{font-weight:700;color:var(--ink);letter-spacing:-.01em}.kop-baris .login-kecil{font-size:.78rem;color:var(--ink-soft);border:1px solid var(--line);padding:4px 12px;border-radius:20px;background:var(--paper-deep)}.kop-baris .login-kecil:hover{border-color:var(--maroon);color:var(--maroon)}.modeswitch{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;background:var(--paper-deep);padding:5px;border-radius:16px;box-shadow:var(--shadow);width:fit-content;max-width:100%}.modeswitch::-webkit-scrollbar{display:none}.modeswitch a,.modeswitch button{background:transparent;border:none;border-radius:12px;padding:9px 18px;font-size:.88rem;font-weight:500;color:var(--ink-soft);white-space:nowrap;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.modeswitch a.aktif{background:var(--grad);color:#fff;box-shadow:var(--shadow-btn)}.modeswitch a:hover:not(.aktif){color:var(--maroon);background:#0e7c8614}.modeswitch .keluar-mahasiswa{margin-left:auto}section>h2{position:relative;padding-bottom:10px;margin-bottom:22px;font-size:1.6rem}section>h2:after{content:"";position:absolute;left:0;bottom:0;width:52px;height:4px;background:var(--grad-warm);border-radius:3px}.card{border:1px solid var(--line);background:var(--paper-deep);border-radius:18px;padding:22px;margin-bottom:16px;box-shadow:var(--shadow);transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px);border-color:#0e7c8640}.muted{color:var(--ink-soft);font-size:.88rem}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:.84rem;color:var(--ink-soft);font-weight:500}.field input,.field textarea,.field select{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-size:.92rem;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--maroon);box-shadow:0 0 0 3px #0e7c8624}.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.row3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}@media (max-width:640px){.row2,.row3{grid-template-columns:1fr}}.btn{background:var(--grad);color:#fff;border:none;border-radius:999px;padding:11px 24px;font-size:.9rem;font-weight:600;box-shadow:var(--shadow-btn);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 12px 26px #0e7c865c}.btn:active{transform:translateY(0)}.btn-ghost{background:var(--paper-deep);border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:9px 18px;font-size:.86rem;font-weight:500;transition:all .15s ease}.btn-ghost:hover{border-color:var(--maroon);color:var(--maroon);background:#0e7c860f}.btn-danger{background:transparent;border:1px solid var(--err);color:var(--err);border-radius:999px;padding:7px 14px;font-size:.8rem;font-weight:500;transition:all .15s ease}.btn-danger:hover{background:var(--err);color:#fff}.btn-small{padding:7px 14px;font-size:.8rem}.btn-acc{background:linear-gradient(135deg,var(--ok),#10B981);color:#fff;border:none;border-radius:999px;padding:9px 18px;font-size:.84rem;font-weight:600;box-shadow:0 8px 18px #05966947;transition:transform .15s ease}.btn-acc:hover{transform:translateY(-2px)}.badge{display:inline-block;font-size:.75rem;font-weight:600;padding:4px 11px;border-radius:999px;border:1px solid var(--line);color:var(--ink-soft)}.badge.tag-revisi{background:var(--revisi);color:#fff;border:none}.badge.tag-acc{background:var(--biru);color:#fff;border:none}.list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:15px 6px;flex-wrap:wrap;border-radius:10px;transition:background .15s ease}.list-row:hover{background:#0e7c860d}.notice{padding:11px 16px;border-radius:12px;font-size:.88rem;margin-bottom:16px;border:1px solid transparent}.notice.err{background:#fdecec;color:var(--err);border-color:#f6c6c6}.notice.ok{background:#e7f6ef;color:var(--ok);border-color:#bee9d3}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{border:none;padding:7px 16px;border-radius:999px;font-size:.82rem;font-weight:500;color:var(--maroon-deep);background:#0e7c861a;transition:all .15s ease}.chip:hover{background:#0e7c862e}.year-header{display:flex;justify-content:space-between;align-items:center;background:var(--paper-deep);border:1px solid var(--line);border-radius:16px;padding:16px 22px;margin:16px 0 0;cursor:pointer;box-shadow:var(--shadow);transition:all .2s ease}.year-header:hover{box-shadow:var(--shadow-hover);border-color:#0e7c864d;transform:translateY(-1px)}.year-body{padding:8px 8px 4px 20px;margin:0 0 4px 14px;border-left:3px solid var(--line)}.bab-tabs{display:flex;gap:6px;margin:14px 0;flex-wrap:wrap}.bab-tabs button{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:7px 15px;font-size:.82rem;font-weight:500;color:var(--ink-soft);transition:all .15s ease}.bab-tabs button.aktif{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 6px 14px #0e7c864d}.bab-tabs button:disabled{opacity:.4;cursor:not-allowed}.bab-panel{border-left:4px solid var(--brass);padding-left:16px}.bab-panel.acc{border-left-color:var(--ok)}.thread{border:1px solid var(--line);border-radius:16px;background:var(--paper);max-height:400px;overflow-y:auto;padding:18px;margin-bottom:14px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:78%;padding:11px 16px;border-radius:18px}.bubble .meta{font-size:.76rem;margin-bottom:4px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.bubble.dosen{align-self:flex-end;background:var(--grad);color:#fff;border-bottom-right-radius:5px;box-shadow:0 4px 14px #0e7c8638}.bubble.dosen .meta{color:#ffffffd9}.bubble.mahasiswa{align-self:flex-start;background:var(--paper-deep);border:1px solid var(--line);border-bottom-left-radius:5px}.bubble.mahasiswa .meta{color:var(--brass);font-weight:600}.plate{width:170px;height:170px;border-radius:28px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-weight:600;font-size:2.6rem;color:#fff;position:relative;flex-shrink:0;box-shadow:var(--shadow-hover)}.biblio-row{display:flex;gap:14px;border-bottom:1px solid var(--line);padding:15px 0}.biblio-row .no{font-family:Fraunces,serif;font-weight:600;color:var(--brass);min-width:22px}.token-aktif{display:flex;gap:32px;flex-wrap:wrap;background:linear-gradient(135deg,#0e7c860f,#fb7a3c0f);border:1px dashed var(--maroon);border-radius:16px;padding:16px 22px}.token-aktif .label{font-size:.75rem;color:var(--ink-soft)}.token-aktif .value{font-family:Fraunces,serif;font-weight:600;font-size:1.3rem;color:var(--maroon-deep)}.token{font-family:Fraunces,serif;font-weight:600;font-size:1.1rem;letter-spacing:.06em;color:var(--maroon-deep)}footer{border-top:1px solid var(--line);padding:24px 0 44px;color:var(--ink-soft);font-size:.8rem}.isi-berita img,.editor-area img{max-width:100%;border-radius:12px}.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:14px;margin:12px 0;border:1px solid var(--line);box-shadow:var(--shadow)}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.gradient-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.editor-toolbar button{background:var(--paper-deep);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:.86rem;color:var(--ink-soft);transition:all .15s ease}.editor-toolbar button:hover{border-color:var(--maroon);color:var(--maroon);background:#0e7c8614}.editor-toolbar select{border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:.84rem;background:var(--paper-deep);color:var(--ink-soft)}.editor-area{border-radius:0 0 14px 14px!important}.editor-toolbar{border-radius:14px 14px 0 0!important}