:root{--rv-bg:#0e1117;--rv-surface:#171b23;--rv-surface2:#202632;--rv-border:#2d3543;--rv-text:#f7f8fa;--rv-muted:#9ea8b7;--rv-primary:#b68a3a;--rv-primary2:#d3aa5a;--rv-danger:#ef5350;--rv-success:#39b878;--rv-radius:18px;--rv-shadow:0 18px 50px rgba(0,0,0,.25)}
.rv-app,.rv-catalog,.rv-login-box{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box}.rv-app *,.rv-catalog *,.rv-login-box *{box-sizing:border-box}
.rv-app{background:var(--rv-bg);color:var(--rv-text);min-height:750px;border-radius:24px;overflow:hidden;box-shadow:var(--rv-shadow)}
.rv-topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#11151c;border-bottom:1px solid var(--rv-border);position:sticky;top:0;z-index:20}.rv-brand{display:flex;gap:12px;align-items:center}.rv-logo{width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,var(--rv-primary2),var(--rv-primary));display:grid;place-items:center;color:#101216;font-weight:900;font-size:24px}.rv-brand strong,.rv-brand small{display:block}.rv-brand small,.rv-user,.rv-user a{color:var(--rv-muted);font-size:12px}.rv-user{display:flex;gap:12px;align-items:center}.rv-user a{text-decoration:none;border-left:1px solid var(--rv-border);padding-left:12px}
.rv-nav{display:flex;gap:8px;padding:12px 20px;background:#11151c;border-bottom:1px solid var(--rv-border);overflow:auto}.rv-nav button{border:0;background:transparent;color:var(--rv-muted);padding:11px 15px;border-radius:11px;font-weight:700;white-space:nowrap;cursor:pointer}.rv-nav button.active,.rv-nav button:hover{background:var(--rv-surface2);color:#fff}
.rv-main{padding:28px;max-width:1500px;margin:auto}.rv-view{display:none}.rv-view.active{display:block}.rv-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.rv-heading small{color:var(--rv-primary2);font-weight:800;letter-spacing:1.2px}.rv-heading h1{font-size:clamp(27px,4vw,42px);margin:4px 0 0;line-height:1}
.rv-primary,.rv-secondary{border:0;border-radius:12px;padding:13px 18px;font-weight:800;cursor:pointer}.rv-primary{background:linear-gradient(135deg,var(--rv-primary2),var(--rv-primary));color:#12151a}.rv-secondary{background:var(--rv-surface2);color:#fff;border:1px solid var(--rv-border)}.rv-primary:disabled{opacity:.55;cursor:not-allowed}.rv-link{border:0;background:transparent;color:var(--rv-primary2);font-weight:700;cursor:pointer}
.rv-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.rv-stat,.rv-panel{background:linear-gradient(180deg,var(--rv-surface),#141820);border:1px solid var(--rv-border);border-radius:var(--rv-radius);box-shadow:0 10px 30px rgba(0,0,0,.12)}.rv-stat{padding:20px}.rv-stat small{display:block;color:var(--rv-muted);font-weight:700;margin-bottom:12px}.rv-stat strong{font-size:clamp(24px,3vw,34px)}.rv-panel{padding:20px;margin-bottom:22px}.rv-panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.rv-panel-title h2{font-size:20px;margin:0}.rv-skeleton{height:118px;border-radius:var(--rv-radius);background:linear-gradient(90deg,var(--rv-surface),var(--rv-surface2),var(--rv-surface));background-size:200% 100%;animation:rvpulse 1.2s infinite}@keyframes rvpulse{to{background-position:-200% 0}}
.rv-table-wrap{overflow:auto}.rv-table{width:100%;border-collapse:collapse;min-width:650px}.rv-table th{color:var(--rv-muted);font-size:12px;text-transform:uppercase;letter-spacing:.7px;text-align:left;padding:12px;border-bottom:1px solid var(--rv-border)}.rv-table td{padding:14px 12px;border-bottom:1px solid rgba(45,53,67,.7);vertical-align:middle}.rv-table td strong,.rv-table td small{display:block}.rv-table td small{color:var(--rv-muted);margin-top:4px}.rv-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#293140;color:#dce2ea;font-size:11px;font-weight:800}.status-production,.status-review{background:#3b3260}.status-ready,.status-delivered{background:#194c38}.status-awaiting_deposit{background:#5d4522}.status-delivery{background:#214761}
.rv-form label{display:block;color:#cbd2dc;font-size:13px;font-weight:700}.rv-form input,.rv-form textarea,.rv-form select,.rv-order-card select{width:100%;margin-top:7px;background:#10141b;border:1px solid var(--rv-border);color:#fff;border-radius:11px;padding:12px;outline:none}.rv-form input:focus,.rv-form textarea:focus,.rv-form select:focus{border-color:var(--rv-primary)}.rv-grid-2,.rv-grid-3{display:grid;gap:14px;margin-bottom:14px}.rv-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.rv-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.rv-form>label{margin-bottom:14px}.rv-collapsible{margin-bottom:20px}.rv-submit{width:100%;font-size:16px;margin-top:16px}.rv-total{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid var(--rv-border);margin-top:16px}.rv-total span{color:var(--rv-muted)}.rv-total strong{font-size:28px;color:var(--rv-primary2)}
.rv-order-items{margin:15px 0}.rv-item-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;background:#10141b;border:1px solid var(--rv-border);border-radius:12px;padding:13px;margin-bottom:8px}.rv-item-row strong,.rv-item-row small{display:block}.rv-item-row small{color:var(--rv-muted);margin-top:3px}.rv-item-row>span{font-weight:800}.rv-item-row button{width:30px;height:30px;border-radius:8px;border:0;background:#3b2022;color:#ffaaaa;font-size:20px;cursor:pointer}
.rv-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(285px,1fr);gap:15px;overflow-x:auto;padding-bottom:14px}.rv-column{background:#12161d;border:1px solid var(--rv-border);border-radius:16px;min-height:420px}.rv-column>header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--rv-border)}.rv-column h2{font-size:15px;margin:0}.rv-column>header span{background:var(--rv-surface2);border-radius:999px;padding:4px 8px;font-size:11px}.rv-column-body{padding:12px}.rv-order-card{background:var(--rv-surface);border:1px solid var(--rv-border);border-left:4px solid #4e5968;border-radius:13px;padding:13px;margin-bottom:10px}.rv-order-card.priority-high{border-left-color:#e7a93a}.rv-order-card.priority-urgent{border-left-color:var(--rv-danger)}.rv-order-code,.rv-payment{display:flex;justify-content:space-between;gap:10px;align-items:center}.rv-order-card h3{font-size:15px;margin:12px 0 6px}.rv-order-card p,.rv-order-card small{font-size:11px;color:var(--rv-muted)}.rv-payment{border-top:1px solid var(--rv-border);margin-top:10px;padding-top:10px}.rv-order-card select{padding:9px;margin-top:10px;font-size:12px}
.rv-empty{padding:38px;text-align:center;color:var(--rv-muted)}.rv-empty-small{padding:18px;text-align:center;color:var(--rv-muted);font-size:12px}.rv-message{position:fixed;right:24px;bottom:24px;z-index:50;background:var(--rv-success);color:#fff;padding:14px 18px;border-radius:12px;box-shadow:var(--rv-shadow);max-width:360px}.rv-message.error,.rv-alert-error{background:#5b2225;color:#ffd5d5}.rv-login-box,.rv-alert{max-width:500px;margin:30px auto;padding:25px;border-radius:18px;background:#171b23;color:#fff}.rv-login-box input{width:100%}.rv-login-box .button{background:#b68a3a;border:0;padding:12px 20px;border-radius:10px;font-weight:700}
.rv-catalog{--rv-primary:#b68a3a;max-width:1200px;margin:auto;padding:28px;color:#171a20}.rv-catalog-head{display:flex;gap:20px;align-items:center;background:#10141b;color:#fff;border-radius:24px;padding:30px;margin-bottom:24px}.rv-catalog-head img{width:90px;height:90px;object-fit:contain;border-radius:18px;background:#fff}.rv-catalog-head h1{margin:4px 0;font-size:clamp(30px,5vw,52px)}.rv-catalog-head small{color:var(--rv-primary);font-weight:900;letter-spacing:1px}.rv-catalog-head p{color:#b9c0cb}.rv-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}.rv-product-card{background:#fff;border:1px solid #e8eaf0;border-radius:18px;overflow:hidden;box-shadow:0 14px 34px rgba(20,25,35,.08)}.rv-product-card>img,.rv-product-placeholder{width:100%;height:200px;object-fit:cover}.rv-product-placeholder{display:grid;place-items:center;background:#161b23;color:var(--rv-primary);font-size:72px;font-weight:900}.rv-product-card>div{padding:18px}.rv-product-card h2{font-size:20px;margin:0 0 8px}.rv-product-card p{color:#626b78;min-height:45px}.rv-product-card strong{display:block;font-size:22px;margin:14px 0}.rv-product-card button{width:100%;border:0;border-radius:11px;background:var(--rv-primary);padding:12px;font-weight:800;cursor:pointer}.rv-catalog>.rv-panel{background:#10141b;color:#fff}.rv-public-success,.rv-public-error{margin-top:14px;padding:12px;border-radius:10px}.rv-public-success{background:#194c38}.rv-public-error{background:#5b2225}
@media(max-width:900px){.rv-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.rv-grid-3{grid-template-columns:1fr 1fr}.rv-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.rv-app{border-radius:0}.rv-topbar{padding:14px}.rv-user span{display:none}.rv-main{padding:18px 12px}.rv-heading{align-items:flex-start;flex-direction:column}.rv-heading .rv-primary{width:100%}.rv-stats{grid-template-columns:1fr 1fr;gap:10px}.rv-stat{padding:15px}.rv-stat strong{font-size:22px}.rv-grid-2,.rv-grid-3{grid-template-columns:1fr}.rv-panel{padding:14px}.rv-item-row{grid-template-columns:1fr auto}.rv-item-row>span{grid-column:1}.rv-kanban{grid-auto-columns:86vw}.rv-catalog{padding:12px}.rv-catalog-head{padding:20px;align-items:flex-start}.rv-catalog-head img{width:64px;height:64px}.rv-catalog-grid{grid-template-columns:1fr}.rv-product-card>img,.rv-product-placeholder{height:180px}}