@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#203c36;background:#f4f6f3;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:#eaf0e9;color:#234c41;padding:11px 17px;border-radius:8px;font-weight:600}button:hover{filter:brightness(.95)}button:disabled{opacity:.45;cursor:default}.primary{background:#c7ef75;color:#16382d}.dark{background:#194b3e;color:white}.danger{background:#fff0e8;color:#9b4026}.ghost{background:transparent;border:1px solid #dce3dc}.shell{display:grid;grid-template-columns:224px 1fr;min-height:100vh}aside{background:#123f37;color:#c6d8ce;padding:32px 22px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:224px}.brand{font-family:Manrope,Arial;font-size:26px;font-weight:800;color:#fff;letter-spacing:-1px}.brand b{color:#c7ef75}.brand small{display:block;font-size:10px;letter-spacing:2.2px;color:#9cb8ab;margin-top:5px}.nav{margin-top:50px;display:grid;gap:8px}.nav button{background:transparent;color:#bdd1c5;text-align:left;font-weight:500}.nav button.active{background:#29574a;color:#d9fda0}.nav button span{margin-right:10px}.side-bottom{margin-top:auto;font-size:12px;line-height:1.7}.avatar{display:inline-grid;place-items:center;background:#e5eddf;color:#315543;width:36px;height:36px;border-radius:50%;font-weight:700;flex-shrink:0}.side-bottom .avatar{background:#356351;color:#dbf9b2;margin-bottom:10px}main{grid-column:2;min-width:0}.topbar{height:80px;border-bottom:1px solid #e0e6de;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#fff}.crumb{color:#7c8a80;font-size:12px}.topbar strong{font-size:13px}.online{color:#548657;font-size:12px;display:flex;align-items:center;gap:8px}.dot{height:7px;width:7px;border-radius:50%;background:#79a34c}.content{padding:38px 42px;max-width:1600px;margin:auto}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.7px}h1{font-size:30px;font-weight:800;margin:0 0 10px}h2{font-size:20px;margin:0}h3{font-size:16px}p{line-height:1.6}.muted{color:#7b897e}.eyebrow{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#64886b;font-weight:700}.heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px}.heading p{margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:25px 0 30px}.stat{border:1px solid #e0e6dc;background:white;border-radius:12px;padding:22px;position:relative}.stat .number{font-family:Manrope;font-size:32px;font-weight:700;margin:12px 0 5px;letter-spacing:-1px}.stat small{color:#7d8b7d}.stat.accent{background:#eaf2df;border-color:#d5e5c2}.stat-icon{position:absolute;right:20px;top:20px;color:#8b9e7c;font-size:20px}.panel{background:white;border:1px solid #e0e6dc;border-radius:12px;overflow:hidden;margin-bottom:20px}.panel-head{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.tools{display:flex;gap:10px;align-items:center;padding:0 24px 22px;flex-wrap:wrap}input,select,textarea{padding:11px 12px;background:white;border:1px solid #dce3da;border-radius:7px;color:#243f35;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #a9cc80;outline-offset:1px}.tools input{flex:1;max-width:350px}.tabs{display:flex;gap:6px}.tabs button{font-size:12px;background:#f1f4ee}.tabs button.active{background:#244f40;color:white}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:10px;color:#829080;text-transform:uppercase;letter-spacing:1px;font-weight:500;background:#f8faf5;padding:14px 24px;border-block:1px solid #e8ece4}td{padding:20px 24px;border-bottom:1px solid #edf0e9;font-size:12px}tr:last-child td{border-bottom:0}td strong{display:block;font-size:13px;margin-bottom:5px}.workrow{cursor:pointer}.workrow:hover{background:#fafcf6}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:5px;font-size:10px;font-weight:600;white-space:nowrap;background:#e9f4dc;color:#547436}.badge.warn{background:#fff0df;color:#ad6b24}.badge.closed{background:#edf0ee;color:#778378}.badge.pending{background:#e8edf8;color:#6075a2}.person{display:flex;align-items:center;gap:9px}.person .avatar{width:29px;height:29px;font-size:10px}.empty{text-align:center;padding:55px 25px;color:#81917d}.empty h3{color:#425f46}.footer-note{font-size:11px;color:#87927f;margin:18px 0;display:flex;justify-content:space-between}.notice{background:#edf4e4;padding:15px 18px;border:1px solid #dbe8cc;border-radius:8px;font-size:12px;line-height:1.7;margin:16px 0}.notice.warn{background:#fff5e8;border-color:#efd9b7;color:#8b6430}.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.detail{padding:24px}.detail dl{display:grid;grid-template-columns:1fr 1fr;gap:22px}.detail dt{font-size:11px;color:#83917f;margin-bottom:6px}.detail dd{margin:0;font-size:13px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;padding:0 24px 24px}.photo{border:1px solid #e3e8dc;border-radius:8px;overflow:hidden}.photo img{width:100%;height:160px;object-fit:cover;background:#eef1e9}.photo-body{padding:13px;font-size:11px;line-height:1.8}.photo-body p{margin:7px 0}.photo-body button{font-size:11px;margin-top:8px}.history{padding:0 24px 24px}.event{padding:15px 0;border-bottom:1px solid #eef1e9;font-size:12px}.event small{display:block;color:#87917f;margin-top:5px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.formgrid label{display:flex;flex-direction:column;gap:7px;font-size:12px}.formgrid .full{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.modal{position:fixed;inset:0;background:#112c2366;z-index:10;display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}.dialog{background:#fafcf8;border-radius:16px;width:min(700px,100%);max-height:92vh;overflow:auto;padding:28px;box-shadow:0 25px 100px #173b2940}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:#123f37;padding:60px;color:#d7e8db;display:flex;flex-direction:column;justify-content:space-between}.login-art h1{font-size:48px;line-height:1.2;color:#fff;max-width:510px}.login-art p{max-width:420px;color:#adc4b6}.login-form{display:grid;place-items:center;padding:40px}.login-form form{width:min(360px,100%)}.login-form label{display:grid;gap:8px;margin:18px 0;font-size:12px}.login-form button{width:100%;margin-top:10px}.login-form input{width:100%}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#173f31;color:white;padding:14px 23px;border-radius:9px;z-index:30;display:none;max-width:90vw}.offline{color:#b57c32}.upload-preview{max-height:200px;max-width:100%;border-radius:7px}.link{color:#466e36;text-decoration:none}.alert-row{padding:22px 24px;border-bottom:1px solid #edf0e6;display:flex;justify-content:space-between;align-items:center;gap:20px}.alert-row p{margin:5px 0}.scroll{overflow:auto}.error{color:#af4d34;font-size:12px;line-height:1.6}.subhead{font-size:12px;color:#829080;margin:8px 0 24px}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}aside{width:185px;padding:28px 15px}.shell{grid-template-columns:185px 1fr}.content{padding:25px}.topbar{padding:0 25px}.grid2{grid-template-columns:1fr}td,th{padding:15px}.login-art{padding:35px}}@media(max-width:680px){.shell{display:block}aside{position:sticky;top:0;width:100%;height:auto;padding:12px 18px;z-index:5;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.brand{font-size:20px}.brand small{font-size:7px}.nav{margin:0;display:flex;gap:2px}.nav button{padding:9px;font-size:11px}.nav button span{display:none}.side-bottom{display:none}.topbar{height:55px;padding:0 18px}.content{padding:24px 16px}.heading{align-items:flex-start}h1{font-size:25px}.heading p{font-size:12px}.heading button{font-size:11px;white-space:nowrap}.stats{gap:9px}.stat{padding:16px}.stat .number{font-size:27px}.stat-icon{right:12px;top:12px}.stat small{font-size:10px}.tools{padding:0 16px 16px}.tools input{max-width:none;width:100%}.tabs{width:100%}.panel-head{padding:18px}.login{display:block}.login-art{padding:25px}.login-art h1{font-size:28px;margin:25px 0 10px}.login-art p,.login-art .eyebrow{display:none}.login-form{padding:35px 25px}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}.dialog{padding:20px}.footer-note{display:block}.alert-row{align-items:flex-start;flex-direction:column}.detail dl{gap:18px}}
.mobile-only{display:none}@media(max-width:680px){.mobile-only{display:inline-block}}