:root{--accent:#e5ae52}input,select,textarea{font:inherit;max-width:100%}.field{margin-bottom:17px}.field input,.field select,.field textarea{display:block;width:100%;padding:12px;border:1px solid #dce3ec;border-radius:7px;background:#fff;color:#142846}.field label{display:block;margin-bottom:7px;font-size:12px;font-weight:600}.field textarea{min-height:110px}.field.full{grid-column:1/-1}.form-actions{padding-top:20px;border-top:1px solid #edf0f4}.btn.full{display:flex;justify-content:center;width:100%;margin:12px 0}.sidebar{overflow-y:auto}.workspace-identity{background:#ffffff0b;border:1px solid #ffffff14;border-radius:9px;padding:12px;font-size:12px}.workspace-identity small{display:block;color:#98adc9;margin-top:5px}.table-scroll{overflow:auto}.datatable{min-width:640px}.datatable td{max-width:260px;white-space:normal}.pagination-bar{padding:18px}.pagination-bar nav{display:flex;justify-content:space-between;gap:20px}.record-details{margin:0}.record-details>div{display:grid;grid-template-columns:40% 60%;padding:12px 0;border-bottom:1px solid #edf0f4;gap:10px}.record-details dt{font-size:11px;text-transform:uppercase;color:#697a94}.record-details dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.action-stack{display:flex;flex-direction:column;gap:18px}.notice{padding:16px;background:#fff8e9;border:1px solid #e9d9b5;border-radius:8px;margin:12px 0 20px;line-height:1.6}.notice.error{background:#fff0ed;color:#9b322c}.notice.success{background:#eaf6ee;color:#17664c}.notice ul{margin:0;padding-left:18px}.photo-cover{width:100%;height:180px;object-fit:cover}.auth-screen{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-story{padding:40px;background:linear-gradient(180deg,#10234088,#102340e6),url('/brand/images/hero-home-v2.webp') center/cover;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.auth-story h1{font-size:50px;line-height:1.1;margin:20px 0}.auth-story p{font-size:17px;line-height:1.7;max-width:440px}.auth-form{max-width:650px;padding:60px 55px;width:100%;margin:auto}.auth-form h1{font-size:32px;margin:35px 0 14px}.auth-form p{margin:15px 0;line-height:1.7}.mobile-toggle{display:none}.dashboard-photo{position:relative;border-radius:12px;overflow:hidden;min-height:220px;display:flex;align-items:flex-end;padding:25px;color:white;background:linear-gradient(90deg,#102340e0,#10234044),url('/brand/images/hero-home-v2.webp') center/cover}.dashboard-photo h2{font-size:27px;max-width:380px}.dashboard-photo p{margin-top:10px;max-width:440px;line-height:1.6}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.quick-grid a{padding:20px;background:#fff;border:1px solid #e3e8ef;border-radius:10px}.quick-grid h3{margin:10px 0}.print-invoice{max-width:850px;padding:50px;margin:auto;font:14px Arial;color:#172a4e}.print-invoice table{width:100%;text-align:left;padding:20px 0}.print-invoice td,.print-invoice th{padding:15px 5px;border-bottom:1px solid #dde3eb}.print-invoice p{line-height:1.7}@media(max-width:1000px){.auth-screen{grid-template-columns:1fr}.auth-story{min-height:300px}.auth-story h1{font-size:35px}.auth-form{padding:30px 22px}.quick-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.mobile-toggle{display:block}.sidebar{display:none!important}.sidebar.open{display:flex!important;position:fixed;inset:0 auto 0 0;z-index:100;width:250px}.content{width:100%}.main{padding:20px 14px}.grid2{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.record-details>div{grid-template-columns:1fr}.topbar{padding:14px}.top-right .user small{display:none}.pagehead{flex-wrap:wrap;gap:15px}}@media print{button{display:none}.print-invoice{padding:0}}

.kpi-value{font-size:30px;font-weight:750;margin:12px 0;color:#172a4e}.pagehead h1{font-size:30px;letter-spacing:-.8px}.record-details{font-size:12px}.sidebar .navitem svg{flex-shrink:0}.sidebar .navitem{padding:9px 12px}.form-actions .btn{min-width:150px}

.security-secret{display:block;padding:18px;overflow-wrap:anywhere;font-size:18px;background:#edf1f7}.security-secret+pre{white-space:pre-wrap}.form-errors p{margin:5px 0}