
:root{--violet:#5525a4;--deep:#201535;--lav:#f0e9ff;--yellow:#ffd447;--cream:#fff5cc;--bg:#f8f8fc;--line:#e8e3ef;--muted:#70677d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--deep);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}button,textarea,input{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #b6a0ee;outline-offset:2px}
.shell{max-width:1100px;margin:auto;padding:18px 22px 30px}.top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:26px}.logo{font-size:22px;line-height:1;font-weight:900;letter-spacing:-.9px;color:var(--deep)}.logo span{display:block;color:var(--violet);font-size:12px;letter-spacing:4px;text-align:right;margin-top:5px}.logo:after{content:"";display:block;width:52px;height:4px;background:var(--yellow);border-radius:9px;margin-top:7px}.topnote{font-size:12px;color:var(--muted);text-align:right;max-width:210px}
.progress{display:flex;gap:7px;align-items:center;margin-bottom:22px}.progress .step{height:5px;border-radius:99px;background:#e7e0f2;flex:1}.progress .step.on{background:var(--violet)}.progress .step.done{background:#b9a2e5}
.headline{margin-bottom:22px}.eyebrow{color:var(--violet);font-size:12px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;margin-bottom:9px}.headline h1{font-size:clamp(25px,4.4vw,39px);margin:0 0 9px;letter-spacing:-.9px}.headline p{color:var(--muted);font-size:14px;line-height:1.5;margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.tile,.situation{display:flex;gap:13px;align-items:center;width:100%;text-align:left;background:white;border:1px solid var(--line);border-radius:15px;padding:18px;min-height:95px;color:var(--deep);transition:.15s}.tile:hover,.situation:hover{border-color:#ad94e2;box-shadow:0 4px 15px #3019570c}.tile.selected{border:2px solid var(--violet);background:#f8f4ff;padding:17px}.tile strong,.situation strong{display:block;font-size:15px}.tile small,.situation small{display:block;color:var(--muted);font-size:12px;margin-top:5px;line-height:1.4}.iconbox{flex:none;width:40px;height:40px;border-radius:12px;background:var(--lav);color:var(--violet);display:flex;align-items:center;justify-content:center}.ico{width:21px;height:21px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:24px}.btn{border-radius:11px;padding:13px 18px;font-weight:750;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:var(--violet);color:white}.btn.ghost{background:white;border-color:#d9c9ee;color:var(--violet)}.btn .ico{width:17px;height:17px}.btn:disabled{opacity:.5;cursor:not-allowed}
.card{background:white;border:1px solid var(--line);border-radius:17px;padding:20px}.category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:22px}.category{border:1px solid var(--line);border-radius:11px;padding:13px;background:white;text-align:left;color:var(--deep);display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:13px;font-weight:750}.category.active{background:var(--lav);border-color:#bba7e5;color:var(--violet)}.count{font-size:11px;font-weight:700;border-radius:99px;background:#f1eff5;padding:4px 7px;color:var(--muted)}.category.active .count{background:white;color:var(--violet)}.section-label{font-size:15px;font-weight:800;margin:0 0 12px}.search{width:100%;border:1px solid var(--line);border-radius:11px;padding:13px;margin-bottom:17px;background:white}.situations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.situation{min-height:85px;justify-content:space-between}.situation .ico{flex:none;width:17px;height:17px;color:var(--violet)}.empty{color:var(--muted);font-size:14px;padding:18px;background:white;border-radius:12px}
.breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-bottom:15px}.breadcrumb strong{color:var(--violet)}.detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:15px;align-items:start}.detail-card{padding:22px}.detail-card h2{margin:0 0 18px;font-size:24px}.detail-section{margin-bottom:19px}.detail-section h3,.info h3{display:flex;align-items:center;gap:9px;margin:0 0 8px;font-size:14px}.detail-section p,.info p{margin:0;color:#5f586d;font-size:13px;line-height:1.65}.message{width:100%;min-height:180px;resize:vertical;border:1px solid #d9cbed;border-radius:12px;padding:15px;line-height:1.65;color:var(--deep);background:#fff}.message-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.message-tools .btn{font-size:13px;padding:11px 13px}.sideinfo{display:grid;gap:13px}.info{border-radius:16px;padding:19px}.info.lav{background:var(--lav)}.info.yellow{background:var(--cream)}.info .ico{color:var(--violet)}.info.yellow .ico{color:#8e6800}.info p{color:#50475f}.info.yellow p{color:#69551e}
.footer{margin-top:35px;text-align:center;font-size:11px;color:var(--muted)}.hidden{display:none!important}
@media(max-width:700px){.shell{padding:15px 14px 24px}.top{margin-bottom:21px}.topnote{font-size:11px;max-width:140px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tile{padding:13px;min-height:110px;display:block}.tile.selected{padding:12px}.tile .iconbox{margin-bottom:10px;width:35px;height:35px}.tile strong{font-size:13px}.tile small{font-size:11px}.category-list{grid-template-columns:1fr 1fr;gap:8px}.category{padding:12px 10px;font-size:12px}.situations{grid-template-columns:1fr}.situation{min-height:70px;padding:13px}.detail-grid{grid-template-columns:1fr}.detail-card{padding:17px}.detail-card h2{font-size:21px}.sideinfo{gap:10px}.info{padding:16px}.message-tools .btn.primary{flex:1}.actions .btn.primary{flex:1}.headline{margin-bottom:18px}}

a{color:var(--violet)}.login{max-width:440px;margin:9vh auto;padding:32px;border:1px solid var(--line);border-radius:20px;background:white}.brand{font-size:24px;font-weight:900;color:var(--violet)}.brand span{color:var(--deep)}.login h1{font-size:25px}.login p{color:var(--muted);line-height:1.6}.login form{display:grid;gap:15px}.login label,.field{display:grid;gap:6px;font-weight:700;font-size:13px}.login input,.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);padding:11px;border-radius:9px;background:white;color:var(--deep)}.primary{background:var(--violet);color:white;border:0;padding:12px 17px;border-radius:10px;font-weight:700;cursor:pointer}.error{color:#b12b48!important}.success{color:green!important}.hint{font-size:12px}.nav{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0 25px}.nav button{background:white;border:1px solid var(--line);padding:11px;border-radius:10px;cursor:pointer;color:var(--deep)}.nav button.active{background:var(--lav);border-color:var(--violet)}.admin-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:17px}.admin-list{max-height:600px;overflow:auto}.admin-list button{display:block;width:100%;text-align:left;background:white;border:1px solid var(--line);border-radius:9px;margin:6px 0;padding:11px;cursor:pointer}.admin-list button.selected{background:var(--lav);border-color:var(--violet)}.formgrid{display:grid;gap:13px}.checkgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.checkgrid label{font-size:13px}.status{font-size:13px;color:var(--violet);font-weight:700}.tiny-icon{width:28px;height:28px;object-fit:contain}.field textarea{min-height:85px;resize:vertical}.split{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}@media(max-width:700px){.admin-layout{grid-template-columns:1fr}.login{margin:30px 14px;padding:22px}.checkgrid{grid-template-columns:1fr 1fr}}
