:root{color:#17263d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#eef5f8;font-family:Avenir Next,Noto Sans Thai,Leelawadee UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:#eef5f8;min-width:320px;min-height:100%}body{margin:0}button,input,textarea{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #11658e4d}a{color:#0b668f}[data-theme=dark],[data-theme=dark] body{color:#e8f0f4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#08121c}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--ink:#17263d;--muted:#596c7d;--blue:#11658e;--blue-dark:#0a4768;--sky:#e7f4f9;--paper:#fbfdfe;--surface:#fff;--line:#d9e6eb;--coral:#c8473d;--coral-soft:#fff0ed;--yellow:#b77b00;--shadow:0 18px 50px #1436491c}[data-theme=dark]{--ink:#e8f0f4;--muted:#9aadb9;--blue:#63b9df;--blue-dark:#9dd9f0;--sky:#173246;--paper:#101d28;--surface:#162733;--line:#2c414f;--coral:#ff8175;--coral-soft:#3b2427;--yellow:#f5bc45;--shadow:0 18px 50px #00000059}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:800}.center-screen{text-align:center;place-content:center;gap:14px;min-height:100vh;padding:24px;display:grid}.center-screen>p{color:var(--muted)}.spinner{border:3px solid var(--line);border-top-color:var(--blue);border-radius:50%;width:34px;height:34px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.setup-card{background:var(--paper);border:1px solid var(--line);width:min(520px,100%);box-shadow:var(--shadow);border-radius:20px;padding:40px}.setup-card h1{margin:14px 0 10px;font-size:1.8rem}.setup-card p{color:var(--muted);margin:0;line-height:1.7}.setup-card code{color:var(--blue-dark);background:var(--sky);border-radius:5px;padding:2px 6px}.login-page{background-color:#f7fbfc;background-image:linear-gradient(#dfecef 1px,#0000 1px),linear-gradient(90deg,#dfecef 1px,#0000 1px);background-size:28px 28px;grid-template-columns:minmax(0,1.3fr) minmax(380px,.7fr);min-height:100vh;display:grid}.login-copy{background:linear-gradient(135deg,#e7f4f9bf,#fbfdfe8c);flex-direction:column;justify-content:center;padding:clamp(50px,8vw,120px);display:flex}.login-copy h1{max-width:730px;color:var(--ink);letter-spacing:-.06em;margin:18px 0;font-size:clamp(3.2rem,6vw,6rem);line-height:.98}.login-copy>p{max-width:540px;color:var(--muted);font-size:1.12rem;line-height:1.7}.notebook-line{max-width:520px;color:var(--blue);border-top:2px solid var(--blue);justify-content:space-between;margin-top:72px;padding:12px 4px 7px;font-weight:800;display:flex}.notebook-line span{border:2px solid var(--blue);background:var(--paper);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.login-card{border:1px solid var(--line);width:min(430px,100% - 48px);box-shadow:var(--shadow);background:#fbfdfef0;border-radius:24px;align-self:center;gap:28px;margin:24px;padding:46px;display:grid}.brand-mark,.app-brand>span{color:#fff;background:var(--blue);box-shadow:5px 5px 0 var(--coral);place-items:center;font-weight:900;display:grid}.brand-mark{border-radius:16px 16px 16px 4px;width:60px;height:60px;font-size:1.25rem}.login-card h2{margin:8px 0 7px;font-size:1.75rem}.login-card p{color:var(--muted);margin:0;line-height:1.6}.google-button{cursor:pointer;background:#fff;border:1px solid #cbd8de;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:0 20px;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex}.google-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1436491f}.google-button svg{width:21px}.error-message{font-size:.86rem;color:#a22d25!important}.theme-toggle{border:1px solid var(--line);min-height:34px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:999px;padding:0 10px;font-size:.72rem;font-weight:750}.theme-toggle.standalone{z-index:10;box-shadow:var(--shadow);position:fixed;top:16px;right:16px}.app-shell{background:#edf4f7;min-height:100vh}.topbar{background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:68px;padding:0 clamp(18px,3vw,42px);display:flex}.app-brand,.account-menu{align-items:center;gap:13px;display:flex}.app-brand>span{width:35px;height:35px;box-shadow:3px 3px 0 var(--coral);border-radius:9px 9px 9px 3px;font-size:.72rem}.app-brand strong{letter-spacing:-.02em}.account-email{max-width:260px;color:var(--muted);text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.workspace{background:var(--paper);border-inline:1px solid var(--line);grid-template-columns:minmax(410px,42%) minmax(0,58%);max-width:1600px;height:calc(100vh - 68px);margin:auto;display:grid}.directory{border-right:1px solid var(--line);background:var(--paper);flex-direction:column;min-width:0;display:flex}.directory-header{justify-content:space-between;align-items:center;gap:20px;padding:28px 30px 20px;display:flex}.directory-header h1{letter-spacing:-.04em;margin:4px 0 0;font-size:1.85rem}.add-button,.primary-button{color:#fff;background:var(--blue);cursor:pointer;box-shadow:3px 3px 0 var(--coral);border:0;font-weight:750}.add-button{white-space:nowrap;border-radius:10px;min-height:42px;padding:0 15px}.add-button:hover,.primary-button:hover{background:var(--blue-dark)}.add-button span{font-size:1.15rem}.search-box{background:#f1f6f8;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;min-height:46px;margin:0 30px 13px;padding:0 13px;display:flex}.search-box:focus-within{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #11658e1a}.search-box svg{fill:none;width:20px;stroke:var(--muted);stroke-width:2px}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.search-box button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.2rem}.filters{border-bottom:1px solid var(--line);gap:7px;padding:0 30px 16px;display:flex}.filters button,.tag-row button{border:1px solid var(--line);min-height:32px;color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:0 13px;font-size:.78rem;font-weight:750}.filters button[aria-pressed=true]{color:#fff;background:var(--blue);border-color:var(--blue)}.banner-error{color:#8d2f27;background:var(--coral-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin:10px 30px 0;padding:9px 12px;font-size:.78rem;display:flex}.banner-error button{cursor:pointer;background:0 0;border:0}.list-wrap{scroll-behavior:smooth;flex:1;min-height:0;position:relative;overflow-y:auto}.letter-section{scroll-margin-top:8px}.letter-section>h2{z-index:1;color:var(--coral);letter-spacing:.12em;background:#fbfdfef0;margin:0;padding:12px 10px 6px;font-size:.72rem;position:sticky;top:0}.customer-row{border-bottom:1px solid #e7eef1;border-radius:10px;align-items:center;min-width:0;display:flex}.customer-row:hover,.customer-row.selected{background:var(--sky)}.customer-row.selected{box-shadow:inset 3px 0 var(--blue)}.customer-main{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;min-height:66px;padding:8px 6px 8px 10px;display:flex}.avatar,.large-avatar{color:var(--blue-dark);background:#fff;border:1px solid #cce0e8;flex:none;place-items:center;font-weight:850;display:grid}.avatar{border-radius:11px;width:38px;height:38px;font-size:.72rem}.customer-label{flex:1;gap:3px;min-width:0;display:grid}.customer-label strong,.customer-label small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.customer-label strong{font-size:.9rem}.customer-label small{color:var(--muted);font-size:.73rem}.new-pill{color:#a34236;background:var(--coral-soft);letter-spacing:.08em;border-radius:4px;padding:3px 6px;font-size:.55rem;font-weight:900}.star-button,.detail-star{color:#c4cdd1;cursor:pointer;background:0 0;border:0}.star-button{width:42px;min-height:48px;font-size:1.05rem}.star-button.active,.detail-star.active{color:var(--yellow)}.alphabet-rail{z-index:3;touch-action:none;-webkit-user-select:none;user-select:none;width:32px;display:grid;position:fixed;top:50%;transform:translateY(-44%)}.alphabet-rail button{height:18px;color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;font-size:.58rem;font-weight:850}.alphabet-rail button:disabled{color:#bdc9ce;cursor:default}.list-empty{text-align:center;place-content:center;justify-items:center;min-height:360px;padding:30px;display:grid}.list-empty>span{width:50px;height:50px;color:var(--blue);background:var(--sky);border-radius:50%;place-items:center;font-size:1.35rem;display:grid}.list-empty h2{margin:15px 0 5px;font-size:1rem}.list-empty p{max-width:270px;color:var(--muted);margin:0;font-size:.8rem;line-height:1.6}.list-empty button{border:1px solid var(--blue);color:var(--blue);cursor:pointer;background:0 0;border-radius:8px;margin-top:16px;padding:8px 13px;font-weight:750}.list-skeleton{gap:12px;padding:24px 10px;display:grid}.list-skeleton i{background:linear-gradient(90deg,#eef3f5 25%,#f8fafb 45%,#eef3f5 65%) 0 0/300% 100%;border-radius:10px;height:54px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-100% 0}}.detail-panel{background-color:#f9fcfd;background-image:linear-gradient(#e6eff2 1px,#0000 1px);background-size:100% 32px;min-width:0;overflow-y:auto}.customer-detail{background:linear-gradient(#f9fcfdf5,#f9fcfde3);min-height:100%;padding:clamp(30px,5vw,70px)}.detail-toolbar{justify-content:flex-end;align-items:center;display:flex}.detail-toolbar>div{gap:5px;display:flex}.back-button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-weight:750;display:none}.quiet-button,.danger-button{cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:36px;padding:0 12px;font-weight:700}.quiet-button:hover{background:var(--sky)}.danger-button{color:#b13c32}.danger-button:hover{background:var(--coral-soft)}.detail-hero{border-bottom:2px solid var(--blue);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:23px;margin-top:34px;padding-bottom:34px;display:grid}.large-avatar{color:#fff;background:var(--blue);width:78px;height:78px;box-shadow:6px 6px 0 var(--coral);border:0;border-radius:22px 22px 22px 6px;font-size:1.15rem}.detail-hero h1{overflow-wrap:anywhere;letter-spacing:-.055em;margin:5px 0 4px;font-size:clamp(2rem,4vw,3.8rem);line-height:1}.detail-hero p{color:var(--muted);margin:0}.detail-star{font-size:1.8rem}.tag-row{gap:8px;padding:22px 0;display:flex}.tag-row button.active{color:#a53d32;background:var(--coral-soft);border-color:#f1b9b2}.tag-row button.active.favorite{color:#8b6714;background:#fff9df;border-color:#ead58d}.detail-section{border-top:1px solid var(--line);padding:27px 0 31px}.detail-section h2{color:var(--blue-dark);letter-spacing:.1em;text-transform:uppercase;margin:0 0 20px;font-size:.76rem}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px;margin:0;display:grid}.contact-grid div{min-width:0}.contact-grid dt{color:var(--muted);margin-bottom:6px;font-size:.72rem}.contact-grid dd{overflow-wrap:anywhere;margin:0;font-size:.92rem;font-weight:650}.contact-position{color:var(--muted);font-weight:500}.location-text{white-space:pre-wrap;margin-bottom:6px;display:block}.map-link{font-size:.74rem;font-weight:750;display:inline-block}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.section-heading h2{margin:0}.section-heading>span{color:var(--muted);font-size:.72rem}.small-primary{border:1px solid var(--blue);min-height:34px;color:var(--blue);cursor:pointer;background:#fff;border-radius:8px;padding:0 12px;font-size:.74rem;font-weight:750}.small-primary:disabled{opacity:.45;cursor:default}.notes-section textarea{width:100%;color:var(--ink);resize:vertical;background:#fff;border:1px solid #cfdee4;border-radius:10px;padding:12px}.task-add{gap:8px;display:flex}.task-add input{border:1px solid #cfdee4;border-radius:9px;flex:1;min-width:0;min-height:42px;padding:0 12px}.task-add button{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:9px;padding:0 13px;font-weight:750}.task-add button:disabled{opacity:.45;cursor:default}.task-list{gap:7px;margin-top:14px;display:grid}.task-row{border:1px solid var(--line);background:#fff;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:44px;padding:4px 8px 4px 11px;display:grid}.task-row>input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue);cursor:pointer}.task-row>input[type=text]{background:0 0;border:0;outline:0;min-width:0;padding:7px 3px}.task-row.completed>input[type=text]{color:var(--muted);text-decoration:line-through}.task-row>button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.1rem}.task-row>button:hover{color:#a22d25;background:var(--coral-soft)}.section-empty{color:var(--muted);text-align:center;background:#e7f4f999;border-radius:9px;margin:12px 0 0;padding:18px;font-size:.8rem}.order-table{border:1px solid var(--line);background:#fff;border-radius:10px;overflow-x:auto}.order-head,.order-row{grid-template-columns:100px minmax(160px,1fr) 110px 70px 128px;align-items:center;gap:12px;min-width:620px;padding:11px 13px;display:grid}.order-head{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;background:#edf4f7;font-size:.67rem;font-weight:800}.order-row{border-top:1px solid var(--line);font-size:.8rem}.row-actions{justify-content:flex-end;gap:2px;display:flex}.row-actions button{cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:32px;padding:0 8px;font-size:.72rem;font-weight:700}.row-actions button:hover{background:var(--sky)}.detail-empty{text-align:center;place-content:center;justify-items:center;min-height:100%;padding:40px;display:grid}.empty-monogram{width:76px;height:76px;color:var(--blue);background:var(--sky);border:2px solid var(--blue);border-radius:50%;place-items:center;font-weight:850;display:grid}.detail-empty h2{margin:20px 0 6px}.detail-empty p{color:var(--muted);margin:0}.customer-dialog{width:min(610px,100% - 28px);max-height:calc(100vh - 28px);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:0;box-shadow:0 28px 90px #0b2c3d3d}.customer-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f263673}.customer-dialog form{gap:18px;padding:30px;display:grid}.dialog-heading{justify-content:space-between;align-items:flex-start;margin-bottom:3px;display:flex}.dialog-heading h2{margin:4px 0 0;font-size:1.55rem}.dialog-heading>button{width:36px;height:36px;color:var(--muted);cursor:pointer;background:#edf3f5;border:0;border-radius:50%;font-size:1.25rem}.customer-dialog label{color:#4c5d6c;gap:7px;font-size:.78rem;font-weight:700;display:grid}.customer-dialog label b{color:var(--coral)}.customer-dialog input,.customer-dialog textarea,.customer-dialog select{width:100%;color:var(--ink);resize:vertical;background:#fff;border:1px solid #cfdee4;border-radius:9px;outline:0;padding:11px 12px}.customer-dialog input:focus,.customer-dialog textarea:focus,.customer-dialog select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #11658e1a}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.customer-dialog footer{justify-content:flex-end;gap:8px;padding-top:5px;display:flex}.primary-button{border-radius:9px;min-height:42px;padding:0 18px}.primary-button:disabled{opacity:.6;cursor:wait}@media (width<=800px){.login-page{grid-template-columns:1fr;place-content:center}.login-copy{display:none}.login-card{margin:24px auto;padding:34px 28px}.topbar{height:62px}.app-brand strong,.account-email{display:none}.workspace{border:0;height:calc(100vh - 62px);display:block}.directory{border:0;height:100%}.directory-header{padding:22px 20px 16px}.directory-header h1{font-size:1.55rem}.search-box{margin-inline:20px}.filters{padding-inline:20px;overflow-x:auto}.customer-list{padding-left:12px}.alphabet-rail{right:4px}.detail-panel{height:100%;display:none}.mobile-detail-open .directory{display:none}.mobile-detail-open .detail-panel{display:block}.customer-detail{padding:20px}.detail-toolbar{justify-content:space-between}.back-button{display:block}.detail-hero{grid-template-columns:auto minmax(0,1fr);gap:17px;margin-top:25px}.detail-star{display:none}.large-avatar{border-radius:17px 17px 17px 5px;width:60px;height:60px}.detail-hero h1{font-size:2rem}.contact-grid,.form-row{grid-template-columns:1fr}.customer-dialog form{padding:23px}.section-heading{align-items:flex-start}.task-add{align-items:stretch}}@media (width>=801px){.alphabet-rail{left:calc(42vw - 34px)}}@media (width>=1600px){.alphabet-rail{left:calc(50vw - 162px)}}@media (width<=430px){.add-button{color:#0000;width:42px;padding:0;overflow:hidden}.add-button span{color:#fff;display:block}}[data-theme=dark] .login-page{background-color:#08121c;background-image:linear-gradient(#17303d 1px,#0000 1px),linear-gradient(90deg,#17303d 1px,#0000 1px)}[data-theme=dark] .login-copy{background:linear-gradient(135deg,#102a39cc,#08121c8c)}[data-theme=dark] .setup-card,[data-theme=dark] .login-card,[data-theme=dark] .google-button,[data-theme=dark] .topbar,[data-theme=dark] .workspace,[data-theme=dark] .directory,[data-theme=dark] .filters button,[data-theme=dark] .tag-row button,[data-theme=dark] .avatar,[data-theme=dark] .small-primary,[data-theme=dark] .notes-section textarea,[data-theme=dark] .task-add input,[data-theme=dark] .task-row,[data-theme=dark] .order-table,[data-theme=dark] .customer-dialog,[data-theme=dark] .customer-dialog input,[data-theme=dark] .customer-dialog textarea,[data-theme=dark] .customer-dialog select{background:var(--surface)}[data-theme=dark] .search-box,[data-theme=dark] .dialog-heading>button,[data-theme=dark] .order-head,[data-theme=dark] .section-empty{background:#132632}[data-theme=dark] .detail-panel{background-color:#0c1822;background-image:linear-gradient(#1b303d 1px,#0000 1px)}[data-theme=dark] .customer-detail{background:linear-gradient(#0c1822f5,#0c1822e6)}[data-theme=dark] .letter-section>h2{background:#101d28f2}[data-theme=dark] .list-skeleton i{background:linear-gradient(90deg,#142632 25%,#1b303d 45%,#142632 65%) 0 0/300% 100%}[data-theme=dark] .error-message{color:#ff9b92!important}:root{--display:"Avenir Next Condensed", "DIN Alternate", "Arial Narrow", sans-serif;--body:"Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--utility:ui-monospace, "SFMono-Regular", Menlo, monospace;--field-navy:#0b1622;--ledger-blue:#163247;--route-cyan:#68c8e8;--marker-coral:#ff7868;--signal-amber:#e7b650}body{font-family:var(--body)}.eyebrow,.new-pill,.alphabet-rail,.order-head,.order-row>strong,.order-row>span:nth-child(3),.order-row>span:nth-child(4){font-family:var(--utility)}.directory-header h1,.detail-hero h1,.detail-section h2,.login-copy h1,.login-card h2{font-family:var(--display)}.app-shell{background:radial-gradient(circle at 80% 0,#68c8e814,#0000 34%),#eaf1f4}.topbar{height:72px;padding:0 max(22px,env(safe-area-inset-right)) 0 max(22px,env(safe-area-inset-left));box-shadow:0 1px 0 var(--line);border-bottom:0}.app-brand>span{transform:rotate(-3deg)}.account-menu button{min-height:44px}.workspace{background:0 0;border:0;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:12px;max-width:1480px;height:calc(100dvh - 72px);padding:12px}.directory{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;position:relative;overflow:hidden}.directory:before{content:"";z-index:4;background:linear-gradient(var(--route-cyan),var(--marker-coral) 52%,var(--signal-amber));width:4px;position:absolute;inset:0 auto 0 0}.directory-header{padding:26px 24px 18px}.directory-header h1{font-size:2rem;line-height:1}.add-button{min-height:46px;box-shadow:4px 4px 0 var(--marker-coral);border-radius:13px 13px 13px 4px}.search-box{border-radius:14px;min-height:48px;margin-inline:24px}.filters{padding-inline:24px}.filters button,.tag-row button{min-height:38px}.list-wrap{padding:6px 0 18px}.customer-list{padding:0 38px 28px 14px}.letter-section>h2{padding:14px 12px 7px}.customer-row{border:1px solid #0000;border-bottom-color:var(--line);border-radius:13px;margin:4px 0;transition:transform .16s,border-color .16s,background .16s}.customer-row:hover{border-color:var(--line);transform:translate(2px)}.customer-row.selected{box-shadow:inset 4px 0 var(--route-cyan),0 8px 24px #0b16221a;border-color:#68c8e87a;transform:translate(4px)}.customer-main{min-height:70px}.avatar{border-radius:13px 13px 13px 4px;width:42px;height:42px}.star-button{min-width:44px;min-height:44px}.alphabet-rail{align-content:center;width:30px;position:absolute;inset:194px 4px 14px auto;transform:none}.alphabet-rail button{border-radius:6px;height:auto;min-height:16px}.alphabet-rail button:not(:disabled):hover{color:var(--paper);background:var(--blue)}.detail-panel{border:1px solid var(--line);scroll-behavior:smooth;box-shadow:var(--shadow);border-radius:22px;scroll-padding-top:76px}.customer-detail{background:0 0;width:min(100%,1020px);margin:auto;padding:30px clamp(24px,4vw,52px) 64px}.detail-toolbar,.detail-toolbar>button{min-height:44px}.detail-hero{border:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 92% 8%,#68c8e833,transparent 34%),linear-gradient(145deg,var(--surface),var(--paper));border-radius:28px 28px 28px 9px;margin:16px 0 18px;padding:30px;position:relative;box-shadow:0 20px 44px #0b16221f}.folio-tab{color:#07131d;background:var(--route-cyan);width:32px;height:50px;font-family:var(--utility);box-shadow:-4px 4px 0 var(--marker-coral);border:1px solid #ffffff59;border-radius:10px 3px 3px 10px;place-items:center;font-size:.75rem;font-weight:900;display:grid;position:absolute;top:26px;left:-14px}.large-avatar{background:var(--ledger-blue);width:82px;height:82px;box-shadow:7px 7px 0 var(--marker-coral);border:1px solid #68c8e859}.hero-identity{min-width:0}.hero-actions{grid-template-columns:repeat(3,minmax(62px,1fr));gap:8px;display:grid}.hero-actions a,.hero-actions button,.hero-actions span{border:1px solid var(--line);min-height:44px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:12px;place-items:center;padding:0 12px;font-size:.76rem;font-weight:800;text-decoration:none;display:grid}.hero-actions a:hover,.hero-actions button:hover{color:#07131d;background:var(--route-cyan);border-color:var(--route-cyan)}.hero-actions span[aria-disabled=true]{opacity:.4;cursor:not-allowed}.tag-row{flex-wrap:wrap;align-items:center;padding:4px 0 14px}.detail-stat{color:var(--muted);margin-left:auto;font-size:.73rem}.detail-stat+.detail-stat{margin-left:6px}.detail-stat b{color:var(--ink);font-family:var(--utility)}.detail-tabs{z-index:5;background:color-mix(in srgb,var(--paper) 88%,transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;gap:4px;width:max-content;max-width:100%;margin:0 auto 14px;padding:5px;display:flex;position:sticky;top:12px;overflow-x:auto;box-shadow:0 10px 30px #0b16221f}.detail-tabs a{min-height:38px;color:var(--muted);border-radius:999px;place-items:center;padding:0 14px;font-size:.75rem;font-weight:800;text-decoration:none;display:grid}.detail-tabs a:hover,.detail-tabs a:focus-visible{color:var(--ink);background:var(--sky)}.detail-section{border:1px solid var(--line);background:var(--surface);border-radius:18px;margin:0 0 14px;padding:23px;scroll-margin-top:78px;position:relative;box-shadow:0 10px 30px #0b162212}.contact-section{box-shadow:inset 4px 0 var(--route-cyan),0 10px 30px #0b162212}.order-section{box-shadow:inset 4px 0 var(--marker-coral),0 10px 30px #0b162212}.notes-section{box-shadow:inset 4px 0 var(--signal-amber),0 10px 30px #0b162212}.task-section{box-shadow:inset 4px 0 #70cf9a,0 10px 30px #0b162212}.detail-section h2{letter-spacing:.08em;font-size:1.08rem}.section-heading>div>p{color:var(--muted);margin:4px 0 0;font-size:.75rem}.contact-grid{gap:20px}.contact-grid>div{background:var(--paper);border:1px solid var(--line);border-radius:13px;min-height:74px;padding:14px}.map-link{min-height:44px;color:var(--blue-dark);background:var(--sky);border-radius:9px;align-items:center;padding:0 12px;text-decoration:none;display:inline-grid}.small-primary{border-radius:11px;min-height:44px}.notes-section textarea{background-color:var(--paper);background-image:repeating-linear-gradient(transparent,transparent 31px,color-mix(in srgb,var(--line) 65%,transparent) 32px);min-height:132px;line-height:32px}.task-add input,.task-add button{min-height:46px}.task-row{min-height:48px}.task-row>button{width:44px;height:44px}.order-table{border-radius:14px}.order-head,.order-row{grid-template-columns:100px minmax(170px,1fr) 112px 70px 132px}.order-row>strong{color:var(--blue-dark)}.row-actions button{min-height:40px}.customer-dialog{max-height:calc(100dvh - max(28px,env(safe-area-inset-top)) - max(28px,env(safe-area-inset-bottom)));overflow:auto}[data-theme=dark] .app-shell{background:radial-gradient(circle at 80% 0,#68c8e81a,transparent 34%),var(--field-navy)}[data-theme=dark] .detail-hero{background:radial-gradient(circle at 92% 8%,#68c8e82e,#0000 34%),linear-gradient(145deg,#152b39,#0f202c)}[data-theme=dark] .detail-section{background:#122531}[data-theme=dark] .contact-grid>div,[data-theme=dark] .notes-section textarea{background:#0e1d27}@media (width<=1100px){.workspace{grid-template-columns:minmax(280px,32%) minmax(0,1fr);gap:8px;padding:8px}.customer-detail{padding:24px 22px 52px}.detail-hero{grid-template-columns:auto minmax(0,1fr)}.hero-actions{grid-column:1/-1}.contact-grid{grid-template-columns:1fr}.account-email{display:none}}@media (width>=701px) and (width<=800px){.topbar{height:68px}.app-brand strong{display:block}.workspace{border:0;grid-template-columns:280px minmax(0,1fr);height:calc(100dvh - 68px);display:grid}.directory{border-right:1px solid var(--line);height:auto;display:flex!important}.directory-header{flex-direction:column;align-items:stretch;gap:14px;padding:22px 18px 16px}.directory-header h1{font-size:1.6rem}.directory-header .eyebrow{white-space:nowrap}.add-button{justify-content:center;align-items:center;width:100%;display:flex}.search-box{margin-inline:18px}.filters{padding-inline:18px}.customer-list{padding-left:12px}.alphabet-rail{top:282px;left:auto;right:0}.detail-panel{height:auto;display:block!important}.customer-detail{padding:20px 18px 44px}.detail-toolbar{justify-content:flex-end}.back-button{display:none}.large-avatar{width:64px;height:64px}.detail-hero h1{font-size:2.25rem}.form-row{grid-template-columns:1fr 1fr}}@media (width<=900px){.order-table{background:0 0;border:0;overflow:visible}.order-head{display:none}.order-row{border:1px solid var(--line);background:var(--paper);border-radius:13px;grid-template-columns:1fr auto;gap:10px 16px;min-width:0;margin-bottom:9px;padding:14px;display:grid}.order-row>[data-label]{gap:3px;display:grid}.order-row>[data-label]:before{content:attr(data-label);color:var(--muted);font-family:var(--utility);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;font-weight:700}.order-row>span:nth-child(2),.row-actions{grid-column:1/-1}.row-actions{justify-content:stretch}.row-actions button{border:1px solid var(--line);flex:1;min-height:44px}}@media (width<=700px){.topbar{min-height:calc(62px + env(safe-area-inset-top));height:auto;padding-top:env(safe-area-inset-top);padding-inline:max(14px,env(safe-area-inset-left)) max(14px,env(safe-area-inset-right))}.app-brand strong{display:none}.theme-toggle{white-space:nowrap;min-width:44px;overflow:hidden}.workspace{height:calc(100dvh - 62px - env(safe-area-inset-top));padding:0;display:block}.directory,.detail-panel{box-shadow:none;border:0;border-radius:0}.directory{height:100%}.directory-header{padding:22px 18px 16px}.search-box{margin-inline:18px}.filters{padding-inline:18px}.alphabet-rail{top:188px;bottom:max(12px,env(safe-area-inset-bottom))}.customer-detail{padding:14px 14px calc(54px + env(safe-area-inset-bottom))}.detail-toolbar{z-index:6;background:color-mix(in srgb,var(--paper) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:52px;padding:4px 0;position:sticky;top:0}.back-button{min-height:44px;display:block}.detail-hero{border-radius:22px 22px 22px 8px;grid-template-columns:auto minmax(0,1fr);gap:16px;margin-top:8px;padding:22px 18px}.folio-tab{left:-8px}.large-avatar{border-radius:17px 17px 17px 5px;width:60px;height:60px}.detail-hero h1{font-size:2.15rem}.hero-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.tag-row{gap:6px}.detail-stat{background:var(--paper);text-align:center;border-radius:10px;flex:calc(50% - 8px);order:3;margin:0;padding:8px 10px}.detail-tabs{border-radius:14px;justify-content:space-between;width:100%;margin-bottom:10px;top:58px}.detail-tabs a{flex:1;padding-inline:10px}.detail-section{border-radius:16px;padding:18px 16px;scroll-margin-top:116px}.contact-grid{grid-template-columns:1fr}.contact-grid>div{min-height:0}.section-heading{align-items:center}.task-add{grid-template-columns:minmax(0,1fr) auto;display:grid}.customer-dialog{width:100%;max-width:none;max-height:calc(100dvh - env(safe-area-inset-top));border-width:1px 0 0;border-radius:24px 24px 0 0;margin:auto 0 0}.customer-dialog form{padding:24px 20px calc(24px + env(safe-area-inset-bottom))}.customer-list{padding-bottom:calc(28px + env(safe-area-inset-bottom))}.search-box input,.notes-section textarea,.task-add input,.task-row>input[type=text],.customer-dialog input,.customer-dialog textarea,.customer-dialog select{font-size:16px}}:where(button,a,input,textarea,select):focus-visible,.customer-dialog :where(input,textarea,select):focus-visible{outline:3px solid var(--route-cyan);outline-offset:2px}@media (pointer:coarse){.filters button,.tag-row button,.search-box button,.banner-error button,.dialog-heading>button,.list-empty button{min-width:44px;min-height:44px}.alphabet-rail{width:44px;right:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.spinner,.list-skeleton i{animation:none}.customer-row,.google-button{transition:none}}