:root{--ink:#321d23;--muted:#7f7074;--line:#e8dcdf;--paper:#fff;--canvas:#f8f4f5;--green:#741f35;--green2:#f3e2e7;--lime:#efbd62;--orange:#d47b4c;--red:#a72f43;font-family:Inter,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.overline{margin:0 0 7px;color:var(--green);font-size:.68rem;font-weight:800;letter-spacing:.14em}.overline.light{color:#edc4cf}.muted{color:var(--muted)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-brand{padding:42px clamp(42px,8vw,120px) 54px;display:flex;flex-direction:column;justify-content:space-between;color:white;background:radial-gradient(circle at 15% 15%,rgba(255,210,220,.14),transparent 25%),linear-gradient(145deg,#741f35,#4d1424);position:relative;overflow:hidden}.login-brand:after{content:'';position:absolute;width:560px;height:560px;border:1px solid #ffffff14;border-radius:50%;right:-280px;bottom:-260px;box-shadow:0 0 0 80px #ffffff08,0 0 0 160px #ffffff05}.sts-logo{position:relative;z-index:2;width:205px;height:auto;padding:9px 11px;border-radius:12px;background:#fff;object-fit:contain;filter:drop-shadow(0 8px 18px #2d07124d)}.sts-logo.mobile{width:112px;padding:5px 7px;border:1px solid var(--line);filter:none}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--lime);color:#4d1424;font-weight:800;font-size:1.45rem}.brand-mark.small{width:38px;height:38px;border-radius:11px;font-size:1.1rem}.login-brand h1{max-width:650px;margin:12px 0 24px;font-size:clamp(2.7rem,5vw,5rem);line-height:1.03;letter-spacing:-.06em}.login-brand h1 em{color:var(--lime);font-style:normal}.login-copy{max-width:540px;color:#ead5da;font-size:1.08rem;line-height:1.7}.trust-row{display:flex;gap:28px;color:#f0dce1;font-size:.84rem}.login-panel{display:grid;place-items:center;padding:36px;background:#fbf8f9;border-top:8px solid var(--green);border-bottom:8px solid var(--green)}.login-card{width:min(440px,100%)}.login-card h2{margin:5px 0 7px;font-size:2rem;letter-spacing:-.04em}.login-card>label{display:block;margin:22px 0 8px;font-weight:700;font-size:.86rem}.input-wrap{height:52px;display:flex;align-items:center;gap:11px;padding:0 15px;border:1px solid #dac9ce;border-radius:11px;background:#fff}.input-wrap:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #741f351a}.input-wrap input{width:100%;border:0;outline:0;color:var(--ink)}.input-wrap button{border:0;background:none;color:var(--muted)}.button{border:0;border-radius:10px;padding:12px 17px;font-weight:800}.button.primary{background:var(--green);color:white}.button.secondary{background:var(--green2);color:var(--green)}.button.ghost{border:1px solid var(--line);background:#fff;color:var(--ink)}.button.danger{background:#fae7e5;color:var(--red)}.button.wide{width:100%;height:52px;margin-top:26px;display:flex;justify-content:center;gap:15px;align-items:center}.demo-box{margin-top:25px;padding:14px;border:1px dashed #d8c2c8;border-radius:10px;color:var(--muted);display:grid;grid-template-columns:auto 1fr 1fr;gap:7px;align-items:center;font-size:.75rem}.demo-box button{border:0;border-radius:7px;padding:7px;background:var(--green2);color:var(--green);font-weight:700}.demo-box small{grid-column:2/4}.mobile-logo{display:none}
.auth-links{margin-top:9px;text-align:right}.auth-links button,.register-prompt button{padding:0;border:0;background:none;color:var(--green);font-size:.75rem;font-weight:800}.register-prompt{margin:15px 0 0;text-align:center;color:var(--muted);font-size:.78rem}.demo-box{grid-template-columns:auto repeat(3,1fr)}.demo-box small{grid-column:2/5}.modal-form{display:grid;gap:13px;margin-top:20px}.modal-form .field label{margin-bottom:6px}
.complaint-form{max-width:980px;margin:auto}.section-number.pale{padding-bottom:12px;border-bottom:1px solid var(--line);color:#71869a;font-size:.72rem;letter-spacing:.1em}.section-number.pale span{background:#dff1f7;color:#146985}.field label b{color:var(--red)}.evidence-input{height:47px}.evidence-input input{padding:0;border:0}.privacy-note{margin:0 0 20px;padding:13px 15px;border-radius:9px;background:#f7f0f2;display:flex;flex-direction:column;gap:3px;color:var(--green);font-size:.72rem}.privacy-note span{color:var(--muted)}.evidence-link{display:inline-block;margin-top:4px;color:var(--green);font-size:.78rem;font-weight:800;text-decoration:none}
.management-checklist{max-height:480px;overflow:auto}.management-documents{display:grid;grid-template-columns:1fr 1fr;gap:14px}.management-document{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fcfdfd}.empty-state.compact{grid-column:1/-1;padding:24px}.management-document .photo-upload{min-height:95px!important}
.app-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;padding:27px 18px 18px;background:linear-gradient(180deg,#68192f,#4b1021);color:white;display:flex;flex-direction:column;z-index:20}.logo{padding:0 10px 28px;display:flex;align-items:center;gap:11px;color:white;text-decoration:none;font-weight:800}.app-logo-mark{width:48px;height:43px;flex:0 0 auto;padding:5px;display:grid;place-items:center;border-radius:10px;background:#f1bd52;box-shadow:0 5px 15px #2e07134d}.app-logo-mark img{display:block;width:100%;height:100%;object-fit:contain}.logo small{display:block;margin-top:3px;color:#e3b9c4;font-size:.61rem;letter-spacing:.05em}.sidebar nav{display:grid;gap:5px}.nav-label{margin:20px 12px 8px;color:#c78e9d;font-size:.61rem;font-weight:800;letter-spacing:.14em}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;border:0;border-radius:9px;background:transparent;color:#e0bdc6;text-align:left;font-size:.86rem;font-weight:600}.nav-item:hover,.nav-item.active{background:#8c314a;color:white}.nav-item .nav-icon{width:22px;text-align:center}.nav-item .count{margin-left:auto;padding:2px 7px;border-radius:10px;background:var(--lime);color:#4b1021;font-size:.67rem}.sidebar-footer{margin-top:auto;padding:15px 5px 0;border-top:1px solid #ffffff1f;display:flex;align-items:center;gap:9px}.sidebar-footer div:nth-child(2){min-width:0;flex:1}.sidebar-footer strong,.sidebar-footer small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer strong{font-size:.73rem}.sidebar-footer small{margin-top:2px;color:#d5a9b5;font-size:.62rem}.sidebar-footer button{border:0;background:none;color:#e0bdc6}.mini-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#f1bd52;color:#4b1021;font-weight:800;font-size:.68rem}.main-area{grid-column:2;min-width:0}.topbar{height:90px;padding:0 clamp(22px,4vw,52px);border-bottom:1px solid var(--line);background:#fffffff0;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.topbar h2{margin:0;font-size:1.35rem;letter-spacing:-.03em}.top-actions{display:flex;align-items:center;gap:20px}.icon-button{border:1px solid var(--line);background:#fff;width:39px;height:39px;border-radius:10px;color:var(--green)}.notification-button{position:relative}.notification-button span{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--orange);top:8px;right:8px}.top-date{padding-left:20px;border-left:1px solid var(--line)}.top-date strong,.top-date small{display:block}.top-date strong{font-size:.77rem}.top-date small{margin-top:2px;color:var(--muted);font-size:.68rem}.menu-button{display:none}.content{padding:30px clamp(20px,4vw,52px) 60px;max-width:1500px;margin:auto}
.welcome-strip{padding:24px 28px;border-radius:16px;background:linear-gradient(110deg,#81233d,#5a1428);color:white;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative;box-shadow:0 12px 28px #68192f1f}.welcome-strip h3{margin:0 0 6px}.welcome-strip p{margin:0;color:#edd3da;font-size:.8rem}.status-pill{padding:9px 13px;border-radius:8px;background:var(--lime);color:#4b1021;font-size:.72rem;font-weight:800}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat-card,.panel{border:1px solid var(--line);border-radius:13px;background:#fff}.stat-card{padding:18px}.stat-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem;font-weight:700}.stat-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--green2);color:var(--green)}.stat-card strong{display:block;margin:8px 0 2px;font-size:1.75rem}.stat-card small{color:var(--muted);font-size:.66rem}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:16px}.panel{padding:20px}.panel-header{margin-bottom:18px;display:flex;justify-content:space-between;align-items:center}.panel-header h3{margin:0;font-size:.95rem}.panel-header p{margin:3px 0 0;color:var(--muted);font-size:.7rem}.text-link{border:0;background:none;color:var(--green);font-size:.72rem;font-weight:800}.progress-list{display:grid;gap:18px}.progress-head{display:flex;justify-content:space-between;margin-bottom:7px;font-size:.73rem;font-weight:700}.progress-track{height:7px;border-radius:5px;background:#f0e7e9;overflow:hidden}.progress-fill{height:100%;border-radius:5px;background:var(--green)}.progress-fill.orange{background:var(--orange)}.activity-list{display:grid;gap:13px}.activity-item{display:flex;gap:11px}.activity-dot{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:var(--green2);color:var(--green)}.activity-item p{margin:0;font-size:.73rem}.activity-item small{display:block;margin-top:3px;color:var(--muted);font-size:.62rem}
.page-heading{margin-bottom:22px;display:flex;justify-content:space-between;align-items:end;gap:15px}.page-heading h3{margin:0;font-size:1.55rem;letter-spacing:-.035em}.page-heading p{margin:5px 0 0;color:var(--muted);font-size:.82rem}.report-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.form-panel{padding:28px}.form-section{margin-bottom:28px}.section-number{display:flex;align-items:center;gap:10px;margin-bottom:17px;font-weight:800}.section-number span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--green);color:white;font-size:.72rem}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field.full{grid-column:1/-1}.field label{display:block;margin-bottom:7px;font-size:.76rem;font-weight:800}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #cfdad7;border-radius:9px;background:white;color:var(--ink);outline:none}.field textarea{min-height:105px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #176b5d17}.field small{display:block;margin-top:5px;color:var(--muted);font-size:.63rem}.form-actions{padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.info-panel{align-self:start}.info-box{margin-bottom:15px;padding:16px;border-radius:11px;background:#edf5f2}.info-box h4{margin:0 0 7px;font-size:.8rem}.info-box p,.info-box li{color:#5e7470;font-size:.7rem;line-height:1.55}.info-box ul{margin:0;padding-left:17px}.table-panel{padding:0;overflow:hidden}.table-toolbar{padding:18px;display:flex;justify-content:space-between;gap:12px}.search{min-width:250px;padding:10px 12px;border:1px solid var(--line);border-radius:9px}.filter-select{padding:10px;border:1px solid var(--line);border-radius:9px;background:white}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:13px 17px;border-top:1px solid #e8eeec;text-align:left;font-size:.72rem}.data-table th{color:var(--muted);background:#fafcfb;font-size:.63rem;text-transform:uppercase;letter-spacing:.07em}.badge{display:inline-flex;padding:4px 8px;border-radius:20px;font-size:.62rem;font-weight:800}.badge.submitted{background:#fff1dc;color:#996121}.badge.verified{background:#dff1eb;color:#176b5d}.badge.revision{background:#f9e2df;color:#a74742}.badge.missing{background:#edf0ef;color:#65716f}.row-actions{display:flex;gap:6px}.row-actions button{border:1px solid var(--line);border-radius:6px;background:#fff;padding:5px 8px;color:var(--green);font-size:.65rem}.chart{height:190px;display:flex;align-items:end;gap:10px;padding-top:15px}.bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px}.bar{width:min(34px,80%);border-radius:5px 5px 0 0;background:var(--green)}.bar-wrap small{font-size:.59rem;color:var(--muted)}.empty-state{padding:45px 20px;text-align:center;color:var(--muted)}
.photo-upload{min-height:112px!important;margin:0!important;border:1.5px dashed #a9c2bb;border-radius:11px;background:#f6faf8;display:flex!important;flex-direction:column;align-items:center;justify-content:center;color:var(--green);cursor:pointer;transition:.2s}.photo-upload:hover{border-color:var(--green);background:#edf6f3}.photo-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.photo-upload-icon{font-size:1.5rem}.photo-upload strong{margin-top:5px;font-size:.78rem}.photo-upload small{color:var(--muted)}.photo-preview{position:relative;margin-top:11px;overflow:hidden;border-radius:11px;background:#e9efed}.photo-preview img,.report-photo{display:block;width:100%;max-height:360px;object-fit:cover;border-radius:8px}.photo-preview button{position:absolute;top:9px;right:9px;padding:6px 10px;border:0;border-radius:7px;background:#182e2bd9;color:white;font-size:.68rem;font-weight:700}
.photo-guidance{margin:-4px 0 16px;color:var(--muted);font-size:.72rem}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.photo-field{padding:13px;border:1px solid var(--line);border-radius:12px;background:#fcfdfd}.photo-field:first-child{grid-column:1/-1}.photo-field-title{display:flex;align-items:center;gap:8px;margin-bottom:10px}.photo-field-title>span{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:var(--green2);color:var(--green);font-size:.65rem;font-weight:800}.photo-field-title label{margin:0;font-size:.7rem}.photo-field-title b{color:var(--red)}.photo-field-title small{display:inline;color:var(--muted);font-weight:500}
.activity-checklist{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border:1px solid #cfdad7;border-radius:11px;background:#f9fbfa}.activity-check{min-height:48px!important;margin:0!important;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;display:flex!important;align-items:flex-start;gap:9px;cursor:pointer;font-size:.68rem!important;line-height:1.35;transition:.15s}.activity-check:hover{border-color:#8bb4aa}.activity-check.selected{border-color:var(--green);background:#edf6f3;color:var(--green)}.activity-check input{position:absolute;width:1px;height:1px;opacity:0}.check-box{width:18px;height:18px;flex:0 0 auto;display:grid;place-items:center;border:1.5px solid #a9bbb7;border-radius:5px;color:transparent;font-size:.65rem}.activity-check.selected .check-box{border-color:var(--green);background:var(--green);color:#fff}#activityHint{margin-top:7px}
.modal{position:fixed;inset:0;z-index:50;padding:20px;background:#0d221f94;display:grid;place-items:center}.modal-card{width:min(580px,100%);max-height:90vh;overflow:auto;padding:25px;border-radius:16px;background:#fff;box-shadow:0 25px 80px #00000040}.modal-card h3{margin:0 0 5px}.modal-close{float:right;border:0;background:#eff3f2;width:32px;height:32px;border-radius:8px}.detail-grid{margin:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:13px}.detail-item{padding:12px;border-radius:8px;background:#f5f8f7}.detail-item.full{grid-column:1/-1}.detail-item small,.detail-item strong{display:block}.detail-item small{margin-bottom:4px;color:var(--muted);font-size:.62rem}.detail-item strong{font-size:.78rem}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;right:20px;top:20px;z-index:100;max-width:360px;padding:13px 17px;border-radius:10px;background:#173f39;color:white;box-shadow:0 10px 40px #0003;font-size:.78rem;font-weight:700;transform:translateY(-100px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}
@media(max-width:1000px){.stats-grid{grid-template-columns:1fr 1fr}.report-layout{grid-template-columns:1fr}.info-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-panel{padding:28px 22px}.mobile-logo{display:flex;align-items:center;gap:10px;margin-bottom:45px}.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none;box-shadow:20px 0 50px #0003}.main-area{display:block}.menu-button{display:block}.topbar{height:77px;padding:0 16px;gap:10px}.topbar>div:nth-child(2){flex:1}.topbar h2{font-size:1rem}.topbar .overline,.top-date{display:none}.top-actions{gap:8px}.content{padding:19px 15px 45px}.welcome-strip{padding:20px}.welcome-strip .status-pill{display:none}.stats-grid{gap:9px}.stat-card{padding:14px}.stat-card strong{font-size:1.35rem}.page-heading{align-items:flex-start;flex-direction:column}.field-grid,.photo-grid,.activity-checklist,.management-documents{grid-template-columns:1fr}.field.full,.photo-field:first-child{grid-column:auto}.form-panel{padding:19px}.info-panel{display:block}.table-toolbar{flex-wrap:wrap}.search{min-width:100%;width:100%}.table-panel{overflow:auto}.data-table{min-width:720px}.detail-grid{grid-template-columns:1fr}.detail-item.full{grid-column:auto}}