:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#173350;background:#f5f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.app-shell{display:flex;min-height:100vh}.sidebar{width:235px;flex-shrink:0;background:#fff;border-right:1px solid #e1eaf2;display:flex;flex-direction:column}.logo{height:82px;border-bottom:1px solid #e8eff6;display:flex;align-items:center;gap:12px;padding:15px 20px}.logo-symbol{font-size:31px;color:#0b80c5}.logo strong{font-size:19px;color:#132f4c}.logo strong span{font-weight:400}.logo small{display:block;color:#95a5b7;font-size:9px;letter-spacing:1px;margin-top:4px}.nav{padding:24px 13px}.nav-label{font-weight:800;color:#8b9db0;font-size:11px;letter-spacing:1px;padding:0 11px;margin-bottom:10px}.nav-label.sections{margin-top:35px;display:flex;align-items:center;justify-content:space-between}.nav-label.sections button{border:0;background:#e8f2ff;border-radius:5px;color:#0872d6;font-size:20px;width:28px}.nav-item{padding:13px 12px;margin-bottom:3px;border-radius:8px;font-size:14px}.nav-item.current,.area-filter.chosen{background:#e9f3ff;color:#0665c5;font-weight:700}.nav-item.disabled{color:#91a1b1}.nav-item small{font-size:10px;float:right}.area-filter{display:flex;align-items:center;width:100%;border:0;background:none;text-align:left;color:#426182;padding:11px;border-radius:7px;font-size:13px}.area-filter b{margin-left:auto;color:#8195aa}.side-note{margin:auto 14px 18px;background:#edf5ff;border-radius:10px;padding:16px;font-size:12px;color:#486888}.side-note p{line-height:1.5;margin:6px 0 0}.main{flex:1;min-width:0}.top{background:#fff;border-bottom:1px solid #e2eaf3;padding:25px 30px;display:flex;justify-content:space-between;align-items:center}.top small{color:#8b9bad;font-size:11px;letter-spacing:.9px}.top h1{margin:6px 0;font-size:25px;color:#143153}.top p{font-size:13px;color:#8292a5;margin:0}.top>span{font-size:12px;color:#5176a0;background:#f0f6fc;padding:10px;border-radius:8px}.content{padding:26px 30px;max-width:1640px;margin:auto}.banner{background:#e9f3ff;border:1px solid #c5dcf7;border-radius:10px;padding:15px 18px;color:#1b5487;margin-bottom:20px;font-size:13px}.banner p{font-size:12px;line-height:1.6;margin:5px 0 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.metrics article,.panel{background:#fff;border:1px solid #e0eaf4;border-radius:11px;box-shadow:0 4px 20px #22476808}.metrics article{padding:18px;display:flex;align-items:center;gap:15px}.metrics article>span{background:#e6f1ff;color:#1681cf;border-radius:100%;font-size:25px;width:50px;height:50px;display:grid;place-items:center}.metrics strong{font-size:27px;display:block;color:#123456}.metrics small{font-size:12px;color:#889aab}.panel{overflow:hidden}.panel-head{padding:22px;display:flex;justify-content:space-between;align-items:center;gap:15px}.panel h2{font-size:18px;color:#153450;margin:0 0 6px}.panel-head p{font-size:12px;color:#8292a7;margin:0}.buttons{display:flex;gap:9px}.btn,.mini{border:1px solid #a9cef4;background:#fff;color:#096bcc;font-size:12px;font-weight:650;border-radius:7px;padding:11px 15px;white-space:nowrap}.btn.primary{background:#086cd2;border-color:#086cd2;color:#fff}.btn.secondary{background:#fff}.filters{padding:0 20px 18px;display:flex;gap:10px;align-items:center}.filters input,.filters select,.modal input,.modal select,.inline select{border:1px solid #d6e2ef;color:#355672;border-radius:7px;background:#fff;height:40px;padding:0 12px;outline-color:#1c7cdb}.filters input{flex:1;max-width:390px;min-width:160px}.filters select{min-width:140px}.filters small{margin-left:auto;color:#8f9fb0;white-space:nowrap}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:960px;text-align:left}th{font-size:11px;color:#546c84;background:#f4f8fc;padding:13px 15px}td{font-size:12px;color:#526b84;padding:12px 15px;border-bottom:1px solid #edf1f6}.group td{background:#e8f2ff;color:#245b8e;font-weight:800;font-size:13px;padding:11px 15px}.active td{background:#f6faff}.entry{border:0;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;color:#143f67}.entry>span{font-size:22px;color:#1a7cdb}.entry strong,.entry small{display:block}.entry small{color:#98a8b8;margin-top:3px;font-size:10px}.pill{display:inline-block;border-radius:20px;padding:6px 10px;font-size:11px}.pill.blue{background:#e8f2ff;color:#2875c0}.pill.orange{background:#fff3dc;color:#b98012}.pill.red{background:#ffe7eb;color:#bf354d}.mini{padding:7px 10px}.link{border:0;background:transparent;font-size:12px;color:#1475c7;padding:7px}.link.danger{color:#bf3652}.empty{text-align:center;padding:33px 15px 47px}.empty-icon{font-size:36px;color:#1483da}.empty h3{margin:12px 0;color:#24425e}.empty p{font-size:13px;color:#8497a9;margin-bottom:20px}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.detail{padding:20px;min-height:260px}.detail h3{font-size:15px;color:#1a5487}.property{display:flex;justify-content:space-between;border-bottom:1px solid #ecf1f6;padding:9px 0;font-size:12px}.property span,.placeholder{color:#899bad}.detail form{margin-top:20px}.detail label,.modal label{display:block;font-weight:700;font-size:12px;margin-bottom:8px}.inline{display:flex;gap:8px}.inline select,.inline input{flex:1;min-width:0}.placeholder{padding:65px 10px;text-align:center;font-size:13px}.pending{background:#f7faff;text-align:center;border-radius:9px;padding:25px 18px;color:#54718c}.pending>div{font-size:30px;color:#398cd2}.pending strong{display:block;margin:7px 0;font-size:13px}.pending p{font-size:12px;line-height:1.6;max-width:450px;margin:0 auto 16px}.pending span{display:inline-block;font-size:10px;background:#e5f0fc;color:#2973b2;padding:5px 8px;border-radius:12px;margin:3px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#102d4c99;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:13px;padding:24px;max-width:470px;width:100%;box-shadow:0 20px 60px #17335050}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0;font-size:20px}.modal-head button{font-size:25px;background:none;border:0;color:#778fa7}.modal p{color:#7d91a5;font-size:13px;line-height:1.5}.area-list{margin-top:18px;border-top:1px solid #e5edf5}.area-list>div{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ecf2f7;font-size:13px}.area-list small{color:#91a1b4}.new-form{display:flex;flex-direction:column}.new-form input,.new-form select{margin-bottom:17px}.modal-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.notice{padding:12px;border-radius:7px;margin-bottom:14px;font-size:13px;display:flex;justify-content:space-between}.notice button{border:0;background:none;color:inherit;font-size:18px}.notice.good{background:#e7f7eb;color:#227545}.notice.bad{background:#ffe7e9;color:#a73145}@media(max-width:950px){.sidebar{width:205px}.content{padding:16px}.filters,.panel-head{flex-wrap:wrap}.filters input{min-width:100%;max-width:none}}@media(max-width:680px){.app-shell{display:block}.sidebar{width:100%}.logo{height:62px}.nav{padding:8px;display:flex}.nav-item.disabled,.nav-label,.side-note,.area-filter:not(.chosen){display:none}.area-filter.chosen{width:auto}.top{padding:20px}.top>span{display:none}.top h1{font-size:21px}.metrics{gap:7px}.metrics article{padding:12px}.metrics article>span{display:none}.metrics strong{font-size:21px}.bottom{grid-template-columns:1fr}.buttons{width:100%}.buttons button{flex:1}}