:root{font-family:Inter,Arial,sans-serif;color:#17283d;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{background:white;padding:15px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4e9ef}h1{font-size:22px;margin:0;color:#1467c8}small{color:#64748b}.layout{display:flex;min-height:calc(100vh - 62px)}nav{width:225px;background:#fff;border-right:1px solid #e5eaf0;padding:14px;flex-shrink:0}nav button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:12px;border-radius:10px;cursor:pointer;color:#334155;font-size:14px}nav button.active{background:#e7f1ff;color:#145db3;font-weight:bold}main{flex:1;padding:22px;min-width:0}.page{display:none}.page.active{display:block}.panel{background:white;border:1px solid #e4eaf1;border-radius:15px;padding:20px;margin:14px 0;box-shadow:0 2px 8px #1c36520a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.btn{background:#176cc6;color:white;border:0;border-radius:9px;padding:11px 15px;cursor:pointer;margin:4px 5px 4px 0}.secondary{background:#e8f1fc;color:#1760b3}.danger{background:#b83e4b}.muted{color:#66778d}input,select,textarea{padding:11px;border:1px solid #cbd5e1;border-radius:8px;max-width:100%;margin:5px 0;width:100%}#map{height:440px;border-radius:12px;background:#e9eef4}.tag{font-size:12px;color:#946100;background:#fff2c7;padding:4px 8px;border-radius:12px}h2{margin-top:0}.status{background:#e9f5ff;border-left:4px solid #176cc6;padding:10px;margin-top:10px;border-radius:5px}ul{line-height:2}@media(max-width:720px){.layout{display:block}nav{width:100%;display:flex;overflow-x:auto;padding:8px;gap:4px}nav button{min-width:130px;text-align:center}main{padding:12px}#map{height:350px}header{padding:12px}}