:root{--navy:#082751;--blue:#1475df;--cyan:#08b9da;--ink:#172c49;--muted:#748398;--border:#e4eaf2;--bs-primary:#1475df;--bs-body-font-family:"Noto Sans Thai",Tahoma,Arial,sans-serif;--bs-body-color:#172c49;--bs-body-bg:#f3f6fb}*{box-sizing:border-box}body{margin:0;line-height:1.65;font-size:14px;background:#f3f6fb}a{text-decoration:none}.app-header{height:96px;background:#fff;border-bottom:1px solid var(--border)}.header-inner{max-width:1264px;height:100%;padding:0 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:15px;color:var(--navy)}.brand-logo{width:67px;height:67px;object-fit:contain}.brand strong{font-family:Arial,sans-serif;font-size:23px;letter-spacing:4px;font-weight:800}.brand small{display:block;color:var(--muted);font-size:12px}.header-right{display:flex;align-items:center;gap:24px}.workspace-label{color:var(--muted);font-size:12px}.workspace-label i{margin-right:8px}#logout{font-size:12px;display:flex;align-items:center;gap:8px}#app{max-width:1264px;padding:36px 32px 100px}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.pagehead h1{font-size:27px;font-weight:700;line-height:1.5;margin:8px 0;max-width:750px}.pagehead p{color:var(--muted);margin:0}.dashboard-hero{background:linear-gradient(110deg,#082751,#104b88);padding:35px 38px;border-radius:18px;color:#fff;position:relative;overflow:hidden}.dashboard-hero:after{content:'';position:absolute;right:110px;top:-95px;width:340px;height:340px;border:55px solid #ffffff05;border-radius:50%;pointer-events:none}.dashboard-hero h1{font-size:32px}.dashboard-hero p{color:#c0d4e9}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#93d7ff}.eyebrow i{font-size:13px;letter-spacing:0;margin-right:5px}.dashboard-hero #new{background:#fff;color:#125aaa;border-color:white;position:relative;z-index:1;box-shadow:0 8px 18px #021e3f22}.btn,.button{font-size:13px;font-weight:600;border-radius:9px;padding:10px 16px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.6}.btn-primary{--bs-btn-bg:#1475df;--bs-btn-border-color:#1475df;--bs-btn-hover-bg:#105fb7;--bs-btn-hover-border-color:#105fb7;--bs-btn-active-bg:#0c54a6;--bs-btn-disabled-bg:#1475df;--bs-btn-disabled-border-color:#1475df;box-shadow:0 4px 9px #1475df15}.btn-outline-secondary{--bs-btn-color:#4d617b;--bs-btn-border-color:#dbe3ee;--bs-btn-hover-bg:#edf3fa;--bs-btn-hover-color:#123c6d;--bs-btn-hover-border-color:#b8cde3;--bs-btn-active-bg:#e0ecf8;background:#fff}.btn i{font-size:16px}.card{border:1px solid var(--border);border-radius:16px;padding:26px;margin-bottom:22px;box-shadow:0 3px 12px #13315c03;background:#fff}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:8px}.stat-card{position:relative;padding:24px 26px}.stat-card strong{display:block;font:700 34px/1.4 Arial,sans-serif;letter-spacing:-1px}.stat-card>span{color:var(--muted);font-size:12px;margin-top:4px}.stat-icon{position:absolute;right:24px;top:26px;width:48px;height:48px;display:grid;place-items:center;background:#eaf2ff;border-radius:13px;color:var(--blue);font-size:22px}.stat-icon.amber{background:#fff5e2;color:#d09216}.stat-icon.cyan{background:#e6f8f8;color:#119b9d}h2{font-size:18px;font-weight:700;margin:0 0 10px}h2 i{color:#3183d8;font-size:20px;margin-right:5px}h3{font-size:15px;line-height:1.8;font-weight:600;margin:0 0 16px}.flexrow{display:flex;justify-content:space-between;align-items:center;gap:18px}.flexrow h2{margin:0}.flexrow #search{max-width:340px;background:#f7f9fc}.form-label,label{display:block;font-size:12px;font-weight:500;color:#4b607b;margin-bottom:18px}.form-control,.form-select{font-size:14px;border-color:#dfe6f0;padding:11px 13px;border-radius:8px;color:var(--ink);background-color:#fff}.form-control:focus,.form-select:focus{border-color:#8cbbed;box-shadow:0 0 0 3px #1475df12}.form-label input,.form-label textarea,.form-label select{margin-top:7px}textarea{resize:vertical}.reportrow{display:flex;align-items:center;gap:18px;padding:21px 12px;border-bottom:1px solid #eef2f7;color:var(--ink);border-radius:8px;transition:background .15s}.reportrow:first-child{margin-top:20px}.reportrow:last-child{border-bottom:0}.reportrow:hover{background:#f6f9fd}.reportrow>div{flex:1;min-width:0}.reportrow b{font-size:14px;font-weight:600}.reportrow small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.point{color:#2b6caf;background:#edf4fc;border:1px solid #e1edfa;min-width:56px;height:56px;display:grid;place-items:center;border-radius:11px;font:700 20px Arial,sans-serif}.badge{font-size:11px;font-weight:500;padding:7px 10px;color:#45749d;background:#eaf3fc;line-height:1.4}.status-draft{background:#fff5dc;color:#a07215}.status-installed{background:#e8f3ff;color:#216abc}.status-checked{background:#e5f6ee;color:#238664}.row-arrow{color:#9aacbf;font-size:17px}.muted{color:var(--muted);font-size:12px}p.muted{line-height:1.8}.textbutton{font-size:12px;padding:4px 6px;text-decoration:none}.danger{color:#c3505c!important}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.back{color:#70839a;font-size:12px;display:inline-flex;gap:7px;align-items:center}.tabs{display:flex;gap:8px;background:#eaf0f7;padding:6px;border-radius:12px;margin-bottom:24px;flex-wrap:nowrap}.tabs .nav-link{display:flex;align-items:center;justify-content:center;gap:9px;color:#738299;border:0;background:transparent;border-radius:8px;padding:12px 22px;font:500 13px var(--bs-body-font-family);flex:1}.tabs .nav-link.active{background:white;color:#1269c1;box-shadow:0 2px 7px #173a5c10}.tabs i{font-size:18px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.equipmentgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.equipment{margin:0}.equipment .formgrid{gap:0 15px}.equipment .form-control{font-size:12px}.equipment h3{min-height:54px}.equipment .badge{margin-right:5px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.photocategory>.flexrow{margin-bottom:22px}.photocategory h3{margin:0}.gallery figure{margin:0;padding:10px;border:1px solid var(--border);border-radius:12px;min-width:0}.gallery figure img{width:100%;height:200px;object-fit:contain;background:#f3f6fa;border-radius:7px}.gallery .form-control{font-size:12px;margin:10px 0 5px}.gallery .flexrow{gap:2px}.gallery .btn{font-size:10px;padding:4px 2px}.gallery .btn i{font-size:12px}.empty{width:100%;padding:36px;text-align:center;color:#8696aa;font-size:13px}.empty-icon{display:block;font-size:36px;margin-bottom:12px;color:#9ebce0}.photo-empty{grid-column:1/-1;border:1px dashed #ccdced;border-radius:12px;background:#f9fbfe;display:flex;flex-direction:column;align-items:center;gap:6px}.photo-empty>i{font-size:30px;background:#eaf2fc;color:#7b9cc6;border-radius:50%;width:62px;height:62px;display:grid;place-items:center;margin-bottom:8px}.photo-empty b{font-size:13px;font-weight:500;color:#607794}.photo-empty span{font-size:11px}.button{margin-bottom:0;cursor:pointer}small.muted{display:block;margin-top:10px}.savebar{position:fixed;bottom:0;left:0;right:0;z-index:10;padding:14px max(32px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--border);background:#ffffffed;backdrop-filter:blur(12px);box-shadow:0 -4px 20px #12365c05}#savestate{font-size:12px;color:#71839a}.login{max-width:470px;padding:36px 42px;margin:12px auto 0;box-shadow:0 15px 60px #15335a09}.login-brand{display:flex;flex-direction:column;align-items:center;gap:16px;margin:0 0 22px}.login-brand img{width:110px;height:110px;object-fit:contain}.login-brand .eyebrow{color:#8aa0b7;font-size:9px;letter-spacing:2px}.login h1{text-align:center;font-size:24px;font-weight:700}.login>p{text-align:center;color:#8190a3;font-size:12px;margin:12px 0 26px}.login .primary{width:100%;margin-top:5px}.login label>i{color:#7c9ec3;margin-right:4px}#autherror{color:#bd4b58;font-size:12px;margin:14px 0 0}.app-footer{text-align:center;padding:0 16px 25px;margin-top:-55px;color:#a0adbc;font-size:10px}.app-footer>span{font-family:Arial,sans-serif;letter-spacing:2px;color:#8297b0;font-weight:bold}.loading-state{text-align:center;padding:100px 20px;color:#7891ab}.loading-state p{margin-top:18px}#toast{display:none;position:fixed;bottom:94px;left:50%;transform:translateX(-50%);border-radius:10px;padding:14px 22px;box-shadow:0 8px 30px #001d4930;background:#092f59;color:white;max-width:90%;z-index:1055;font-size:13px}#toast.show{display:block}#busy{position:fixed;inset:0;background:#061d4180;z-index:1060;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(4px)}.upload-dialog{padding:36px;border-radius:18px;background:white;display:flex;align-items:center;flex-direction:column;gap:20px;max-width:420px;width:100%;text-align:center}.upload-dialog>span{font-weight:600}.upload-dialog small{font-size:11px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:767px){.app-header{height:82px}.header-inner{padding:0 16px}.brand{gap:9px}.brand-logo{width:53px;height:53px}.brand strong{font-size:19px}.brand small{font-size:9px}.workspace-label{display:none}.header-right{gap:0}#logout{padding:9px}#logout span{display:none}#app{padding:24px 16px 110px}.dashboard-hero{padding:25px 22px;border-radius:15px}.pagehead{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:22px}.pagehead h1{font-size:23px}.dashboard-hero h1{font-size:27px}.pagehead p{font-size:12px}.eyebrow{font-size:9px}.stats{gap:9px}.stat-card{padding:17px 12px}.stat-card strong{font-size:27px;margin-top:30px}.stat-card>span{font-size:10px}.stat-icon{top:13px;right:12px;width:30px;height:30px;font-size:16px;border-radius:9px}.card{padding:20px 16px;border-radius:13px;margin-bottom:18px}.stat-card{padding:17px 12px}.flexrow{flex-wrap:wrap;gap:14px}.flexrow #search{max-width:none}.reportrow{padding:18px 0;gap:12px;flex-wrap:wrap}.reportrow b{font-size:12px}.reportrow small{font-size:10px}.point{min-width:45px;height:45px;font-size:18px}.reportrow .badge{margin-left:57px;font-size:10px}.row-arrow{margin-left:auto}.formgrid,.equipmentgrid{grid-template-columns:1fr}.equipment .formgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.tabs{gap:2px;padding:5px}.tabs .nav-link{font-size:10px;gap:5px;padding:10px 5px;flex-direction:column}.tabs i{font-size:19px}.actions{gap:6px;flex-wrap:wrap}.actions .btn{font-size:11px;padding:9px 11px}.form-label{font-size:12px}.form-control,.form-select{font-size:16px}.equipment .form-control{font-size:16px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery figure{padding:6px}.gallery figure img{height:150px}.gallery .flexrow{gap:4px}.gallery .form-control{font-size:16px}.photocategory>.flexrow{gap:12px}.photo-empty{padding:28px 15px}.savebar{padding:12px 16px}.savebar .btn{font-size:12px;padding:10px 12px}#savestate{font-size:10px;max-width:55%}.login{padding:28px 24px;max-width:450px}.login-brand img{width:95px;height:95px}.login h1{font-size:22px}h2{font-size:16px}.app-footer{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}