:root{--ink:#202843;--muted:#68728b;--purple:#7054d5;--line:#e6e7ef;--bg:#f6f5fa}*{box-sizing:border-box}body{margin:0;font:15px/1.65 system-ui,sans-serif;color:var(--ink);background:var(--bg)}a{color:#6347c3;text-decoration:none}a:hover{text-decoration:underline}h1{font-size:clamp(28px,4vw,40px);line-height:1.2;margin:0 0 12px;letter-spacing:-1px}h2{font-size:20px;margin:0 0 14px}h3{font-size:16px}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;padding:28px 20px;background:#fff;border-right:1px solid var(--line);overflow:auto}.brand{font-size:25px;font-weight:800;color:#493485}.sidebar nav{display:grid;gap:4px}.sidebar nav a{color:var(--muted);padding:9px 12px;border-radius:9px;font-weight:500}.sidebar nav a.active{background:#eee9ff;color:#5939b4}.account{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}.main{margin-left:260px;padding:36px;max-width:1500px}.auth{max-width:500px;margin:10vh auto;padding:24px}.page-head{margin:24px 0}.page-head p,.muted,footer{color:var(--muted)}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;margin-bottom:20px;box-shadow:0 5px 20px #28234204}.compact{padding:16px}.notice{border-left:4px solid #7054d5;padding:16px 20px;background:#eee9ff;border-radius:10px;margin-bottom:20px}.room-strip{font-size:13px;color:#66598c;padding:12px 16px;background:#eeebf8;border-radius:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);padding:22px;border-radius:16px;color:var(--muted)}.stat strong{display:block;font-size:34px;font-weight:800;color:#6044b7;line-height:1.3;margin-bottom:10px}.stat small{font-size:15px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.subcard{padding:16px;background:#f8f7fc;border:1px solid var(--line);border-radius:12px;margin:12px 0}.badge{display:inline-block;background:#f0edf9;color:#614b94;font-size:12px;border-radius:20px;padding:4px 10px;margin:0 6px 6px 0}form{display:grid;gap:14px;margin:15px 0}label{display:grid;gap:6px;font-size:13px;font-weight:600}input,select,textarea{width:100%;border:1px solid #dcdde8;border-radius:9px;padding:12px;font:inherit;font-weight:400;background:#fff;color:var(--ink)}textarea{min-height:96px;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #b9a7f1;outline-offset:2px}label.check{display:flex;align-items:center;font-weight:400;font-size:14px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--purple)}button,.button{display:inline-block;justify-self:start;border:0;border-radius:9px;background:var(--purple);color:#fff;padding:11px 18px;font:inherit;font-weight:600;cursor:pointer}button:hover{background:#5d42bc}.row{display:flex;gap:12px;flex-wrap:wrap}summary{cursor:pointer;font-weight:600;color:#6447bb}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:12px}.prompt{min-height:440px;font:13px/1.65 monospace}footer{font-size:12px;margin:30px 0}#print-content{display:none}p{overflow-wrap:anywhere}@media(max-width:1000px){.sidebar{width:220px}.main{margin-left:220px;padding:24px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.sidebar{position:static;width:auto;padding:18px}.sidebar nav{display:flex;overflow-x:auto;padding-bottom:10px}.sidebar nav a{white-space:nowrap}.sidebar>.muted{display:none}.account{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:6px}.account form{margin:0}.main{margin:0;padding:18px}.grid{grid-template-columns:1fr}.card{padding:20px}.stat{padding:16px}.stat strong{font-size:28px}.auth{margin:4vh auto}}@media print{body>*{display:none!important}body>#print-content{display:block!important;white-space:pre-wrap;overflow-wrap:anywhere;font:11pt/1.6 system-ui;color:#000;background:#fff} @page{size:A4;margin:18mm}}

/* Shell mengikuti pola PCB: navbar atas, sidebar 245px, kartu dashboard. */
:root{--purple:#2563eb;--bg:#f4f7fb;--ink:#25324a;--line:#e2e8f0}.navbar{position:sticky;top:0;z-index:1100;min-height:64px;background:#172337;color:white;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;gap:12px}.navbar-brand{color:white;font-size:22px;font-weight:800}.navbar-account{display:flex;align-items:center;gap:16px}.navbar-account>a{color:#e2e8f0;font-size:13px}.navbar-account form{margin:0}.navbar-account button{padding:7px 13px;background:#334155;border:1px solid #64748b}.sidebar{top:64px;width:245px;padding:18px 12px}.nav-section{font-size:12px;text-transform:uppercase;color:#64748b;font-weight:800;padding:8px 12px;letter-spacing:.08em}.sidebar>.muted{padding:0 12px;font-size:12px}.sidebar nav a.active{background:#edf4ff;color:#2563eb}.main{margin-left:245px;padding:26px;max-width:1600px}.card{border:0;box-shadow:0 8px 28px rgba(31,45,61,.06)}.stat strong{color:#2563eb}.badge{background:#edf4ff;color:#2563eb}.notice{background:#edf4ff;border-color:#2563eb}.room-strip{background:#eaf0f9;color:#334155}.page-head{background:linear-gradient(135deg,#172337,#334155);padding:26px;border-radius:18px;color:white}.page-head p{color:#d7e2f2}.page-head h1{font-size:clamp(25px,3vw,34px)}a,summary{color:#2563eb}button:hover{background:#1d4ed8}input:focus,textarea:focus,select:focus{outline-color:#93c5fd}.auth .page-head{margin-top:0}@media(max-width:991px){.sidebar{position:static;width:auto}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav a{white-space:nowrap}.sidebar>.muted,.nav-section,.sidebar .account{display:none}.main{margin-left:0;padding:18px}}@media(max-width:540px){.navbar{padding:12px;align-items:flex-start}.navbar-brand{font-size:19px}.navbar-account{gap:8px;flex-wrap:wrap;justify-content:flex-end}.navbar-account>a{max-width:145px}.page-head{padding:20px}.stats{gap:10px}}

.score-steps{display:flex;gap:10px;flex-wrap:wrap}.score-steps span{background:#edf4ff;color:#2563eb;border-radius:10px;padding:8px 12px;font-size:13px}.sidebar nav .nav-section{margin-top:14px}
/* Premium personal workspace — navy, emerald, electric blue and amber. */
:root{--ink:#182740;--muted:#68778d;--purple:#0c8a78;--line:#e1e7f0;--bg:#edf2f8}body{background:radial-gradient(circle at 90% 0,#d5e5ff 0,transparent 35%),radial-gradient(circle at 30% 80%,#e0f5ef 0,transparent 40%),#edf2f8;font:14px/1.65 system-ui,sans-serif}.navbar{background:#0d1930;min-height:76px;padding:15px 28px;box-shadow:0 4px 20px #0d193022;border-bottom:1px solid #ffffff10}.navbar-brand{display:flex;align-items:center;gap:12px;font-size:24px;letter-spacing:-.5px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#42e3bc,#08a5a9);color:#0b2336;font-size:26px;box-shadow:0 8px 22px #16baad33}.navbar-account>a{color:#d1deed;background:#20324d;border:1px solid #ffffff12;border-radius:24px;padding:7px 14px}.navbar-account button{background:transparent;border:1px solid #5a6e88;border-radius:20px;font-size:12px}.sidebar{top:76px;width:265px;background:linear-gradient(175deg,#14253e,#0b1930);border:0;padding:22px 15px;color:#fff}.sidebar nav a{color:#b4c4d8;border-radius:12px;margin:2px 0;padding:10px 13px;font-size:13px;display:flex;align-items:center;gap:10px}.sidebar nav a::before{content:'◇';color:#5b7799;flex:none;width:18px;text-align:center}.sidebar nav a:hover{background:#ffffff0a;color:#fff;text-decoration:none}.sidebar nav a.active{background:linear-gradient(100deg,#0d8d79,#147c97);color:#fff;box-shadow:0 5px 18px #0002}.sidebar nav a.active::before{content:'◆';color:#a7ffe5}.sidebar .nav-section{color:#708aaa;font-size:10px;letter-spacing:.16em;padding-left:14px;margin-top:18px}.sidebar>.muted{color:#8097b4;font-size:12px}.sidebar>.nav-section{margin-top:0;color:#e1edff;font-size:13px}.sidebar .account{border-color:#ffffff10;color:#7189a8;font-size:11px;padding:18px 10px}.main{margin-left:265px;padding:32px;max-width:1700px}.page-head{background:linear-gradient(115deg,#112642,#234c79);border:1px solid #ffffff22;border-radius:24px;padding:32px 36px;position:relative;overflow:hidden;box-shadow:0 15px 35px #203d5b15}.page-head::after{content:'';position:absolute;right:-55px;top:-100px;width:280px;height:280px;border:55px solid #ffffff07;border-radius:50%;pointer-events:none}.page-head h1{font-size:clamp(27px,3vw,37px);letter-spacing:-1px;position:relative;z-index:1}.page-head p{max-width:690px;position:relative;z-index:1;margin:12px 0 0;font-size:14px}.eyebrow{display:block;color:#66e1c1;text-transform:uppercase;font-size:10px;letter-spacing:.18em;font-weight:800;margin-bottom:14px}.card{border:1px solid #e2e9f2;border-radius:22px;padding:27px;margin-bottom:22px;box-shadow:0 7px 25px #233c6110;position:relative}.card h2{font-size:19px;letter-spacing:-.3px;display:flex;gap:10px;align-items:center}.card h2::before{content:'';width:5px;height:20px;border-radius:6px;background:#0b9982;flex:none}.card:nth-of-type(3n) h2::before{background:#3373ec}.card:nth-of-type(4n) h2::before{background:#ecad34}.stats{gap:16px}.stat{border:1px solid #dce8f5;box-shadow:0 6px 20px #19355408;min-height:142px;padding:25px;position:relative;overflow:hidden;background:linear-gradient(140deg,#fff,#f0f7ff)}.stat:nth-child(2){background:linear-gradient(140deg,#fff,#eaf9f3);border-color:#d1ede1}.stat:nth-child(3){background:linear-gradient(140deg,#fff,#fff4dd);border-color:#f1e3c3}.stat:nth-child(4){background:linear-gradient(140deg,#fff,#f2eaff);border-color:#e7dcf7}.stat::after{content:'✦';position:absolute;right:18px;top:15px;font-size:32px;color:#2563eb19}.stat strong{font-size:38px;color:#175fd6;margin-bottom:6px}.stat:nth-child(2) strong{color:#07816e}.stat:nth-child(3) strong{color:#c07a15}.stat:nth-child(4) strong{color:#7650b6}.stat small{font-weight:500}.notice{background:#edf7f4;border:1px solid #c4e8de;border-left:5px solid #0b9982;color:#255e50;padding:17px 20px}.badge{background:#e7f4ef;color:#087862;font-weight:650;padding:5px 12px}.room-strip{background:#dce8f6;color:#2a4b70;border:1px solid #c9d9ed;border-radius:14px;display:flex;align-items:center;gap:10px;font-weight:650}.room-strip::before{content:'♥';color:#168c7d;font-size:19px}button,.button{background:linear-gradient(110deg,#0b927c,#057c83);box-shadow:0 5px 14px #0b927c24;padding:12px 19px;border-radius:12px;transition:transform .16s,box-shadow .16s}button:hover,.button:hover{background:linear-gradient(110deg,#067866,#006770);transform:translateY(-1px);box-shadow:0 7px 18px #0b927c30;color:#fff;text-decoration:none}input,select,textarea{background:#f8faff;border-color:#dce5f0;border-radius:12px;padding:12px 14px}label{color:#415672;font-size:12px}input:focus,textarea:focus,select:focus{outline-color:#70cebd;background:#fff}form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}form>button,form>input,form>.check,form>p,form>label:has(textarea){grid-column:1/-1}.navbar-account form{display:block}.subcard{background:#f2f6fb;border:1px solid #dce6f2;border-left:4px solid #437ce1;border-radius:14px}.table-wrap{border:1px solid #e0e8f2;border-radius:14px}th{background:#f0f5fb;text-transform:uppercase;letter-spacing:.04em;font-size:10px}td,th{padding:15px 16px}tr:nth-child(even) td{background:#fafcff}td a{font-weight:600}.score-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.score-steps span{padding:14px;border:1px solid #dce7f6;border-radius:14px;font-weight:650;background:#edf4ff;color:#315d92}.score-steps span:first-child{background:#fff0ef;color:#b44842;border-color:#f5d8d4}.score-steps span:nth-child(2){background:#fff6dd;color:#947019;border-color:#f0e2b8}.score-steps span:nth-child(3){background:#e6f7f1;color:#0c826b;border-color:#cae9dd}.score-steps span:nth-child(4){background:#e9efff;color:#3455b4;border-color:#d2ddfc}.journey{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 18px}.journey span{border:1px solid #cedcec;background:#ffffffb3;color:#4e6785;font-size:11px;letter-spacing:.02em;font-weight:650;border-radius:30px;padding:8px 13px}.couple-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.person-card{display:flex;align-items:center;gap:18px;padding:23px;background:#fff;border:1px solid #d9e4f0;border-radius:20px;box-shadow:0 7px 20px #243c5f0a}.avatar{height:58px;width:58px;display:grid;place-items:center;flex:none;border-radius:18px;background:linear-gradient(145deg,#146bd7,#0e396f);color:#fff;font-size:25px;font-weight:800}.person-card:nth-child(2) .avatar{background:linear-gradient(145deg,#0b9c85,#056358)}.person-card h3{margin:0;font-size:17px}.person-card p{margin:3px 0;font-size:12px;color:#7b8ca3}.auth{max-width:560px;margin:6vh auto}.auth form{grid-template-columns:1fr}.auth .card{padding:30px}.auth .page-head{padding:30px}.menu-toggle{display:none!important}.auth>footer{text-align:center}footer{padding-top:20px;border-top:1px solid #dbe4ef;font-size:11px;color:#7c8da3}@media(max-width:1100px){.main{padding:22px}.score-steps{grid-template-columns:1fr 1fr}}@media(max-width:991px){.navbar{padding:12px 16px;min-height:70px}.menu-toggle{display:inline-block!important;box-shadow:none;background:#203853;padding:7px 11px;margin-right:8px;border:1px solid #45617f}.sidebar{display:none;width:100%;position:static;max-height:65vh}.nav-open .sidebar{display:block}.sidebar nav{display:grid;grid-template-columns:1fr 1fr}.sidebar nav .nav-section{grid-column:1/-1;display:block}.main{margin-left:0}.sidebar .account{display:none}.navbar-brand{font-size:21px}.navbar-account>a{font-size:11px;padding:6px 10px}.page-head{padding:25px}}@media(max-width:600px){.navbar-account>a{max-width:145px}.navbar-account{gap:8px}.main{padding:16px}.page-head{border-radius:20px;padding:25px 23px}.card{padding:22px}.stats{gap:10px}.stat{padding:18px;min-height:125px}.stat strong{font-size:30px}.couple-grid{grid-template-columns:1fr}.person-card{padding:18px}form{grid-template-columns:1fr}.score-steps span{font-size:11px}.journey{gap:7px}.journey span{font-size:10px;padding:7px 10px}.navbar-brand .brand-mark{width:34px;height:34px;border-radius:11px}.sidebar nav a{font-size:12px;padding:10px}.navbar-account form button{font-size:11px;padding:6px 11px}}
.person-card>div:last-child{min-width:0}.person-card h3{overflow-wrap:anywhere}.navbar-brand{white-space:nowrap}@media(max-width:600px){.navbar{flex-wrap:wrap;gap:10px}.navbar-brand{margin-right:auto}.navbar-account{margin-left:auto}}

.category-tabs{display:flex;gap:8px;overflow:auto;margin:20px 0;padding-bottom:10px}.category-tabs a{flex:none;background:#fff;border:1px solid #dae5f0;border-radius:30px;padding:8px 14px;font-size:12px;color:#526982}.category-tabs a.selected{background:#0b8977;border-color:#0b8977;color:white}.reflection-table td{vertical-align:top}.reflection-table td:nth-child(2){min-width:230px;max-width:500px}.reflection-table td:last-child{min-width:230px}.reflection-table form{display:block;margin:8px 0}.response-buttons{display:flex;gap:8px;flex-wrap:wrap}.response-buttons button{font-size:12px;padding:9px 12px}.response-compromise{background:linear-gradient(110deg,#bd7913,#d89a25)}.reflection-editor>.card{box-shadow:none;border:0;padding:20px 0 0;margin:0}.reflection-editor>summary{font-size:17px;font-weight:800;color:#087e6a}