:root{--ink:#071333;--blue:#2468f2;--bg:#f4f9ff;--line:#e2eaf5;--muted:#61718f;--soft:#f8fbff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(145deg,#f8fbff,#edf7ff);color:var(--ink);font:14px Inter,Arial,sans-serif}a{color:#155ed7;text-decoration:none}.topbar{height:64px;background:#fff;display:flex;align-items:center;gap:24px;padding:0 3%;border-bottom:1px solid #eaf0f7;position:sticky;top:0;z-index:10}.brand{font-size:24px;font-weight:800;color:var(--ink);margin-right:18px}.topbar nav{display:flex;gap:8px;flex:1}.topbar nav a{padding:11px 14px;color:var(--ink);border-radius:10px}.topbar nav a.active{background:#eaf1ff;color:var(--blue);font-weight:700}.rate-box{display:flex;gap:7px;align-items:center;border-right:1px solid var(--line);padding-right:22px;white-space:nowrap}.rate-box span{font-size:12px}.user-box{display:flex;align-items:center;gap:9px;white-space:nowrap}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#73aaf8;color:#fff;font-weight:700}.logout{color:#526684}.dashboard{max-width:1600px;margin:0 auto;padding:26px 3% 50px}.hero{display:flex;justify-content:space-between;align-items:center;gap:24px}.hero h1,h1{font-size:36px;line-height:1.05;margin:0 0 7px}.muted{color:var(--muted)}.hero p{margin:0;font-size:16px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.btn{display:inline-flex;align-items:center;padding:12px 17px;border:1px solid #cfddf0;background:#fff;border-radius:11px;font-weight:700;color:#1557ce;cursor:pointer;white-space:nowrap}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.card{background:#fff;border:1px solid #e7eef7;border-radius:15px;padding:20px;box-shadow:0 8px 30px rgba(38,83,137,.045)}.metric{display:flex;align-items:center;gap:17px;min-width:0}.metric-icon{width:54px;height:54px;flex:0 0 54px;border-radius:13px;display:grid;place-items:center;background:#e5f1ff;color:#1670e9;font-size:23px}.metric-icon.purple{background:#eee9ff;color:#6e45ef}.metric-icon.orange{background:#fff0dd;color:#f07a00}.metric-icon.green{background:#e2f8ec;color:#0ca45d}.metric>div:last-child{min-width:0}.metric span,.metric small{display:block;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric strong{display:block;font-size:25px;margin:6px 0}.toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 180px 220px;gap:12px;margin:18px 0 12px}.search-wrap{position:relative}.search-wrap span{position:absolute;left:15px;top:10px;color:#637694;font-size:21px}.search-wrap input{padding-left:42px;width:100%}.toolbar input,.toolbar select,input,select,textarea{border:1px solid #cfdaea;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);font:inherit;min-height:42px}.table-wrap{background:#fff;border:1px solid #e5edf7;border-radius:15px;overflow:hidden}.clean-table table{width:100%;table-layout:fixed;border-collapse:collapse;background:#fff}.clean-table th,.clean-table td{padding:12px 12px;border-bottom:1px solid #e9eef5;text-align:left;vertical-align:middle;white-space:normal;overflow:hidden}.clean-table th{height:50px;font-size:12px;color:#4e607e;background:#fbfdff;font-weight:700}.clean-table tbody tr{height:60px}.clean-table tbody tr:hover{background:#fbfdff}.c-service{width:13%}.c-purpose{width:19%}.c-price{width:9%}.c-rub{width:9%}.c-period{width:9%}.c-pay{width:9%}.c-date{width:10%}.c-left{width:7%}.c-notify{width:10%}.c-actions{width:5%}.service-cell{display:flex;align-items:center;gap:9px;min-width:0}.service-mark{width:31px;height:31px;flex:0 0 31px;border-radius:8px;display:grid;place-items:center;background:#edf4ff;color:#2266df;font-weight:800}.service-name{display:flex;align-items:center;gap:5px;min-width:0}.service-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.external{font-size:12px;color:#7385a0}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#405272}.badge{display:inline-block;border-radius:20px;padding:6px 9px;font-size:11px;line-height:1;white-space:nowrap}.badge.period{background:#e7f2ff;color:#1260dc}.badge.warn{background:#fff0dc;color:#e76f00}.badge.neutral{background:#f0f4f9;color:#526784}.badge.danger{background:#ffebeb;color:#c43d3d}.pay-method,.notify{font-size:12px;color:#405272;white-space:nowrap}.dash{color:#8796ad}.actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.actions a{display:grid;place-items:center;min-width:27px;height:27px;border-radius:8px;color:#526b91}.actions a:hover{background:#eef4ff;color:#1e62dd}.clean-table tfoot td{background:#fbfdff;border-bottom:0}.clean-table tfoot small{display:block;color:var(--muted);margin-top:3px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}.section-head h2{font-size:18px;margin:0}.section-head span{color:var(--muted)}.payment-list{display:grid}.payment-row{display:grid;grid-template-columns:minmax(0,1fr) 105px 105px auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #edf1f6}.payment-row:first-child{border-top:0}.payment-row>div{min-width:0}.payment-row small{display:block;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.narrow{max-width:760px}.form label{display:block;font-weight:600;margin:12px 0}.form input,.form select,.form textarea{display:block;width:100%;margin-top:6px}.form textarea{min-height:75px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}fieldset{border:1px solid var(--line);border-radius:10px;margin:16px 0}.check{display:inline-block!important;margin-right:22px!important}.check input{display:inline!important;width:auto!important}.login-bg{min-height:100vh;display:grid;place-items:center}.login-card{width:min(430px,92vw);background:#fff;padding:34px;border-radius:18px;box-shadow:0 25px 80px rgba(25,62,110,.14)}.login-card label,.login-card input{display:block;width:100%;margin:12px 0 6px}.login-card .btn{width:100%;margin-top:16px;justify-content:center}.alert{background:#fff0f0;color:#b11;padding:12px;border-radius:8px}.success{background:#eafaf1;color:#176b3a;padding:12px;border-radius:8px;margin:12px 0}.split{display:grid;grid-template-columns:360px 1fr;gap:20px}.row-note{display:block;margin-top:5px;color:#71809b;max-width:300px;white-space:normal}.form input[type=radio],.form input[type=checkbox]{width:auto}
@media(max-width:1250px){.dashboard{padding-left:2%;padding-right:2%}.clean-table th,.clean-table td{padding-left:8px;padding-right:8px;font-size:12px}.c-purpose{width:17%}.c-service{width:14%}.c-notify{width:9%}.pay-method,.notify{font-size:11px}.metric strong{font-size:22px}}
@media(max-width:1050px){.cards{grid-template-columns:1fr 1fr}.hero{align-items:flex-start}.topbar nav{display:none}.clean-table .c-purpose,.clean-table th:nth-child(2),.clean-table td:nth-child(2),.clean-table .c-notify,.clean-table th:nth-child(9),.clean-table td:nth-child(9){display:none}.c-service{width:19%}.c-price,.c-rub,.c-period,.c-pay,.c-date{width:12%}.c-left{width:9%}.c-actions{width:6%}.lower-grid{grid-template-columns:1fr}}
@media(max-width:720px){.dashboard{padding:20px 3%}.hero{display:block}.hero-actions{justify-content:flex-start;margin-top:16px}.cards{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.rate-box{display:none}.user-box>span:not(.avatar){display:none}.clean-table{overflow-x:auto}.clean-table table{min-width:850px}.lower-grid{grid-template-columns:1fr}.payment-row{grid-template-columns:minmax(0,1fr) 90px 90px}.payment-row .badge{display:none}.grid2{grid-template-columns:1fr}.split{grid-template-columns:1fr}}
.rate-edit{display:grid;place-items:center;width:25px;height:25px;margin-left:3px;border-radius:7px;color:#61718f}.rate-edit:hover{background:#eef4ff;color:#155ed7}