:root{--accent: #2f80ed;--accent-text: #ffffff;--background: #f6f7f9;--surface: #ffffff;--text: #101828;--muted-text: #667085;--border: #e4e7ec;--danger: #b42318;--corner-radius: 8px;--section-spacing: 22px;--item-padding: 12px;--transition-speed: .18s;--gradient-from: #f6f7f9;--gradient-to: #ffffff;--gradient-angle: 180deg;--border-glow-color: #2f80ed;--border-glow-shadow: 0 0 0 transparent;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--background);scrollbar-width:none}:root::-webkit-scrollbar{display:none}*{box-sizing:border-box}body{margin:0;background:var(--background);scrollbar-width:none}body::-webkit-scrollbar{display:none}body.preview-dragging,body.preview-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}button{font:inherit;line-height:1.2}.app{width:min(720px,100%);min-height:100vh;margin:0 auto;padding:20px}.background-gradient{background:linear-gradient(var(--gradient-angle),var(--gradient-from),var(--gradient-to))}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:var(--section-spacing)}.topbar-text{min-width:0;display:grid;gap:3px;align-content:center}.logo,.logo-mark{width:48px;height:48px;border-radius:var(--corner-radius);object-fit:cover;background:var(--accent)}.logo-square .logo,.logo-square .logo-mark{border-radius:0}.logo-circle .logo,.logo-circle .logo-mark{border-radius:999px}h1,h2,p{margin:0}h1{font-size:22px;line-height:1.2}h2{font-size:15px;margin-bottom:10px}span,small{display:block}.topbar span,small,.empty{color:var(--muted-text);font-size:13px;line-height:1.25}.greeting-text{color:var(--muted-text);font-size:14px;line-height:1.35;overflow-wrap:anywhere}.tabs{display:flex;gap:8px;margin:0 -14px 12px;overflow-x:auto;padding:0 14px 4px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);min-height:38px;padding:0 14px;text-align:center}.tab.active{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.global-tabs{margin-bottom:14px}.global-tabs .tab{flex:1 0 0;text-align:center}.section{margin-bottom:var(--section-spacing)}.dashboard{display:grid;gap:10px;margin-bottom:var(--section-spacing)}.dashboard-user,.dashboard-grid>div{border:1px solid var(--border);border-radius:var(--corner-radius);background:var(--surface);padding:var(--item-padding);box-shadow:var(--border-glow-shadow);line-height:1.25}.dashboard-user{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-grid>div{display:grid;gap:3px;align-content:center}.dashboard-user strong,.dashboard-grid b{color:var(--accent)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.list{display:grid;gap:8px}.item,.ticket,.icon-button,.back-button,.primary-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:1px solid var(--border);border-radius:var(--corner-radius);background:var(--surface);color:var(--text);padding:var(--item-padding);line-height:1.25;text-align:left;box-shadow:var(--border-glow-shadow);transition:transform var(--transition-speed) ease,border-color var(--transition-speed) ease,background var(--transition-speed) ease,box-shadow var(--transition-speed) ease,filter var(--transition-speed) ease}.item:active,.icon-button:active,.back-button:active,.primary-action:active{border-color:var(--accent)}@media (hover: hover){.button-hover-lift .item:hover,.button-hover-lift .icon-button:hover,.button-hover-lift .back-button:hover,.button-hover-lift .primary-action:hover{transform:translateY(-1px)}.button-hover-darken .item:hover,.button-hover-darken .icon-button:hover,.button-hover-darken .back-button:hover,.button-hover-darken .primary-action:hover{filter:brightness(.97)}.button-hover-glow .item:hover,.button-hover-glow .icon-button:hover,.button-hover-glow .back-button:hover,.button-hover-glow .primary-action:hover{box-shadow:var(--border-glow-shadow),0 0 18px color-mix(in srgb,var(--accent) 28%,transparent),0 0 34px color-mix(in srgb,var(--accent) 16%,transparent)}}.button-filled .item,.button-filled .icon-button,.button-filled .back-button{border-color:var(--accent)}.button-outline .item,.button-outline .icon-button,.button-outline .back-button{background:transparent;border-color:var(--accent)}.button-soft .item,.button-soft .icon-button,.button-soft .back-button{background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-color:transparent}.button-shadow-soft .item,.button-shadow-soft .ticket,.button-shadow-soft .dashboard-user,.button-shadow-soft .dashboard-grid>div,.button-shadow-soft .icon-button,.button-shadow-soft .back-button,.button-shadow-soft .primary-action,.card-elevated .item,.card-elevated .ticket,.card-elevated .dashboard-user,.card-elevated .dashboard-grid>div{box-shadow:var(--border-glow-shadow),0 8px 24px #10182814}.card-flat .item,.card-flat .ticket,.card-flat .dashboard-user,.card-flat .dashboard-grid>div,.card-flat .icon-button{border-color:transparent}.item b,.ticket b{font-size:15px;line-height:1.25;overflow-wrap:anywhere}.item span,.ticket span{min-width:0;display:grid;gap:3px;align-content:center}.item small{margin-top:0}.item svg{flex:0 0 auto;color:var(--muted-text)}.item strong,.service-price{white-space:nowrap;color:var(--accent);font-size:14px}.icon-button{justify-content:center;margin-top:12px}.back-button{justify-content:flex-start;border-color:transparent;background:transparent;padding-inline:0;margin-bottom:18px}.service-detail{display:grid;gap:14px;margin-bottom:22px}.service-category{width:fit-content;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);font-size:13px;padding:6px 10px}.service-detail h1{font-size:26px}.service-price{font-size:18px}.service-detail p{color:var(--muted-text);font-size:15px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-line}.primary-action{justify-content:center;min-height:52px;border-color:var(--accent);background:var(--accent);color:var(--accent-text);font-weight:700}.primary-action:disabled{cursor:not-allowed;opacity:.55}.detail-note{margin-top:12px;text-align:center}.status{margin-top:30vh;text-align:center}.error{color:var(--danger)}.compact{padding:14px}.compact .section{margin-bottom:var(--section-spacing)}.density-comfortable{padding:20px}.animations-off .item,.animations-off .ticket,.animations-off .icon-button{transition:none}.enter-fade .item,.enter-fade .ticket{animation:fade-in var(--transition-speed) ease both}.enter-slide .item,.enter-slide .ticket{animation:slide-in var(--transition-speed) ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}