@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&display=swap";:root{color-scheme:light;--bg: #f4f6fb;--panel: #ffffff;--panel-soft: #f1f3f7;--accent: #0ea5ff;--accent-2: #0f172a;--ink: #1f2937;--muted: #6b7280;--border: #e5e7eb;--glow: rgba(14, 165, 255, .2);--shadow: 0 18px 40px rgba(15, 23, 42, .08);font-family:Manrope,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#ffffff 0%,var(--bg) 65%);color:var(--ink)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:12px 24px;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 10px 24px #0f172a0a}.brand-box{position:relative;display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:#fff;border-radius:10px;border:1px solid var(--border);text-decoration:none}.brand-box:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--accent);border-radius:10px 0 0 10px}.brand-box img{width:44px;height:auto}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.settings-menu{position:relative;display:flex;flex-direction:column;gap:8px}.settings-button{width:44px;height:44px;display:grid;place-items:center;background:#fff;color:var(--ink);border-radius:12px;border:1px solid var(--border);box-shadow:0 10px 20px #0f172a14;padding:0}.settings-menu.open .settings-button{border-color:var(--accent);box-shadow:0 0 0 3px #0ea5ff26}.settings-button svg{width:20px;height:20px}.settings-panel{position:absolute;top:calc(100% + 12px);right:0;display:grid;gap:8px;padding:12px;min-width:220px;border-radius:16px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.settings-panel a{text-decoration:none;color:var(--ink);padding:10px 12px;border-radius:12px;background:var(--panel-soft)}.settings-panel a.active{background:#e9f6ff;color:var(--accent-2);font-weight:600}.settings-menu.open .settings-panel{opacity:1;transform:translateY(0);pointer-events:auto}.settings-language{display:flex;flex-direction:column;gap:8px;margin-top:6px}.settings-language label{font-size:12px;color:var(--muted)}.settings-language select{padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel-soft);color:var(--ink)}.content{padding:28px 32px 48px;display:flex;flex-direction:column;gap:24px;width:100%;max-width:1280px;margin:0 auto}.panel{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.panel h2{margin-top:0}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}input,select,textarea,button{font-family:inherit;font-size:14px}input,select,textarea{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel-soft);color:var(--ink)}button{padding:10px 16px;border-radius:12px;border:1px solid transparent;background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 12px 24px #0ea5ff40}button.secondary{background:#fff;border:1px solid var(--border);color:var(--ink);box-shadow:none}button.ghost{background:transparent;border:1px solid var(--border);color:var(--ink);box-shadow:none;padding:8px 12px}.kanban{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.kanban-column{background:#fff;border:1px dashed var(--border);padding:16px;border-radius:18px}.kanban-card{background:var(--panel-soft);border:1px solid var(--border);border-radius:16px;padding:12px;margin-bottom:12px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#0ea5ff1f;color:#0b74d1;font-size:12px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid var(--border)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{border-radius:18px;padding:16px;background:#fff;border:1px solid var(--border);box-shadow:0 8px 18px #0f172a14}.receipt{display:flex;justify-content:center;padding:32px}.receipt-card{width:min(420px,100%);background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 12px 24px #00000014}.receipt-line{display:flex;justify-content:space-between;gap:12px;font-size:14px}.muted{color:var(--muted)}.orders-page{display:flex;flex-direction:column;gap:24px}.orders-tabs{display:flex;align-items:center;gap:18px;padding-bottom:12px;border-bottom:1px solid var(--border)}.orders-tabs button{background:transparent;border:none;color:var(--muted);padding:8px 0;border-radius:0;box-shadow:none;font-weight:600}.orders-tabs button.active{color:var(--accent-2);border-bottom:2px solid var(--accent)}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.order-services h3,.order-sidebar h3{margin-top:0}.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.service-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 22px #0f172a14}.service-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px #0ea5ff2e,0 10px 22px #0f172a14}.service-name{font-weight:600;text-transform:uppercase;letter-spacing:.4px}.service-price{color:var(--muted);font-size:13px}.service-controls{display:flex;align-items:center;gap:8px}.service-controls span{min-width:24px;text-align:center;font-weight:600}.order-sidebar .panel{box-shadow:0 12px 30px #0f172a14}.client-search{display:flex;align-items:center;gap:8px}.client-search input{flex:1}.client-results{margin-top:10px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--shadow);display:grid}.client-result{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:none;background:#fff;color:var(--ink);cursor:pointer;text-align:left}.client-result:hover{background:var(--panel-soft)}.order-fields{margin-top:16px;display:grid;gap:12px}.order-fields label{display:grid;gap:6px;font-size:13px;color:var(--muted)}.order-fields textarea{resize:vertical;min-height:80px}.range-value{font-size:12px;color:var(--muted)}.addon-section{margin-top:18px;display:grid;gap:12px}.addon-list{display:grid;gap:10px}.addon-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel-soft)}.addon-row.selected{border-color:var(--accent);background:#e9f6ff}.addon-name{font-weight:600}.addon-price{font-size:12px;color:var(--muted)}.order-summary{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.order-summary strong{font-size:18px}.order-list{display:grid;gap:16px}.order-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 10px 22px #0f172a14;display:grid;gap:12px}.order-card-header{display:flex;align-items:center;justify-content:space-between;font-weight:600}.order-id{font-size:12px;color:var(--muted)}.status-pill{padding:4px 10px;border-radius:999px;font-size:12px;background:var(--panel-soft);color:var(--ink)}.status-accepted{background:#fef3c7;color:#92400e}.status-in_progress{background:#dbeafe;color:#1d4ed8}.status-ready{background:#dcfce7;color:#166534}.order-card-actions{display:flex;flex-wrap:wrap;gap:8px}.service-page{display:grid;gap:24px}.addon-applicable{margin-top:12px}.addon-applicable-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.check-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--panel-soft)}@media print{body{background:#fff}.receipt-card button{display:none}.receipt{padding:0}.topbar{display:none}.content{padding:0;max-width:100%}}@media (max-width: 900px){.topbar{flex-wrap:wrap;padding:12px 16px}.brand-box{width:64px;height:64px}.content{padding:20px}.order-layout{grid-template-columns:1fr}}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--border);border-radius:22px;padding:28px;box-shadow:var(--shadow);display:grid;gap:16px}.login-card form{display:grid;gap:12px}.login-card label{display:grid;gap:6px;color:var(--muted);font-size:13px}.error{color:#b42318;font-size:13px}.ultra-admin{display:grid;gap:20px}.ultra-admin .card form{display:grid;gap:10px}.city-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}.city-row button{white-space:nowrap}
