*{box-sizing:border-box}body,html{margin:0;padding:0;background:#f4f7fb;color:#1a2330;font-family:Segoe UI,Tahoma,sans-serif}a{color:inherit;text-decoration:none}.page{min-height:100vh;padding:72px 16px 24px}.container{max-width:1200px;margin:0 auto;display:grid;grid-gap:16px;gap:16px}.panel{box-shadow:0 8px 24px rgba(0,0,0,.04)}.panel,.topbar{background:#fff;border:1px solid #dbe5f0;border-radius:14px;padding:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.topbar h1{margin:0;font-size:1.5rem}.topbar p{margin:4px 0 0;color:#56657a}.topbar-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.link-button,.topbar-nav a{font-size:.9rem;border:1px solid #d7e1ee;border-radius:10px;padding:8px 10px;background:#f8fbff;cursor:pointer}.link-button{color:#1a2330}.link-button:hover,.topbar-nav a:hover{background:#eef5ff}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px}.kpi-card{border:1px solid #dbe5f0;border-radius:12px;padding:12px;background:#fff}.kpi-label{margin:0;color:#5a667a;font-size:.82rem}.kpi-value{margin:8px 0 0;font-size:1.6rem;font-weight:700}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:12px;gap:12px}.project-card{border:1px solid #dbe5f0;border-radius:12px;background:#fff;padding:14px;display:grid;grid-gap:8px;gap:8px}.project-card h3{margin:0}.project-card p{margin:0;color:#5a667a;font-size:.9rem}.actions{display:flex;flex-wrap:wrap;gap:8px}.btn{border-radius:10px;border:1px solid #d0d9e6;background:#fff;color:#1a2330;padding:8px 12px;font-size:.88rem;cursor:pointer}.btn:hover{background:#f2f7ff}.btn-primary{background:#1769ff;border-color:#1769ff;color:#fff}.btn-primary:hover{background:#0f56d4}.btn-danger{background:#fff1f1;border-color:#ffcfcf;color:#9f1d1d}.badge{display:inline-block;font-size:.76rem;border-radius:999px;padding:3px 8px}.badge-ok{background:#e6f8ee;color:#0d7a43}.badge-off{background:#eff3f7;color:#5a667a}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;border-bottom:1px solid #e4ebf4;padding:10px 8px;font-size:.9rem}.table th{color:#5a667a;font-weight:600}.list{display:grid;grid-gap:8px;gap:8px}.list-row{border:1px solid #e4ebf4;border-radius:10px;background:#f9fcff;padding:10px}.muted{color:#5a667a}.menu-link{display:block;border:1px solid #d7e1ee;border-radius:10px;padding:9px 10px;background:#fff;font-size:.9rem}.menu-link:hover{background:#f2f7ff}.menu-link-active{background:#eaf2ff;border-color:#bdd4ff}.menu-button{border:1px solid #d7e1ee;border-radius:10px;padding:9px 10px;background:#fff;text-align:left;cursor:pointer}.menu-button:hover{background:#f2f7ff}.input,.select,.textarea{width:100%;border:1px solid #d1dbea;border-radius:10px;padding:9px 10px;font-size:.92rem;background:#fff}.textarea{min-height:90px;resize:vertical}.form-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.notice{border:1px solid #bdd4ff;background:#eaf2ff;border-radius:10px}.error,.notice{padding:10px;font-size:.9rem}.error{border:1px solid #ffcfcf;background:#fff1f1;border-radius:10px;color:#8b1d1d}@media (max-width:700px){.page{padding-top:68px}}