@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Share+Tech+Mono:wght@400&family=VT323&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap";:root{--neon-green: #6dff6d;--neon-cyan: #00f5ff;--neon-yellow: #ffe600;--neon-pink: #ff2d78;--dark-bg: #080c08;--dark-bg-2: #0d140d;--dark-card: #0f1a0f;--dark-card-2: #141f14;--dark-border: #1e3a1e;--pixel-border: 2px solid var(--neon-green);--pixel-shadow: 0 0 0 2px #000, 0 0 0 4px var(--neon-green);--glow-green: 0 0 8px var(--neon-green), 0 0 20px rgba(109,255,109,.4), 0 0 40px rgba(109,255,109,.15);--glow-cyan: 0 0 8px var(--neon-cyan), 0 0 20px rgba(0,245,255,.4), 0 0 40px rgba(0,245,255,.15);--glow-pink: 0 0 8px var(--neon-pink), 0 0 20px rgba(255,45,120,.4);--font-pixel: "Press Start 2P", monospace;--font-mono: "Share Tech Mono", monospace;--font-vt: "VT323", monospace;--radius-px: 2px}.pl-root *,.pl-root *:before,.pl-root *:after{box-sizing:border-box;margin:0;padding:0}.pl-root{font-family:var(--font-mono);background-color:var(--dark-bg);color:var(--neon-green);min-height:100vh;overflow-x:hidden;position:relative}.pl-root:before{content:"";pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.18) 2px,rgba(0,0,0,.18) 4px);z-index:1000;animation:pl-scanflicker 8s steps(1) infinite}.pl-root:after{content:"";pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(109,255,109,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(109,255,109,.03) 1px,transparent 1px);background-size:32px 32px;z-index:0}@keyframes pl-scanflicker{0%,to{opacity:1}96%{opacity:1}97%{opacity:.92}98%{opacity:1}}@keyframes pl-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes pl-pulse-glow{0%,to{text-shadow:var(--glow-green)}50%{text-shadow:0 0 4px var(--neon-green),0 0 12px rgba(109,255,109,.6),0 0 60px rgba(109,255,109,.3)}}@keyframes pl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pl-slide-in-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pl-slide-in-right{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pl-modal-in{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pl-marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes pl-pixel-bg-scroll{0%{background-position:0 0}to{background-position:0 100px}}@keyframes pl-border-rotate{0%{border-color:var(--neon-green);box-shadow:0 0 10px #6dff6d4d}25%{border-color:var(--neon-cyan);box-shadow:0 0 10px #00f5ff4d}50%{border-color:var(--neon-green);box-shadow:0 0 10px #6dff6d4d}75%{border-color:var(--neon-cyan);box-shadow:0 0 10px #00f5ff4d}to{border-color:var(--neon-green);box-shadow:0 0 10px #6dff6d4d}}.pl-topbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#080c08e6;border-bottom:2px solid var(--neon-green);box-shadow:0 2px 20px #6dff6d33;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;padding:10px 24px;gap:16px}.pl-topbar-brand{font-family:var(--font-pixel);font-size:9px;color:var(--neon-green);text-shadow:var(--glow-green);letter-spacing:.05em;white-space:nowrap}.pl-topbar-right{display:flex;align-items:center;gap:12px}.pl-btn-pixel{font-family:var(--font-pixel);font-size:8px;letter-spacing:.05em;background:transparent;color:var(--neon-cyan);border:2px solid var(--neon-cyan);padding:10px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .12s steps(1);position:relative;text-shadow:var(--glow-cyan);box-shadow:0 0 8px #00f5ff4d,inset 0 0 8px #00f5ff0d;image-rendering:pixelated;white-space:nowrap;line-height:1}.pl-btn-pixel:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid rgba(0,245,255,.2);pointer-events:none}.pl-btn-pixel:hover{background:#00f5ff1a;box-shadow:var(--glow-cyan),inset 0 0 12px #00f5ff1a;transform:translateY(-2px)}.pl-btn-pixel:active{transform:translateY(1px);box-shadow:0 0 4px #00f5ff33}.pl-main{position:relative;z-index:1;padding-top:72px}.pl-hero{text-align:center;padding:60px 24px 48px;position:relative;animation:pl-slide-in-up .6s ease both}.pl-hero-logo-wrap{display:flex;justify-content:center;margin-bottom:28px;animation:pl-float 4s ease-in-out infinite}.pl-hero-logo{max-width:520px;width:90%;image-rendering:pixelated;filter:drop-shadow(0 0 12px rgba(109,255,109,.6)) drop-shadow(0 0 30px rgba(109,255,109,.3))}.pl-hero-name{font-family:var(--font-pixel);font-size:clamp(14px,3vw,22px);color:var(--neon-green);text-shadow:var(--glow-green);letter-spacing:.08em;margin-bottom:14px;animation:pl-pulse-glow 3s ease-in-out infinite}.pl-hero-tagline{font-family:var(--font-vt);font-size:clamp(20px,3.5vw,28px);color:var(--neon-cyan);text-shadow:var(--glow-cyan);letter-spacing:.05em;margin-bottom:32px;opacity:.9}.pl-info-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 28px;margin-bottom:12px}.pl-info-item{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:15px;color:#6dff6dd9;letter-spacing:.03em}.pl-info-icon{font-size:16px;filter:drop-shadow(0 0 4px rgba(109,255,109,.7))}.pl-services{padding:0 24px 64px;max-width:1100px;margin:0 auto}.pl-services-heading{font-family:var(--font-pixel);font-size:11px;color:var(--neon-yellow);text-shadow:0 0 8px var(--neon-yellow),0 0 20px rgba(255,230,0,.3);text-align:center;letter-spacing:.12em;margin-bottom:36px}.pl-tiles{display:flex;flex-direction:column;align-items:center;gap:24px}.pl-tile{display:grid;grid-template-columns:80px 1fr auto;grid-template-rows:auto auto;grid-template-areas:"icon title cta" "icon desc  cta";align-items:center;gap:8px 24px;background:var(--dark-card);border:2px solid var(--neon-green);box-shadow:0 0 10px #6dff6d33,inset 0 0 20px #6dff6d08;padding:24px 32px;cursor:pointer;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:100%;max-width:800px;text-align:left;-webkit-user-select:none;user-select:none;animation:pl-slide-in-up .5s ease both;overflow:hidden;border-radius:6px}.pl-tile:before,.pl-tile:after{content:"";position:absolute;width:12px;height:12px;border-color:var(--neon-green);border-style:solid}.pl-tile:before{top:-2px;left:-2px;border-width:4px 0 0 4px}.pl-tile:after{bottom:-2px;right:-2px;border-width:0 4px 4px 0}.pl-tile:nth-child(1){animation-delay:.1s}.pl-tile:nth-child(2){animation-delay:.2s;border-color:var(--neon-cyan);box-shadow:0 0 10px #00f5ff33,inset 0 0 20px #00f5ff08}.pl-tile:nth-child(2):before,.pl-tile:nth-child(2):after{border-color:var(--neon-cyan)}.pl-tile:nth-child(3){animation-delay:.3s;border-color:var(--neon-yellow);box-shadow:0 0 10px #ffe60033,inset 0 0 20px #ffe60008}.pl-tile:nth-child(3):before,.pl-tile:nth-child(3):after{border-color:var(--neon-yellow)}.pl-tile:hover{transform:translateY(-6px) scale(1.02)}.pl-tile:nth-child(1):hover{box-shadow:var(--glow-green),inset 0 0 30px #6dff6d12}.pl-tile:nth-child(2):hover{box-shadow:var(--glow-cyan),inset 0 0 30px #00f5ff12}.pl-tile:nth-child(3):hover{box-shadow:0 0 16px var(--neon-yellow),0 0 40px #ffe6004d,inset 0 0 30px #ffe60012}.pl-tile:active{transform:translateY(2px) scale(.99)}.pl-tile-icon{grid-area:icon;font-size:48px;margin:0;display:flex;justify-content:center;filter:drop-shadow(0 0 8px currentColor);animation:pl-float 4s ease-in-out infinite}.pl-tile:nth-child(1) .pl-tile-icon{animation-delay:0s}.pl-tile:nth-child(2) .pl-tile-icon{animation-delay:.5s}.pl-tile:nth-child(3) .pl-tile-icon{animation-delay:1s}.pl-tile-title{grid-area:title;font-family:var(--font-pixel);font-size:11px;letter-spacing:.08em;margin:0;line-height:1.6;align-self:end}.pl-tile:nth-child(1) .pl-tile-title{color:var(--neon-green);text-shadow:var(--glow-green)}.pl-tile:nth-child(2) .pl-tile-title{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.pl-tile:nth-child(3) .pl-tile-title{color:var(--neon-yellow);text-shadow:0 0 8px var(--neon-yellow)}.pl-tile-desc{grid-area:desc;font-family:var(--font-mono);font-size:15px;color:#6dff6da6;line-height:1.55;margin:0;align-self:start}.pl-tile:nth-child(2) .pl-tile-desc{color:#00f5ffa6}.pl-tile:nth-child(3) .pl-tile-desc{color:#ffe600a6}.pl-tile-cta{grid-area:cta;font-family:var(--font-pixel);font-size:9px;letter-spacing:.1em;padding:12px 24px;border:2px solid var(--neon-green);background:#6dff6d14;color:var(--neon-green);display:inline-block;transition:all .2s;text-shadow:var(--glow-green);box-shadow:0 0 6px #6dff6d33;margin:0}.pl-tile:nth-child(2) .pl-tile-cta{border-color:var(--neon-cyan);background:#00f5ff14;color:var(--neon-cyan);text-shadow:var(--glow-cyan);box-shadow:0 0 6px #00f5ff33}.pl-tile:nth-child(3) .pl-tile-cta{border-color:var(--neon-yellow);background:#ffe60014;color:var(--neon-yellow);text-shadow:0 0 8px var(--neon-yellow);box-shadow:0 0 6px #ffe60033}.pl-tile:hover .pl-tile-cta{background:#6dff6d26}.pl-tile:nth-child(2):hover .pl-tile-cta{background:#00f5ff26}.pl-tile:nth-child(3):hover .pl-tile-cta{background:#ffe60026}.pl-blink{animation:pl-blink 1s steps(1) infinite}.pl-footer{background:var(--dark-bg-2);border-top:2px solid var(--dark-border);padding:32px 24px;text-align:center;position:relative}.pl-footer-divider{font-family:var(--font-pixel);font-size:8px;color:#6dff6d4d;letter-spacing:.15em;margin-bottom:20px}.pl-footer-info{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 32px;font-family:var(--font-mono);font-size:15px;color:#6dff6d8c;margin-bottom:20px}.pl-footer-copy{font-family:var(--font-pixel);font-size:7px;color:#6dff6d33;letter-spacing:.1em}.pl-pixel-bar{height:6px;background:repeating-linear-gradient(90deg,var(--neon-green) 0px,var(--neon-green) 6px,transparent 6px,transparent 12px,var(--neon-cyan) 12px,var(--neon-cyan) 18px,transparent 18px,transparent 24px);opacity:.4;margin:0}.pl-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:2000;display:flex;align-items:stretch;justify-content:center;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pl-modal{position:relative;width:100%;max-width:1000px;display:flex;flex-direction:column;margin:16px;border:2px solid var(--neon-green);background:var(--dark-bg);box-shadow:var(--glow-green);animation:pl-modal-in .2s ease both;overflow:hidden}.pl-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--dark-bg-2);border-bottom:2px solid var(--dark-border);flex-shrink:0}.pl-modal-title{font-family:var(--font-pixel);font-size:9px;color:var(--neon-green);text-shadow:var(--glow-green);letter-spacing:.08em}.pl-modal-close{font-family:var(--font-pixel);font-size:8px;background:transparent;border:2px solid var(--neon-pink);color:var(--neon-pink);padding:7px 14px;cursor:pointer;text-shadow:var(--glow-pink);box-shadow:0 0 8px #ff2d7833;letter-spacing:.05em;transition:all .1s;flex-shrink:0}.pl-modal-close:hover{background:#ff2d781f;box-shadow:var(--glow-pink)}.pl-modal-iframe{width:100%;flex:1;border:none;background:#fff;min-height:0}.pl-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-family:var(--font-pixel);font-size:10px;color:var(--neon-green);text-shadow:var(--glow-green);letter-spacing:.12em;animation:pl-blink 1s steps(1) infinite}@media (max-width: 680px){.pl-topbar{padding:10px 14px}.pl-topbar-brand{font-size:7px}.pl-btn-pixel{font-size:7px;padding:8px 12px}.pl-hero{padding:48px 16px 36px}.pl-hero-logo{max-width:300px}.pl-hero-name{font-size:12px}.pl-tile{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"icon" "title" "desc" "cta";text-align:center;gap:16px;padding:24px 20px}.pl-tile-title,.pl-tile-desc{align-self:center}.pl-services{padding:0 16px 48px}.pl-info-strip{gap:6px 16px}.pl-footer-info{flex-direction:column;gap:8px}}@media (max-width: 420px){.pl-topbar-brand{display:none}}.pl-css-logo{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:32px;filter:drop-shadow(0 0 12px rgba(109,255,109,.5))}.pl-css-logo-text-stack{display:flex;flex-direction:column;align-items:center;gap:14px}.pl-power-icon{width:140px;height:auto;flex-shrink:0;animation:pl-float 4s ease-in-out infinite}.pl-css-logo-title{position:relative;display:inline-block;font-family:var(--font-pixel);font-size:clamp(32px,6vw,76px);line-height:1;animation:pl-pulse-glow 3s ease-in-out infinite;margin-top:4px}.pl-css-logo-title-fill{position:relative;z-index:2;background:linear-gradient(to bottom,#a3f74f,#a3f74f 55%,#4caf11 55%,#4caf11);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pl-css-logo-title-stroke{position:absolute;left:0;top:0;z-index:1;color:#000;-webkit-text-stroke:10px #000;text-shadow:6px 6px 0 #000,-6px -6px 0 #000,6px -6px 0 #000,-6px 6px 0 #000,10px 0 0 #000,-10px 0 0 #000,0 10px 0 #000,0 -10px 0 #000,10px 10px 0 #000,-10px -10px 0 #000,10px -10px 0 #000,-10px 10px 0 #000}.pl-css-logo-sub{position:relative;font-family:var(--font-pixel);font-size:clamp(14px,2.5vw,24px);line-height:1.2;letter-spacing:-1px}.pl-css-logo-sub-fill{position:relative;z-index:2;background:linear-gradient(to bottom,#54e6f9,#54e6f9 55%,#1898d6 55%,#1898d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pl-css-logo-sub-stroke{position:absolute;left:0;top:0;z-index:1;color:#000;-webkit-text-stroke:6px #000;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,5px 0 0 #000,-5px 0 0 #000,0 5px 0 #000,0 -5px 0 #000,5px 5px 0 #000,-5px -5px 0 #000,5px -5px 0 #000,-5px 5px 0 #000}@media (max-width: 680px){.pl-css-logo{flex-direction:column;gap:16px}.pl-power-icon{width:90px}.pl-css-logo-title-stroke{-webkit-text-stroke:6px #000;text-shadow:4px 4px 0 #000,-4px -4px 0 #000,4px -4px 0 #000,-4px 4px 0 #000,6px 0 0 #000,-6px 0 0 #000,0 6px 0 #000,0 -6px 0 #000}.pl-css-logo-sub-stroke{-webkit-text-stroke:4px #000;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,3px 0 0 #000,-3px 0 0 #000,0 3px 0 #000,0 -3px 0 #000}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--c-bg: #f5f1eb;--c-paper: #fdfcf9;--c-paper-2: #f9f6f1;--c-border: #ddd8cf;--c-border-light: #e8e4dd;--c-text: #2a2420;--c-text-muted: #7a6f66;--c-text-faint: #a89f96;--c-accent: #3b5c8c;--c-accent-hover: #2d4a78;--c-accent-subtle: #eaf0f8;--c-accent-text: #ffffff;--c-danger: #8c3b3b;--c-danger-hover: #7a2e2e;--c-danger-subtle: #f8eaea;--c-success: #3b6e4a;--c-warning: #7a5a1e;--c-sidebar: #2a2420;--c-sidebar-hover: #3d3530;--c-sidebar-active: #4a403a;--c-sidebar-text: #9a8f86;--c-sidebar-text-active: #f5f1eb;--radius-sm: 4px;--radius: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 3px rgba(60,40,20,.07);--shadow: 0 2px 6px rgba(60,40,20,.09);--shadow-lg: 0 8px 24px rgba(60,40,20,.13);--shadow-card: 0 1px 2px rgba(60,40,20,.06), 0 2px 8px rgba(60,40,20,.06);--transition: .12s ease;--font-size-base: 14px;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html.dark{--c-bg: #1a1714;--c-paper: #211e1a;--c-paper-2: #1d1a17;--c-border: #3a3530;--c-border-light: #302c28;--c-text: #e8e2d8;--c-text-muted: #9a9088;--c-text-faint: #6a6058;--c-accent: #7da5d4;--c-accent-hover: #91b5de;--c-accent-subtle: #1e2a38;--c-accent-text: #0f1820;--c-danger: #c47a7a;--c-danger-hover: #d08888;--c-danger-subtle: #2a1a1a;--c-success: #7ab88a;--c-warning: #c4a055;--c-sidebar: #100e0c;--c-sidebar-hover: #1a1714;--c-sidebar-active: #252019;--c-sidebar-text: #6a6058;--c-sidebar-text-active: #e8e2d8;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow: 0 2px 6px rgba(0,0,0,.35);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--shadow-card: 0 1px 2px rgba(0,0,0,.25), 0 2px 8px rgba(0,0,0,.2)}html,body{height:100%}body{font-family:var(--font-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background:var(--c-bg);color:var(--c-text);line-height:1.55;font-size:var(--font-size-base, 14px)}#root{height:100%;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}input,select,textarea,button{font-family:inherit}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:56px;min-width:56px;max-width:56px;background:var(--c-sidebar);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid rgba(0,0,0,.18)}.sidebar-logo{height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.sidebar-nav{flex:1;padding:8px;display:grid;grid-template-columns:1fr;gap:4px;align-content:start;overflow-y:auto;overflow-x:hidden}.nav-tile{width:100%;max-width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;color:var(--c-sidebar-text);text-decoration:none;background:none;border:none;cursor:pointer;transition:background .13s ease,color .13s ease;box-sizing:border-box;padding:0}.nav-tile:hover{background:var(--c-sidebar-hover);color:var(--c-sidebar-text-active)}.nav-tile.active{background:var(--c-sidebar-active);color:var(--c-sidebar-text-active)}.nav-tile--admin{color:var(--c-accent)}.nav-tile--admin:hover{color:var(--c-accent);background:var(--c-sidebar-hover)}.nav-tile--admin.active{color:var(--c-accent);background:var(--c-sidebar-active)}.nav-tile--util{color:var(--c-sidebar-text)}.nav-tile--util:hover{background:var(--c-sidebar-hover);color:var(--c-sidebar-text-active)}.nav-tile--notif{color:#a78bfa}.nav-tile-badge{position:absolute;top:3px;right:3px;background:#e03c3c;color:#fff;border-radius:20px;font-size:9px;font-weight:800;padding:1px 4px;line-height:1.5;min-width:14px;text-align:center;pointer-events:none}.sidebar-bottom{flex-shrink:0;padding:6px;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;gap:4px}.nav-tile--logout:hover{background:#dc323226;color:#e07070}.sidebar-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%}.notif-flyout{position:fixed;left:60px;bottom:56px;width:280px;background:var(--c-paper);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:999;overflow:hidden}.main-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.main-header{background:var(--c-paper);border-bottom:1px solid var(--c-border);padding:16px 68px 16px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:10}.main-title{font-size:18px;font-weight:700;color:var(--c-text);letter-spacing:-.01em}.main-subtitle{font-size:12px;color:var(--c-text-muted);margin-top:1px}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-content{padding:24px 28px;flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all var(--transition);white-space:nowrap;text-decoration:none;line-height:1.4}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--c-accent);color:var(--c-accent-text);border-color:var(--c-accent)}.btn-primary:hover:not(:disabled){background:var(--c-accent-hover);border-color:var(--c-accent-hover)}.btn-secondary{background:var(--c-paper);color:var(--c-text);border-color:var(--c-border)}.btn-secondary:hover:not(:disabled){background:var(--c-paper-2)}.btn-danger{background:var(--c-danger);color:#fff;border-color:var(--c-danger)}.btn-danger:hover:not(:disabled){background:var(--c-danger-hover)}.btn-ghost{background:transparent;color:var(--c-text-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--c-paper-2);color:var(--c-text)}.btn-sm{padding:4px 10px;font-size:12px}.btn-icon{padding:5px 7px}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.form-label{font-size:12.5px;font-weight:600;color:var(--c-text-muted);letter-spacing:.02em}.form-label.required:after{content:" *";color:var(--c-danger)}.input,.select,.textarea{background:var(--c-paper);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:7px 11px;font-size:13.5px;color:var(--c-text);outline:none;width:100%;transition:border-color var(--transition),box-shadow var(--transition)}.input::placeholder,.textarea::placeholder{color:var(--c-text-faint)}.input:focus,.select:focus,.textarea:focus{border-color:var(--c-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--c-accent) 12%,transparent)}.textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-hint{font-size:11.5px;color:var(--c-text-muted)}.card{background:var(--c-paper);border:2px solid var(--c-border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-card)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--c-border-light)}.card-title{font-size:14px;font-weight:700;color:var(--c-text);letter-spacing:.01em}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px}.stat-card{background:var(--c-paper);border:1px solid var(--c-border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-card)}.stat-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted);margin-bottom:8px}.stat-value{font-size:28px;font-weight:800;color:var(--c-text);line-height:1}.stat-sub{font-size:11.5px;color:var(--c-text-muted);margin-top:5px}.stat-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px}.table-wrapper{background:var(--c-paper);border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card)}table{width:100%;border-collapse:collapse}thead{background:var(--c-paper-2);border-bottom:1px solid var(--c-border)}th{padding:9px 16px;text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--c-text-muted);white-space:nowrap}td{padding:11px 16px;font-size:13.5px;border-bottom:1px solid var(--c-border-light);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr{transition:background var(--transition)}tbody tr.clickable:hover{background:var(--c-paper-2);cursor:pointer}.td-muted{color:var(--c-text-muted);font-size:12.5px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:2px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;border:1.5px solid currentColor}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.search-wrapper{position:relative;flex:1;min-width:200px;max-width:320px}.search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--c-text-faint);font-size:12px;pointer-events:none}.search-input{padding-left:30px!important}.filter-tabs{display:flex;gap:2px;background:var(--c-paper);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:3px;flex-wrap:wrap}.filter-tab{padding:4px 10px;border-radius:3px;font-size:11.5px;font-weight:500;color:var(--c-text-muted);cursor:pointer;border:none;background:none;transition:all var(--transition);white-space:nowrap}.filter-tab.active{background:var(--c-accent);color:var(--c-accent-text)}.filter-tab:hover:not(.active){background:var(--c-paper-2);color:var(--c-text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#140f0a80;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--c-paper);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-lg{max-width:580px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-title{font-size:15px;font-weight:700}.modal-actions{display:flex;gap:8px;margin-top:18px;justify-content:flex-end}.close-btn{background:none;border:none;font-size:20px;color:var(--c-text-muted);cursor:pointer;padding:1px 6px;border-radius:3px}.close-btn:hover{background:var(--c-paper-2);color:var(--c-text)}.alert{padding:9px 13px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:14px;border-left:3px solid currentColor}.alert-error{background:var(--c-danger-subtle);color:var(--c-danger)}.alert-success{background:color-mix(in srgb,var(--c-success) 10%,transparent);color:var(--c-success)}.alert-warn{background:color-mix(in srgb,var(--c-warning) 10%,transparent);color:var(--c-warning)}.empty-state{text-align:center;padding:52px 24px;color:var(--c-text-muted)}.empty-icon{font-size:36px;margin-bottom:12px;opacity:.5}.empty-title{font-size:14px;font-weight:600;color:var(--c-text);margin-bottom:5px}.empty-sub{font-size:13px}.loading-screen{display:flex;align-items:center;justify-content:center;height:200px;color:var(--c-text-muted);gap:8px}.spinner{width:16px;height:16px;border:2px solid var(--c-border);border-top-color:var(--c-accent);border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ticket-detail-layout{display:grid;grid-template-columns:1fr 280px;gap:18px;align-items:start}.detail-row{margin-bottom:16px}.detail-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted);margin-bottom:3px}.detail-value{font-size:14px;color:var(--c-text)}.ticket-num{font-family:Courier New,monospace;font-size:12.5px;font-weight:700;color:var(--c-accent);letter-spacing:.03em}.kanban-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;align-items:start;padding-bottom:24px}.kanban-col{background:var(--c-paper-2);border:1px solid var(--c-border);border-radius:var(--radius);min-height:120px;display:flex;flex-direction:column}.kanban-col.drag-over{outline:2px dashed var(--c-accent);outline-offset:-2px;background:var(--c-accent-subtle)}.kanban-col-header{padding:10px 12px 8px;border-bottom:1px solid var(--c-border-light);display:flex;align-items:center;justify-content:space-between}.kanban-col-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.kanban-col-count{font-size:10px;font-weight:700;background:var(--c-border);color:var(--c-text-muted);border-radius:10px;padding:1px 7px}.kanban-cards{padding:8px;display:flex;flex-direction:column;gap:6px;flex:1}.kanban-card{background:var(--c-paper);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:10px 11px;cursor:pointer;transition:box-shadow var(--transition),transform var(--transition);box-shadow:var(--shadow-sm);touch-action:none;-webkit-user-select:none;user-select:none}.kanban-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.kanban-card.dragging{opacity:.35}.kanban-card-num{font-family:Courier New,monospace;font-size:10.5px;color:var(--c-accent);font-weight:700;margin-bottom:3px}.kanban-card-device{font-size:13px;font-weight:600;color:var(--c-text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanban-card-customer{font-size:11.5px;color:var(--c-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanban-empty{font-size:11.5px;color:var(--c-text-faint);text-align:center;padding:16px 8px;font-style:italic}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.staff-card{background:var(--c-paper);border:1px solid var(--c-border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-card)}.staff-card-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}.staff-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.staff-name{font-size:14px;font-weight:600}.staff-username{font-size:12px;color:var(--c-text-muted)}.role-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:2px;text-transform:uppercase;letter-spacing:.05em;border:1.5px solid currentColor}.role-admin{color:var(--c-accent)}.role-tech{color:var(--c-success)}.inactive-pill{font-size:10.5px;color:var(--c-text-faint)}.backup-item{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--c-border-light)}.backup-item:last-child{border-bottom:none}.backup-icon{font-size:20px;flex-shrink:0;opacity:.7}.backup-info{flex:1;min-width:0}.backup-name{font-size:12.5px;font-weight:500;font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.backup-meta{font-size:11.5px;color:var(--c-text-muted);margin-top:2px}.backup-actions{display:flex;gap:6px;flex-shrink:0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--c-bg);padding:24px}.login-card{background:var(--c-paper);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:40px 36px;width:100%;max-width:360px;box-shadow:var(--shadow-lg)}.login-head{text-align:center;margin-bottom:28px}.login-logo-icon{width:52px;height:52px;background:var(--c-accent);border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}.login-title{font-size:20px;font-weight:800;letter-spacing:-.01em}.login-sub{font-size:13px;color:var(--c-text-muted);margin-top:4px}.app-footer{background:var(--c-paper);border-top:1px solid var(--c-border);padding:10px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;flex-shrink:0}.app-footer-legal{font-size:11px;color:var(--c-text-faint);line-height:1.5;max-width:520px}.app-footer-credit{font-size:11px;color:var(--c-text-faint);text-align:right}.app-footer-credit a{color:var(--c-accent);text-decoration:underline;text-underline-offset:2px}.dup-warning{background:color-mix(in srgb,var(--c-warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--c-warning) 40%,transparent);border-radius:var(--radius-sm);padding:10px 13px;margin-top:8px;font-size:12.5px;color:var(--c-warning)}.dup-match{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid color-mix(in srgb,var(--c-warning) 20%,transparent)}.dup-match:last-child{border-bottom:none;padding-bottom:0}.divider{border:none;border-top:1px solid var(--c-border);margin:14px 0}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.mt-2{margin-top:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.text-muted{color:var(--c-text-muted)}.text-sm{font-size:12.5px}.text-danger{color:var(--c-danger)}.font-mono{font-family:Courier New,monospace}.font-bold{font-weight:700}.w-full{width:100%}@media (max-width: 900px){.ticket-detail-layout,.form-row{grid-template-columns:1fr}}@media (max-width: 700px){.nav-tile{width:36px;height:36px}.app-footer{flex-direction:column;align-items:flex-start;gap:4px}.app-footer-credit{text-align:left}}html[data-scheme=forest]{--c-bg: #f0f5f1;--c-paper: #f9fdf9;--c-paper-2: #f3f8f4;--c-border: #c8d8cc;--c-border-light: #daeadd;--c-text: #1a2e1f;--c-text-muted: #5a7a62;--c-text-faint: #8aaa90;--c-accent: #2d6a4f;--c-accent-hover: #1e5237;--c-accent-subtle: #e8f5ee;--c-accent-text: #ffffff;--c-sidebar: #1a2e1f;--c-sidebar-hover: #243828;--c-sidebar-active: #2e4232;--c-sidebar-text: #8aaa90;--c-sidebar-text-active: #f0f5f1;--shadow-sm: 0 1px 3px rgba(20,50,30,.07);--shadow: 0 2px 6px rgba(20,50,30,.09);--shadow-lg: 0 8px 24px rgba(20,50,30,.13);--shadow-card: 0 1px 2px rgba(20,50,30,.06), 0 2px 8px rgba(20,50,30,.06)}html[data-scheme=forest].dark{--c-bg: #121a14;--c-paper: #18221a;--c-paper-2: #151e17;--c-border: #2a3c2e;--c-border-light: #223228;--c-text: #d4e8d8;--c-text-muted: #7aaa82;--c-text-faint: #4a7052;--c-accent: #6dbb8a;--c-accent-hover: #82cc9e;--c-accent-subtle: #0a2016;--c-accent-text: #071510;--c-sidebar: #0a1209;--c-sidebar-hover: #121a14;--c-sidebar-active: #192418;--c-sidebar-text: #4a7052;--c-sidebar-text-active: #d4e8d8;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow: 0 2px 6px rgba(0,0,0,.35);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--shadow-card: 0 1px 2px rgba(0,0,0,.25), 0 2px 8px rgba(0,0,0,.2)}html[data-scheme=amber]{--c-bg: #fdf6e8;--c-paper: #fffcf4;--c-paper-2: #faf6ee;--c-border: #e8d8b0;--c-border-light: #f0e8cc;--c-text: #2a1e08;--c-text-muted: #7a6030;--c-text-faint: #a89060;--c-accent: #92400e;--c-accent-hover: #78350f;--c-accent-subtle: #fef3c7;--c-accent-text: #ffffff;--c-sidebar: #2a1e08;--c-sidebar-hover: #3a2c0e;--c-sidebar-active: #463614;--c-sidebar-text: #a89060;--c-sidebar-text-active: #fdf6e8;--shadow-sm: 0 1px 3px rgba(60,30,10,.07);--shadow: 0 2px 6px rgba(60,30,10,.09);--shadow-lg: 0 8px 24px rgba(60,30,10,.13);--shadow-card: 0 1px 2px rgba(60,30,10,.06), 0 2px 8px rgba(60,30,10,.06)}html[data-scheme=amber].dark{--c-bg: #1c1508;--c-paper: #24190a;--c-paper-2: #20160a;--c-border: #3c2a10;--c-border-light: #302214;--c-text: #f0dfc0;--c-text-muted: #c0a060;--c-text-faint: #8a7040;--c-accent: #fbbf24;--c-accent-hover: #f59e0b;--c-accent-subtle: #271c00;--c-accent-text: #1c1000;--c-sidebar: #120e04;--c-sidebar-hover: #1c1508;--c-sidebar-active: #241c08;--c-sidebar-text: #8a7040;--c-sidebar-text-active: #f0dfc0;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow: 0 2px 6px rgba(0,0,0,.35);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--shadow-card: 0 1px 2px rgba(0,0,0,.25), 0 2px 8px rgba(0,0,0,.2)}html[data-scheme=burgundy]{--c-bg: #fdf0f3;--c-paper: #fff8fa;--c-paper-2: #faf3f5;--c-border: #e8c4cc;--c-border-light: #f0d4da;--c-text: #2a1018;--c-text-muted: #8a5060;--c-text-faint: #b08090;--c-accent: #7a1f2e;--c-accent-hover: #651826;--c-accent-subtle: #fce8ec;--c-accent-text: #ffffff;--c-sidebar: #2a1018;--c-sidebar-hover: #3a1820;--c-sidebar-active: #441c26;--c-sidebar-text: #b08090;--c-sidebar-text-active: #fdf0f3;--shadow-sm: 0 1px 3px rgba(60,10,20,.07);--shadow: 0 2px 6px rgba(60,10,20,.09);--shadow-lg: 0 8px 24px rgba(60,10,20,.13);--shadow-card: 0 1px 2px rgba(60,10,20,.06), 0 2px 8px rgba(60,10,20,.06)}html[data-scheme=burgundy].dark{--c-bg: #180a0e;--c-paper: #220e14;--c-paper-2: #1e0c11;--c-border: #3c1820;--c-border-light: #301420;--c-text: #e8d4d8;--c-text-muted: #c07080;--c-text-faint: #8a5060;--c-accent: #e07a8a;--c-accent-hover: #ec93a1;--c-accent-subtle: #250810;--c-accent-text: #180508;--c-sidebar: #0f0508;--c-sidebar-hover: #180a0e;--c-sidebar-active: #220e14;--c-sidebar-text: #8a5060;--c-sidebar-text-active: #e8d4d8;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow: 0 2px 6px rgba(0,0,0,.35);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--shadow-card: 0 1px 2px rgba(0,0,0,.25), 0 2px 8px rgba(0,0,0,.2)}html[data-scheme=graphite]{--c-bg: #f4f5f6;--c-paper: #fafafa;--c-paper-2: #f0f1f2;--c-border: #d0d5db;--c-border-light: #dde0e4;--c-text: #1a1e24;--c-text-muted: #5a6270;--c-text-faint: #8a9098;--c-accent: #374151;--c-accent-hover: #1f2937;--c-accent-subtle: #f3f4f6;--c-accent-text: #ffffff;--c-sidebar: #1a1e24;--c-sidebar-hover: #252a32;--c-sidebar-active: #2e343e;--c-sidebar-text: #8a9098;--c-sidebar-text-active: #f4f5f6;--shadow-sm: 0 1px 3px rgba(20,25,35,.07);--shadow: 0 2px 6px rgba(20,25,35,.09);--shadow-lg: 0 8px 24px rgba(20,25,35,.13);--shadow-card: 0 1px 2px rgba(20,25,35,.06), 0 2px 8px rgba(20,25,35,.06)}html[data-scheme=graphite].dark{--c-bg: #16181c;--c-paper: #1e2128;--c-paper-2: #1a1d22;--c-border: #2e323a;--c-border-light: #262b32;--c-text: #d8dce0;--c-text-muted: #8a9098;--c-text-faint: #5a6270;--c-accent: #9ca3af;--c-accent-hover: #d1d5db;--c-accent-subtle: #18202e;--c-accent-text: #111827;--c-sidebar: #0e1014;--c-sidebar-hover: #16181c;--c-sidebar-active: #1e2128;--c-sidebar-text: #5a6270;--c-sidebar-text-active: #d8dce0;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow: 0 2px 6px rgba(0,0,0,.35);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--shadow-card: 0 1px 2px rgba(0,0,0,.25), 0 2px 8px rgba(0,0,0,.2)}.payment-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--c-border-light);font-size:13px}.payment-row:last-child{border-bottom:none}.payment-method{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:2px 7px;border-radius:2px;border:1.5px solid currentColor}.payment-method-cash{color:#2a6e3a}.payment-method-card{color:#3b5c8c}.payment-method-other{color:#7a6a60}.payment-amount{font-weight:700;margin-left:auto}.payment-balance{display:flex;justify-content:space-between;align-items:center;padding:10px 0 2px;font-size:13px}.payment-balance-label{color:var(--c-text-muted)}.payment-balance-value{font-weight:700}.payment-balance-value.paid{color:var(--c-success)}.payment-balance-value.partial{color:var(--c-warning)}.payment-balance-value.unpaid{color:var(--c-text-muted)}.sig-pad-wrap{border:1.5px solid var(--c-border);border-radius:var(--radius-sm);background:#fff;position:relative;overflow:hidden}.sig-pad-wrap canvas{display:block;touch-action:none;cursor:crosshair;width:100%;height:160px}.sig-pad-actions{display:flex;justify-content:flex-end;padding:6px 8px;border-top:1px solid var(--c-border-light);background:var(--c-paper-2);gap:6px}.sig-signed-preview{border:1px solid var(--c-border);border-radius:var(--radius-sm);overflow:hidden;max-width:100%;background:#fff}.sig-signed-preview img{display:block;width:100%;height:auto;max-height:120px;object-fit:contain}.waiver-text{font-size:12.5px;color:var(--c-text-muted);line-height:1.65;white-space:pre-wrap;max-height:180px;overflow-y:auto;padding:10px 12px;background:var(--c-paper-2);border:1px solid var(--c-border-light);border-radius:var(--radius-sm);margin-bottom:14px}.scheme-swatches{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.scheme-swatch{width:36px;height:36px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:transform .15s,border-color .15s;position:relative}.scheme-swatch:hover{transform:scale(1.12)}.scheme-swatch.active{border-color:var(--c-text)}.scheme-swatch[title]:hover:after{content:attr(title);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--c-text);color:var(--c-bg);font-size:11px;padding:2px 7px;border-radius:4px;white-space:nowrap;pointer-events:none}.catalog-panel{background:var(--c-paper-2);border:1px solid var(--c-border);border-radius:var(--radius-sm);margin-bottom:14px;overflow:hidden}.catalog-toolbar{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid var(--c-border-light);flex-wrap:wrap}.catalog-list{max-height:220px;overflow-y:auto}.catalog-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--c-border-light);cursor:pointer;transition:background var(--transition);font-size:13px}.catalog-item:last-child{border-bottom:none}.catalog-item:hover{background:var(--c-accent-subtle)}.catalog-item-name{flex:1;font-weight:500}.catalog-item-meta{font-size:11.5px;color:var(--c-text-muted)}.catalog-item-price{font-weight:700;font-family:Courier New,monospace;white-space:nowrap}.catalog-cat-pill{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:1px 6px;border-radius:2px;border:1px solid currentColor;white-space:nowrap;flex-shrink:0}.cat-labor{color:#3b5c8c}.cat-parts{color:#2d6a4f}.cat-fee{color:#7a1f2e}.cat-other{color:#7a6a60}.line-items-list{border:1px solid var(--c-border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:12px}.line-item-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--c-border-light);font-size:13px}.line-item-row:last-child{border-bottom:none}.line-item-name{flex:1;min-width:0}.line-item-name-text{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-item-name-sub{font-size:11.5px;color:var(--c-text-muted)}.line-item-qty{display:flex;align-items:center;gap:4px;flex-shrink:0}.qty-btn{width:24px;height:24px;border:1px solid var(--c-border);border-radius:3px;background:var(--c-paper);color:var(--c-text);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition);padding:0}.qty-btn:hover{background:var(--c-paper-2)}.qty-value{width:28px;text-align:center;font-weight:600;font-size:13px}.line-item-subtotal{font-weight:700;font-family:Courier New,monospace;width:68px;text-align:right;flex-shrink:0}.line-items-total{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:var(--c-paper-2);border-top:2px solid var(--c-border);font-size:13.5px;font-weight:700}.pay-mode-tabs{display:flex;gap:3px;margin-bottom:12px;background:var(--c-paper-2);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:3px}.pay-mode-tab{flex:1;padding:5px 10px;border-radius:3px;font-size:12px;font-weight:500;text-align:center;cursor:pointer;border:none;background:none;color:var(--c-text-muted);transition:all var(--transition)}.pay-mode-tab.active{background:var(--c-accent);color:var(--c-accent-text)}.pay-mode-tab:hover:not(.active){background:var(--c-paper);color:var(--c-text)}.pay-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.pay-method-btn{padding:13px 10px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:filter var(--transition),transform .1s;letter-spacing:.02em}.pay-method-btn:hover{filter:brightness(1.1)}.pay-method-btn:active{transform:scale(.97)}.pay-method-btn.selected{outline:3px solid var(--c-text);outline-offset:2px}.pay-method-cash{background:#16a34a;color:#fff}.pay-method-card{background:#0891b2;color:#fff}.pay-method-other{background:#ea580c;color:#fff}.financial-summary{border:1px solid var(--c-border);border-radius:var(--radius-sm);overflow:hidden}.financial-row{display:flex;justify-content:space-between;align-items:center;padding:7px 14px;border-bottom:1px solid var(--c-border-light);font-size:13px}.financial-row:last-child{border-bottom:none}.financial-row.total{font-weight:700;font-size:14px;background:var(--c-paper-2)}.financial-row.balance-due{color:var(--c-danger);font-weight:700}.financial-row.paid-full{color:var(--c-success);font-weight:700}.financial-label{color:var(--c-text-muted)}.financial-row.total .financial-label,.financial-row.balance-due .financial-label,.financial-row.paid-full .financial-label{color:inherit}.financial-value{font-family:Courier New,monospace;font-weight:600}.financial-row.total .financial-value{font-size:15px}.discount-row{display:flex;align-items:center;gap:8px}.discount-input{width:90px;text-align:right;font-family:Courier New,monospace}.line-items-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.custom-item-form{padding:12px;background:var(--c-paper-2);border:1px solid var(--c-border);border-radius:var(--radius-sm);margin-bottom:12px}.photo-scroll-row{display:flex;gap:10px;overflow-x:auto;padding:8px 0 10px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--c-border) transparent}.photo-scroll-row::-webkit-scrollbar{height:5px}.photo-scroll-row::-webkit-scrollbar-track{background:transparent}.photo-scroll-row::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:3px}.photo-scroll-thumb{position:relative;flex-shrink:0;width:160px;height:120px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--c-border);background:var(--c-paper-2);cursor:pointer;scroll-snap-align:start}.photo-scroll-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity var(--transition)}.photo-scroll-thumb:hover img{opacity:.85}.photo-thumb-del{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#000000a6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;opacity:0;transition:opacity var(--transition)}.photo-scroll-thumb:hover .photo-thumb-del{opacity:1}.photo-upload-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:2px dashed var(--c-border);border-radius:var(--radius-sm);color:var(--c-text-muted);cursor:pointer;font-size:13px;transition:all var(--transition);background:none;width:100%;justify-content:center;margin-top:8px}.photo-upload-btn:hover{border-color:var(--c-accent);color:var(--c-accent);background:var(--c-accent-subtle)}.photo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.photo-lightbox img{max-width:90vw;max-height:85vh;border-radius:var(--radius);box-shadow:0 8px 40px #0009;-webkit-user-select:none;user-select:none}.photo-lightbox-close{position:absolute;top:16px;right:20px;color:#fff;font-size:32px;cursor:pointer;background:none;border:none;line-height:1;opacity:.8}.photo-lightbox-close:hover{opacity:1}.photo-lightbox-prev,.photo-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:48px;cursor:pointer;background:none;border:none;line-height:1;opacity:.7;padding:0 16px;-webkit-user-select:none;user-select:none}.photo-lightbox-prev{left:8px}.photo-lightbox-next{right:8px}.photo-lightbox-prev:hover,.photo-lightbox-next:hover{opacity:1}.photo-lightbox-caption{position:absolute;bottom:48px;left:50%;transform:translate(-50%);color:#fff;font-size:13px;background:#0000008c;padding:4px 14px;border-radius:20px;max-width:80%;text-align:center}.photo-lightbox-counter{position:absolute;bottom:16px;left:50%;transform:translate(-50%);color:#fff9;font-size:12px}.inv-qty-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:10px;font-size:11.5px;font-weight:700}.inv-qty-ok{background:color-mix(in srgb,var(--c-success) 12%,transparent);color:var(--c-success)}.inv-qty-low{background:color-mix(in srgb,var(--c-warning) 14%,transparent);color:var(--c-warning)}.inv-qty-critical{background:var(--c-danger-subtle);color:var(--c-danger)}.inv-qty-zero{background:var(--c-paper-2);color:var(--c-text-faint);border:1px solid var(--c-border)}.low-stock-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;margin-bottom:20px;background:color-mix(in srgb,var(--c-warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--c-warning) 40%,transparent);border-radius:var(--radius-sm);font-size:13px;color:var(--c-warning)}.low-stock-banner a{color:var(--c-warning);text-decoration:underline;text-underline-offset:2px;font-weight:600}.inv-adj-row{display:flex;align-items:center;gap:6px}.inv-adj-btn{width:28px;height:28px;border:1px solid var(--c-border);border-radius:3px;background:var(--c-paper);color:var(--c-text);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition);flex-shrink:0;padding:0}.inv-adj-btn:hover{background:var(--c-paper-2)}.inv-qty-num{min-width:36px;text-align:center;font-weight:700;font-family:Courier New,monospace}.mention-token:hover .mention-tooltip{opacity:1!important}.toast{position:fixed;bottom:24px;right:24px;z-index:1000;min-width:260px;max-width:360px;padding:12px 16px;border-radius:var(--radius);box-shadow:var(--shadow-lg);font-size:13px;font-weight:500;animation:slideUp .2s ease;cursor:default}.toast-info{background:var(--c-accent);color:#fff;border:1px solid var(--c-accent-hover)}.toast-warning{background:#3a2d10;color:#f4c06a;border:1px solid #7a5a1e}.toast-success{background:var(--c-success);color:#fff}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.col-dragging{opacity:.45}.col-drop-target{outline:2px dashed var(--c-accent);outline-offset:-2px}.kanban-board::-webkit-scrollbar{height:6px}.kanban-board::-webkit-scrollbar-track{background:transparent}.kanban-board::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:3px}@media (max-width: 860px){.settings-two-col{grid-template-columns:1fr!important}}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--c-paper)!important;border-color:var(--c-border)!important;color:var(--c-text)!important;font-size:12px}.recharts-legend-item-text{color:var(--c-text)!important;font-size:12px}.recharts-cartesian-axis-tick-value{fill:var(--c-text-muted)}.dash-card-content::-webkit-scrollbar,.dash-card-content *::-webkit-scrollbar{width:6px;height:6px}.dash-card-content::-webkit-scrollbar-track,.dash-card-content *::-webkit-scrollbar-track{background:transparent}.dash-card-content::-webkit-scrollbar-thumb,.dash-card-content *::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:10px}.dash-card-content::-webkit-scrollbar-thumb:hover,.dash-card-content *::-webkit-scrollbar-thumb:hover{background:var(--c-text-muted)}