:root{--navy:#12334a;--teal:#328879;--teal-dark:#226d60;--cream:#f5f5ef;--line:#dce5df;--ink:#213c4c;--muted:#677c85;--gold:#d5b567;--shadow:0 10px 32px #12334a0c}*{box-sizing:border-box}body{margin:0;background:#f6f8f6;color:var(--ink);font:14px/1.55 'Segoe UI',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}a{color:var(--teal-dark)}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-.7px;line-height:1.2}h2{font-size:20px;letter-spacing:-.25px}h3{font-size:16px}.muted{color:var(--muted)}.small{font-size:12px}.skip{position:absolute;left:10px;top:-60px;z-index:200;background:white;padding:10px}.skip:focus{top:10px}.icon{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;padding:10px 15px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);font-weight:650;font-size:13px;text-decoration:none;white-space:nowrap}.btn:hover{border-color:#84b1a3;background:#f4f9f5}.btn.primary{background:var(--teal);border-color:var(--teal);color:white}.btn.primary:hover{background:var(--teal-dark)}.btn.dark{background:var(--navy);border-color:var(--navy);color:white}.btn.danger{color:#a93736;border-color:#e9cecb}.btn.ghost{background:transparent;border-color:transparent}.btn:disabled{opacity:.55;cursor:wait}.btn.small{min-height:32px;padding:5px 9px;font-size:12px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;background:#edf1ef;color:#657880;white-space:nowrap}.pill.published{background:#e5f3eb;color:#256d4b}.pill.draft{background:#fff1cf;color:#8a651e}.pill.archived{background:#eeeef1;color:#6b6c7a}.pill.scheduled{background:#e8effc;color:#3b639d}.pill.changes{background:#fff1cf;color:#8a651e}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--navy)}.brand img{width:46px;height:54px;object-fit:contain}.brand strong{display:block;font:700 20px Georgia,serif;letter-spacing:1px}.brand small{display:block;color:#6d838a;font-size:10px;letter-spacing:1px;text-transform:uppercase}.loading-screen{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.loading-screen img{width:85px;margin-bottom:20px}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:var(--navy);color:white;padding:55px clamp(30px,6vw,90px);display:flex;flex-direction:column;justify-content:space-between;gap:40px;position:relative;overflow:hidden}.auth-story .brand{color:white}.auth-story .brand img{background:white;border-radius:9px;padding:5px;width:62px;height:70px}.auth-story .brand small{color:#c7ded8}.auth-story h1{font-size:clamp(36px,4vw,54px);max-width:500px;line-height:1.12}.auth-story>div>p{max-width:460px;color:#cedfdc;font-size:16px}.auth-points{display:grid;gap:16px;margin:28px 0;color:#dae9e5}.auth-points span{display:flex;align-items:center;gap:12px}.auth-story .kicker{color:#e7cb8a}.auth-panel{padding:45px;display:flex;align-items:center;justify-content:center;background:#fbfcf9}.auth-card{width:min(100%,410px)}.auth-card h2{font-size:28px;margin-bottom:10px}.auth-card form{margin-top:28px;display:grid;gap:18px}.auth-card .btn{width:100%;margin-top:7px}.auth-card .auth-foot{margin-top:24px;font-size:12px;color:var(--muted)}.kicker{text-transform:uppercase;letter-spacing:1.6px;color:var(--teal-dark);font-size:10px;font-weight:800;margin-bottom:13px}.field{display:grid;gap:7px;min-width:0}.field>label,.field-label{font-size:12px;font-weight:700;color:#365263}.field input:not([type=checkbox]),.field select,.field textarea{width:100%;min-height:43px;border:1px solid #d3e0d7;border-radius:8px;background:white;color:var(--ink);padding:10px 12px}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #8cbdad;outline-offset:1px}.field textarea{resize:vertical;min-height:99px}.field small,.hint{font-size:11px;color:var(--muted);line-height:1.5}.check-line{display:flex;gap:9px;align-items:flex-start;padding:12px 0}.check-line input{accent-color:var(--teal);width:17px;height:17px;flex:none;margin-top:3px}.error-box{padding:12px 14px;border:1px solid #e7c6bf;background:#fff2ee;color:#994537;border-radius:8px;font-size:13px}.notice{padding:15px 18px;border:1px solid #d1e3da;background:#eef6f0;border-radius:10px;color:#3e6253;font-size:13px}.notice.warning{background:#fff8e7;border-color:#ead9a9;color:#7d662f}.shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:#fff;border-right:1px solid var(--line);padding:25px 17px 18px;display:flex;flex-direction:column;gap:24px}.sidebar .brand{padding:0 8px 20px;border-bottom:1px solid var(--line)}.sidebar nav{display:grid;gap:4px}.sidebar nav button{display:flex;gap:10px;align-items:center;text-align:left;padding:10px 12px;border:0;background:transparent;color:#58717e;border-radius:8px;font-size:12px;font-weight:650}.sidebar nav button:hover{background:#f3f7f3;color:var(--navy)}.sidebar nav button.active{background:#e7f1eb;color:var(--teal-dark)}.nav-divider{font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:#8a9c9f;padding:18px 12px 5px}.sidebar-bottom{margin-top:auto;padding:15px 8px 0;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.workspace{min-width:0}.topbar{min-height:75px;display:flex;align-items:center;justify-content:space-between;padding:16px 35px;background:#ffffffcf;border-bottom:1px solid var(--line);gap:20px}.topbar>div{display:flex;gap:12px;align-items:center}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e7f1eb;color:var(--teal-dark);font-weight:750;font-size:13px}.user-name{font-size:12px;font-weight:700;line-height:1.3}.user-name small{display:block;font-size:10px;font-weight:500;text-transform:capitalize;color:var(--muted)}.mobile-menu{display:none}main{padding:32px 35px 70px;max-width:1500px;margin:auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading h1{margin-bottom:6px}.page-heading p{margin:0;color:var(--muted);font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.stat,.panel{background:white;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.stat{padding:22px}.stat span{display:block;font-size:12px;color:var(--muted)}.stat b{display:block;font-size:32px;line-height:1.3;margin:7px 0;color:var(--navy)}.stat small{font-size:11px;color:var(--teal-dark)}.dashboard-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.panel{padding:23px;margin-bottom:20px}.panel h2{margin-bottom:18px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-actions button{display:flex;gap:12px;align-items:center;padding:16px;background:#f7faf6;border:1px solid var(--line);border-radius:9px;text-align:left;color:var(--ink);font-weight:650}.quick-actions .icon{color:var(--teal)}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.toolbar input,.toolbar select{padding:10px 12px;min-height:41px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);font-size:13px}.toolbar input{width:min(390px,100%)}.toolbar .count{margin-left:auto;font-size:12px;color:var(--muted)}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{background:#f4f7f3;color:#6d8188;font-size:10px;letter-spacing:.6px;text-transform:uppercase;font-weight:700;white-space:nowrap}th,td{padding:14px 17px;border-bottom:1px solid #e8eeea;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcf9}.item-title{font-weight:700;color:var(--navy);text-decoration:none;background:none;border:0;text-align:left;padding:0;font-size:13px}.item-title:hover{color:var(--teal)}.item-sub{display:block;color:var(--muted);font-size:11px;margin-top:3px}.empty{padding:50px 25px;text-align:center;border:1px dashed #c5d8cc;border-radius:12px;background:#fff;color:var(--muted)}.empty h2{color:var(--navy)}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:start}.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field.full{grid-column:1/-1}.editor-side{position:sticky;top:20px}.editor-side .panel{padding:20px}.editor-side h3{margin-bottom:13px}.editor-side .btn{width:100%;margin-top:9px}.save-note{font-size:11px;color:var(--muted);margin-top:14px;margin-bottom:0}.record-meta{display:grid;gap:10px;font-size:11px;color:var(--muted)}.record-meta b{color:var(--ink);font-weight:600}.media-input{display:flex;gap:7px}.media-input input{min-width:0}.image-preview{max-height:180px;width:100%;object-fit:contain;background:#f0f5f0;border:1px solid var(--line);border-radius:8px;margin-top:7px}.richbox{border:1px solid #d3e0d7;border-radius:8px;overflow:hidden;background:white}.rich-toolbar{padding:7px;display:flex;gap:3px;flex-wrap:wrap;border-bottom:1px solid var(--line);background:#f7f9f6}.rich-toolbar button{border:0;background:transparent;padding:5px 8px;border-radius:5px;color:#3c5b68;font-size:12px}.rich-toolbar button:hover{background:#dfece4}.rich-editor{padding:15px;min-height:250px;max-height:550px;overflow:auto;outline:none;line-height:1.7}.rich-editor img{max-width:100%;height:auto}.rich-editor h2,.rich-editor h3{margin-top:15px}.rich-editor table{font-size:12px}.repeat-list{display:grid;gap:10px}.repeat-row{padding:13px;border:1px solid var(--line);background:#f9fbf8;border-radius:9px;display:grid;grid-template-columns:80px 1fr auto;gap:10px;align-items:start}.repeat-row.simple{grid-template-columns:1fr 1fr auto}.repeat-row img{width:80px;height:70px;object-fit:cover;border-radius:6px}.repeat-fields{display:grid;gap:7px}.repeat-fields input,.repeat-row input{min-height:36px!important;font-size:12px;padding:7px 9px!important}.repeat-remove{border:0;background:transparent;color:#95615b;padding:6px;font-size:17px}.repeat-add{justify-self:start;margin-top:7px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:13px}.media-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;text-align:left;padding:0;position:relative}.media-card img,.media-file{width:100%;height:125px;object-fit:contain;background:#f1f5f0}.media-file{display:grid;place-items:center;color:var(--teal);font-size:30px}.media-card>div:last-child{padding:10px}.media-card strong{font-size:11px;display:block;word-break:break-word}.media-card small{font-size:10px;color:var(--muted)}.media-card:hover{border-color:var(--teal)}dialog{border:1px solid var(--line);padding:0;border-radius:15px;width:min(900px,calc(100% - 30px));max-height:88vh;box-shadow:0 35px 100px #12334a38;color:var(--ink)}dialog::backdrop{background:#102b3c82}dialog .modal-head{display:flex;align-items:center;justify-content:space-between;padding:19px 24px;border-bottom:1px solid var(--line)}dialog .modal-head h2{margin:0}dialog .modal-body{padding:23px;overflow:auto;max-height:68vh}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.modal-grid .full{grid-column:1/-1}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(600px,90vw);background:var(--navy);color:white;box-shadow:0 10px 35px #12334a30;border-radius:10px;padding:13px 20px;z-index:300;display:none;font-size:13px}#toast.error{background:#873f36}.database-map{display:grid;grid-template-columns:1fr 1fr;gap:15px}.map-item{padding:18px;border:1px solid var(--line);border-radius:9px}.map-item code{font-size:11px;color:#54767b;display:block;margin-top:7px}.timeline{list-style:none;margin:0;padding:0}.timeline li{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.timeline small{display:block;color:var(--muted);font-size:11px}.link-button{padding:0;border:0;background:none;color:var(--teal-dark);font:inherit;text-decoration:underline}.role-note{padding:11px 0;font-size:12px;color:var(--muted)}[hidden]{display:none!important}
@media(max-width:1150px){.shell{grid-template-columns:220px minmax(0,1fr)}main{padding:25px 23px 60px}.topbar{padding:16px 23px}.editor-grid{grid-template-columns:minmax(0,1fr) 230px}.dashboard-grid{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:17px}.editor-fields{gap:17px}}
@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{display:none;position:fixed;left:0;top:0;width:250px;z-index:100;box-shadow:0 0 0 100vmax #12334a66}.shell.nav-open .sidebar{display:flex}.mobile-menu{display:inline-flex}.editor-grid{grid-template-columns:1fr}.editor-side{position:static;grid-row:1}.editor-side .panel{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.editor-side .panel h3,.editor-side .save-note,.editor-side .record-meta{display:none}.editor-side .btn{width:auto;margin:0}.editor-side .panel:last-child{display:none}.topbar .user-name{display:none}.stats{grid-template-columns:1fr 1fr}.auth-wrap{grid-template-columns:1fr}.auth-story{padding:30px}.auth-story h1{font-size:34px;margin:0}.auth-story>div>p,.auth-points,.auth-story>p{display:none}.auth-story .brand{margin-bottom:25px}.auth-panel{padding:35px 25px}.database-map{grid-template-columns:1fr}}
@media(max-width:550px){main{padding:23px 16px 50px}.topbar{padding:12px 16px;gap:8px}.topbar .btn{padding:8px;font-size:11px}.page-heading{flex-direction:column;gap:14px}.page-heading h1{font-size:27px}.editor-fields,.modal-grid{grid-template-columns:1fr}.field.full,.modal-grid .full{grid-column:1}.panel{padding:17px}.stats{gap:8px}.stat{padding:15px}.stat b{font-size:28px}.repeat-row{grid-template-columns:60px 1fr auto}.repeat-row img{width:60px;height:60px}.repeat-row.simple{grid-template-columns:1fr auto}.repeat-row.simple input:first-child{grid-column:1}.repeat-row.simple input:nth-child(2){grid-column:1;grid-row:2}.repeat-row.simple .repeat-remove{grid-column:2;grid-row:1/3}.quick-actions{grid-template-columns:1fr}.toolbar input{width:100%}.toolbar .count{margin-left:0}.auth-story h1{font-size:28px}th,td{padding:12px}.media-grid{grid-template-columns:1fr 1fr}}
.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#75858a;font-size:12px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#dce5df}.passkey-signin{width:100%;border:1px solid #387e72;color:#245f55;background:#f1f7f4;justify-content:center}.passkey-note{margin:10px 0 0;font-size:11px;line-height:1.6}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.security-profile{display:grid;grid-template-columns:120px 1fr;gap:10px 16px;font-size:13px}.security-profile dt{color:#69808a}.security-profile dd{margin:0;overflow-wrap:anywhere}.section-actions{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-actions h2{margin-bottom:8px}.section-actions p{margin-top:0}.passkey-list{margin-top:16px}.passkey-row{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #dce6df;padding:18px 0}.passkey-row p{margin-bottom:0}.review-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.review-grid>aside{position:sticky;top:105px;align-self:start}.review-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.review-photo-grid figure{margin:0}.review-photo-grid img{width:100%;height:160px;object-fit:contain;border:1px solid #d9e4dc;border-radius:9px;background:#f5f8f4}.review-photo-grid figcaption{font-size:10px;overflow-wrap:anywhere;color:#6a8089;margin-top:6px}.review-body{max-width:100%;overflow:auto;line-height:1.7}.review-body img{max-width:100%;height:auto}.review-messages{list-style:none;padding:0;margin:0;display:grid;gap:13px}.review-messages li{border:1px solid #dbe5de;background:#f6f9f5;border-radius:10px;padding:14px 17px}.review-messages small{display:block;font-size:10px;color:#70838c;margin-top:4px}.review-messages p{white-space:normal;overflow-wrap:anywhere;margin:10px 0 0;font-size:13px}.review-messages .message-admin{background:#eaf4f0;border-color:#bfd8cb}.review-messages .message-system{background:#fffbef;border-color:#ede1be}@media(max-width:1050px){.review-grid{grid-template-columns:1fr}.review-grid>aside{position:static;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:15px}}@media(max-width:650px){.security-grid{grid-template-columns:1fr}.review-grid>aside{grid-template-columns:1fr}.review-photo-grid{grid-template-columns:1fr 1fr}.section-actions{align-items:start;flex-direction:column}.security-profile{grid-template-columns:90px 1fr}.passkey-row{align-items:start}.review-photo-grid img{height:130px}}
.auth-steps{list-style:none;display:flex;gap:20px;padding:0;margin:18px 0 26px}.auth-steps li{display:flex;align-items:center;gap:8px;font-size:11px;color:#8b9a9d}.auth-steps li>span{display:grid;place-items:center;border:1px solid #d8e3db;border-radius:50%;width:25px;height:25px;font-size:11px;font-weight:700}.auth-steps .active{color:#1e6758;font-weight:700}.auth-steps .active>span{background:#e7f3ec;border-color:#559880}.auth-steps .complete{color:#438774}.auth-steps .complete>span{background:#438774;border-color:#438774;color:#fff}.phone-approval-art{height:172px;display:grid;place-items:center;margin:18px 0 24px;border-radius:16px;background:radial-gradient(circle at center,#e8f3ec 0%,#f6f9f5 65%);color:#32796b}.phone-approval-art svg{height:146px;width:175px}.phone-approval-button{width:100%;justify-content:center;min-height:50px}.auth-back{display:block;margin-top:18px;font-size:12px}.enrolment-workspace{min-height:100vh;background:#f7f9f5}.enrolment-workspace>main{max-width:1200px;margin:auto;padding-top:28px}.enrolment-workspace .topbar{position:relative;gap:18px}.enrolment-workspace .topbar>.brand{margin-right:auto}.enrolment-workspace .topbar .brand img{width:45px;height:45px}

/* Media usage and storage cleanup */
.media-item{min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;background:white;overflow:hidden}.media-item>.media-card{width:100%;border:0;border-radius:0;flex:1}.media-item-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;border-top:1px solid var(--line)}.media-item-actions .btn{white-space:normal;text-align:left}.media-usage-detail{margin-top:18px;overflow-wrap:anywhere}.media-usage-detail ul{padding-left:20px;font-size:12px;color:var(--muted)}
