:root{--navy:#063c50;--turquoise:#098da4;--light:#e5f7fa;--border:#d9e9ed;--ink:#183744;--muted:#65828e;--shadow:0 12px 36px rgba(4,54,70,.07)}
*{box-sizing:border-box}body.nswsk-portal-body{font:15px/1.7 'Kanit',sans-serif;background:#f4f9fa;color:var(--ink);margin:0}body.nswsk-portal-body a{text-decoration:none;color:inherit}body.nswsk-portal-body button,body.nswsk-portal-body input,body.nswsk-portal-body textarea,body.nswsk-portal-body select{font:inherit}body.nswsk-portal-body button{cursor:pointer}body.nswsk-portal-body img{max-width:100%;height:auto}body.nswsk-portal-body a:focus-visible,body.nswsk-portal-body button:focus-visible{outline:3px solid #7fdee5;outline-offset:2px}
.portal-login-wrap{display:grid;grid-template-columns:minmax(400px,.95fr) 1fr;min-height:100vh}.login-panel{width:min(460px,85%);align-self:center;justify-self:center;padding:28px 0}.portal-seal{width:104px;height:104px;border-radius:50%;background:#fff;border:5px solid #e6d094;padding:14px;box-shadow:0 0 0 5px #d5f2f7,0 12px 28px rgba(0,49,66,.12);display:flex;align-items:center;justify-content:center;margin-bottom:30px}.portal-seal img{width:100%;height:100%;object-fit:contain}.portal-label{color:#0999ae;font-size:12px;font-weight:600;letter-spacing:2px}.login-panel h1{font-size:30px;margin:6px 0 2px;font-weight:600;color:#063e51}.login-panel>p{color:var(--muted);margin:0 0 30px}.login-panel form>label:not(.portal-remember),.portal-field>label{display:block;font-weight:500;font-size:14px;margin:15px 0 7px}.login-panel input:not([type=checkbox]),.portal-field input:not([type=color],[type=checkbox],[type=file]),.portal-field textarea,.portal-field select,.portal-menu-table input:not([type=checkbox]),.portal-menu-table select{display:block;width:100%;padding:12px 13px;border:1px solid #cedfe5;border-radius:10px;background:#fff;color:#143b49;outline:0;min-width:0}.login-panel input:focus,.portal-field input:focus,.portal-field textarea:focus,.portal-field select:focus{border-color:#0aa8bb;box-shadow:0 0 0 3px #d4f6fa}.portal-honeypot{display:none!important}.portal-remember{display:flex;align-items:center;gap:8px;margin:12px 0 20px;color:#577987;font-size:13px}.portal-remember input{width:17px;height:17px}.portal-btn{border:0;padding:11px 17px;border-radius:9px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;min-height:43px}.portal-btn.primary{background:linear-gradient(100deg,#07516b,#099aaf);color:white}.portal-btn.primary:hover{filter:brightness(1.1)}.portal-btn.light{background:#e2f7fa;color:#07536d}.portal-btn.subtle{border:1px solid #ccdde4;color:#315b69;background:#fff}.portal-btn.danger{background:#ffe9e7;color:#b02a25}.portal-btn.full{width:100%}.portal-login-links{display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#167f98;margin-top:23px}.login-aside{background:linear-gradient(135deg,#05394e,#08758d 70%,#0ca8bb);position:relative;overflow:hidden;display:flex;align-items:center;padding:8vw;color:white}.login-aside:before{content:'';width:540px;height:540px;position:absolute;right:-180px;top:-130px;border-radius:50%;border:72px solid rgba(255,255,255,.05);box-shadow:0 0 0 70px rgba(255,255,255,.025)}.login-aside-inner{position:relative;z-index:1}.login-aside span{color:#bce9f0;letter-spacing:2px;font-size:13px}.login-aside h2{font-size:clamp(35px,4vw,64px);line-height:1.25;letter-spacing:-1px;margin:14px 0;font-weight:500}.login-aside p{font-size:16px;color:#c9edf2;max-width:420px}.portal-layout{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr)}.portal-sidebar{background:#053e53;color:#d6f0f4;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{padding:26px 22px 24px;display:flex;align-items:center;gap:13px;border-bottom:1px solid rgba(255,255,255,.12);color:white!important}.sidebar-brand img{width:47px;height:47px;border-radius:50%;object-fit:contain;background:white;padding:5px}.sidebar-brand span{font-size:22px;font-weight:600;letter-spacing:1px}.sidebar-brand small{display:block;font-size:11px;font-weight:300;letter-spacing:.4px;color:#a5d9e3;line-height:1.2}.portal-sidebar nav{padding:20px 12px;display:flex;flex-direction:column;gap:4px}.portal-sidebar nav a{display:flex;gap:12px;align-items:center;border-radius:9px;padding:10px 13px;font-size:13px;transition:background .15s}.portal-sidebar nav a span{width:21px;text-align:center;color:#91d4de;font-size:18px}.portal-sidebar nav a:hover,.portal-sidebar nav a.active{background:rgba(255,255,255,.11);color:#fff}.portal-sidebar nav a.active{border-left:3px solid #51d8e2}.sidebar-bottom{margin:auto 16px 18px;display:flex;flex-direction:column;gap:12px;font-size:12px;border-top:1px solid rgba(255,255,255,.13);padding:20px 8px}.sidebar-bottom a:hover{color:#fff}.portal-main{min-width:0}.portal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:112px;padding:22px 34px;background:#fff;border-bottom:1px solid #e0ecef}.portal-breadcrumb{font-size:10px;color:#20a4b9;font-weight:600;letter-spacing:2px}.portal-toolbar h1{font-weight:500;font-size:27px;line-height:1.3;margin:4px 0}.portal-user{font-size:13px;border:1px solid #e2eef0;padding:8px 15px;border-radius:50px;white-space:nowrap}.portal-user span{color:#32beba}.portal-content{padding:32px 34px 60px;max-width:1350px}.portal-alert{padding:11px 16px;border-radius:8px;margin-bottom:17px;font-size:14px}.portal-alert.success{background:#d9f6eb;color:#12624a}.portal-alert.error{background:#fff0ed;color:#a5352c}.portal-welcome{position:relative;background:linear-gradient(108deg,#053f56,#078299);color:white;border-radius:16px;padding:35px 39px;overflow:hidden}.portal-welcome:after{content:'';position:absolute;width:250px;height:250px;border:33px solid rgba(255,255,255,.045);border-radius:50%;right:-20px;top:-110px}.portal-welcome span{color:#9cdfe9;font-size:12px;letter-spacing:2px}.portal-welcome h2{font-size:26px;font-weight:500;max-width:690px;margin:9px 0}.portal-welcome p{color:#c4edf2;font-size:13px;margin-bottom:20px;max-width:650px}.overview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0 30px}.overview-stats a{display:flex;flex-direction:column;gap:0;background:#fff;padding:20px;border:1px solid var(--border);border-radius:13px}.overview-stats strong{font-size:30px;color:#0c8197;font-weight:600;line-height:1.4}.overview-stats span{font-size:13px;color:var(--muted)}.portal-subheading{font-size:21px;font-weight:500}.overview-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.overview-shortcuts a{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #d9e9ed;border-radius:12px;padding:19px;min-height:132px}.overview-shortcuts a>span{font-size:26px;color:#0996ab}.overview-shortcuts strong{font-size:13px;font-weight:500}.overview-shortcuts small{margin-top:auto;color:#098da3;font-size:11px}.portal-note{color:#617e87;font-size:13px;margin-top:20px}.portal-panel{background:white;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.portal-panel-heading,.portal-list-heading{padding:23px 27px;border-bottom:1px solid var(--border)}.portal-panel-heading h2,.portal-list-heading h2{font-size:21px;margin:0;font-weight:500}.portal-panel-heading p,.portal-list-heading p{color:var(--muted);font-size:13px;margin:3px 0 0}.portal-list-heading{display:flex;justify-content:space-between;gap:18px;align-items:center}.portal-form{padding:25px 27px}.portal-field{margin:0 0 22px;min-width:0}.portal-field>label{margin:0 0 7px;display:block}.portal-field input:not([type=checkbox],[type=color],[type=file]){max-width:840px}.portal-field textarea{max-width:840px;resize:vertical}.portal-field small{color:var(--muted);display:block;margin-top:7px}.portal-input-row{display:flex;gap:8px;align-items:center;max-width:960px}.portal-input-row input{flex:1}.portal-image-preview img{display:block;max-height:190px;max-width:300px;object-fit:contain;margin-top:12px;border-radius:10px;border:1px solid #e4ebef;padding:5px;background:#fff}.color-field{display:flex;align-items:center;gap:14px}.color-field input{height:52px;width:80px;padding:2px;border:1px solid #d5e5ea;border-radius:8px}.color-field code{font:13px monospace}.portal-form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:23px}.portal-checkbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;background:#f7fbfc;padding:17px;border:1px solid var(--border);border-radius:10px}.portal-checkbox-grid label{font-size:12px}.portal-checkbox-grid input{accent-color:#078da4}.portal-field .wp-editor-wrap{max-width:100%}.portal-list-heading .portal-btn{white-space:nowrap}.portal-table-wrap{overflow-x:auto}.portal-table{border-collapse:collapse;width:100%;font-size:13px}.portal-table th{text-align:left;background:#eff8fa;color:#346878;font-size:12px;font-weight:500}.portal-table th,.portal-table td{padding:13px 17px;border-bottom:1px solid #e8f1f3;vertical-align:middle}.portal-table td small{display:block;color:#80929a;margin-top:2px}.portal-table td a{color:#078da4}.portal-menu-table input:not([type=checkbox]),.portal-menu-table select{padding:7px;min-width:120px}.portal-menu-table .sort-input{min-width:65px!important;width:75px!important}.portal-menu-new{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:16px}.portal-form h3{font-weight:500;font-size:17px}.portal-delete-form{padding:0 27px 27px}.portal-pagination{display:flex;gap:6px;padding:15px 22px;flex-wrap:wrap}.portal-pagination a{padding:5px 11px;background:#eef7f9;border-radius:5px}.portal-pagination a.active{background:#078da4;color:white}.portal-mobile-toggle{display:none;border:0;background:#e7f5f8;border-radius:8px;padding:9px 12px;color:#0b6782}
@media(max-width:1080px){.overview-shortcuts{grid-template-columns:repeat(3,1fr)}.portal-layout{grid-template-columns:220px minmax(0,1fr)}.portal-content{padding:25px}.portal-toolbar{padding:20px 25px}.portal-checkbox-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.portal-login-wrap{grid-template-columns:1fr}.login-aside{display:none}.login-panel{padding:40px 0}.portal-layout{display:block}.portal-sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;z-index:999;transform:translateX(-100%);transition:transform .2s;box-shadow:0 10px 40px rgba(0,0,0,.1)}.portal-sidebar.open{transform:translateX(0)}.portal-mobile-toggle{display:block}.portal-toolbar{gap:12px;padding:15px;min-height:82px}.portal-toolbar h1{font-size:20px}.portal-user{display:none}.portal-content{padding:16px}.portal-panel-heading,.portal-list-heading,.portal-form{padding:20px}.portal-welcome{padding:25px}.portal-welcome h2{font-size:20px}.overview-shortcuts{grid-template-columns:repeat(2,1fr)}.overview-stats{gap:8px}.overview-stats a{padding:13px}.overview-stats strong{font-size:23px}.portal-input-row{flex-wrap:wrap}.portal-input-row .portal-btn{width:100%}.portal-list-heading{align-items:flex-start;flex-wrap:wrap}.portal-checkbox-grid{grid-template-columns:1fr 1fr}.portal-menu-new{grid-template-columns:1fr}}
@media(max-width:400px){.overview-shortcuts{grid-template-columns:1fr 1fr;gap:8px}.overview-shortcuts a{padding:12px}.portal-checkbox-grid{grid-template-columns:1fr}.login-panel h1{font-size:25px}}
.portal-directory-group{background:#f8fcfd;border:1px solid #d9eaf0;border-radius:12px;padding:20px 20px 4px;margin:16px 0 22px;min-width:0}.portal-directory-group legend{color:#095d72;font-size:15px;font-weight:600;padding:4px 10px;background:#e4f5f8;border-radius:6px}.portal-directory-group .portal-field{margin-bottom:17px}@media(max-width:760px){.portal-directory-group{padding:14px 14px 0}} .portal-development-guide{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:14px 26px;background:#eaf8fb;border-bottom:1px solid #d5e9ee;color:#23546a;font-size:13px}.portal-development-guide strong{color:#066a80}.portal-dev-table td{vertical-align:middle}.portal-dev-thumbnail{display:block;width:78px;height:110px;object-fit:contain;border-radius:7px;background:#f4f7f8;border:1px solid #e2edf0;padding:3px}.portal-no-cover{display:flex;align-items:center;text-align:center;justify-content:center;font-size:11px;color:#758e98}.portal-dev-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.portal-dev-actions .portal-btn{padding:7px 10px;min-height:34px}.portal-dev-actions form{margin:0}.portal-dev-empty{padding:25px 0;text-align:center;color:#6e8792}.portal-dev-edit-layout{display:grid;grid-template-columns:minmax(175px,255px) minmax(0,1fr);align-items:start;gap:25px;max-width:920px;padding:16px;background:#f4fbfc;border:1px solid #d8edf0;border-radius:12px}.portal-dev-cover-preview{aspect-ratio:210/297;background:white;border:1px solid #dbe7eb;box-shadow:0 5px 16px #0a4c6417;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:5px;min-width:0}.portal-dev-cover-preview img{width:100%;height:100%;object-fit:contain}.portal-dev-cover-placeholder{text-align:center;font-size:38px;color:#93aeb7;line-height:1.4}.portal-dev-cover-placeholder small{font-size:14px;display:block}.portal-dev-controls{min-width:0}.portal-dev-controls p{margin:0 0 12px;color:#526e7c;font-size:13px}.portal-dev-controls .portal-btn{margin-bottom:14px}.portal-dev-upload-label{font-weight:500;margin:12px 0 7px;display:block}.portal-dev-controls input[type=file]{width:100%;padding:10px;border:1px dashed #b4d1dc;border-radius:8px;background:white}.portal-dev-controls small{display:block;color:#64808c;font-size:12px;margin:8px 0}.portal-dev-remove{margin:16px 0 0;display:flex;gap:9px;align-items:center;font-size:13px;color:#99473b}.portal-dev-remove input{width:17px;height:17px;accent-color:#b33b2f}.portal-dev-actions a:not(.portal-btn){white-space:nowrap}
@media(max-width:760px){.portal-dev-edit-layout{grid-template-columns:1fr}.portal-dev-cover-preview{width:min(260px,100%)}.portal-dev-table th:nth-child(3),.portal-dev-table td:nth-child(3){display:none}.portal-development-guide{padding:12px 17px}.portal-dev-actions{align-items:start;flex-direction:column}}