:root{font-family:SF Pro Display,Segoe UI,sans-serif;color:#21303a;background:radial-gradient(circle at top left,rgba(245,230,220,.72),transparent 22%),radial-gradient(circle at bottom right,rgba(221,233,228,.82),transparent 24%),linear-gradient(180deg,#f5f1eb,#f4f6f5 44%,#eef2f0);--bg-app: rgba(252, 251, 248, .9);--bg-panel: rgba(255, 255, 255, .74);--bg-card: rgba(255, 255, 255, .88);--bg-soft: #f6f4ef;--bg-soft-strong: #f0ede6;--line-soft: rgba(33, 48, 58, .09);--line-strong: rgba(33, 48, 58, .15);--text-main: #21303a;--text-soft: #6d7b82;--accent: #b46b4e;--accent-strong: #8e553d;--accent-soft: rgba(180, 107, 78, .12);--success-soft: #e8f2ec;--success-line: rgba(83, 129, 103, .25);--shadow-lg: 0 26px 60px rgba(76, 87, 92, .12);--shadow-md: 0 12px 26px rgba(76, 87, 92, .08)}@keyframes fadeUpSoft{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glowFloat{0%,to{transform:translateY(0);filter:blur(0)}50%{transform:translateY(-6px);filter:blur(1px)}}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--text-main);background:transparent}input,select,textarea{width:100%;padding:13px 14px;border-radius:16px;border:1px solid var(--line-soft);background:#fffffff0;color:var(--text-main);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#b46b4e6b;box-shadow:0 0 0 4px #b46b4e1a;background:#fff}textarea{resize:vertical;min-height:96px;font:inherit}button,select{font:inherit}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.login-shell:before,.login-shell:after{content:"";position:absolute;border-radius:999px;pointer-events:none;opacity:.8}.login-shell:before{width:260px;height:260px;top:8%;left:9%;background:radial-gradient(circle,rgba(255,173,197,.28),transparent 68%);animation:glowFloat 8s ease-in-out infinite}.login-shell:after{width:320px;height:320px;right:8%;bottom:4%;background:radial-gradient(circle,rgba(154,196,171,.22),transparent 70%);animation:glowFloat 10s ease-in-out infinite reverse}.login-card{width:min(460px,100%);padding:36px;border-radius:32px;background:#ffffffdb;border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow-lg);position:relative;z-index:1;animation:fadeUpSoft .42s ease}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh;background:linear-gradient(180deg,#ffffff42,#fff0)}.sidebar{padding:30px 22px;border-right:1px solid var(--line-soft);background:linear-gradient(180deg,#ffffffd1,#f8f7f3bf);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative}.sidebar:after{content:"";position:absolute;inset:24px 14px auto auto;width:110px;height:110px;background:radial-gradient(circle,rgba(255,193,214,.16),transparent 70%);border-radius:999px;pointer-events:none}.brand{font-size:1.75rem;font-weight:650;letter-spacing:-.03em;color:#2b2f38}.brand-subtitle{margin-top:6px;color:var(--text-soft);max-width:160px}.role-switcher{display:grid;gap:8px;margin:24px 0;font-size:.95rem}.profile-box{margin:24px 0;padding:18px;border-radius:22px;background:linear-gradient(180deg,#ffffffeb,#f6f4eff2);border:1px solid var(--line-soft);box-shadow:inset 0 1px #fffc}.profile-box p{margin:6px 0 14px;color:var(--text-soft)}.hint-box,.error-box{padding:12px 14px;border-radius:14px}.hint-box{margin-top:16px;background:var(--bg-soft);border:1px solid var(--line-soft)}.hint-box p{margin:6px 0 0;color:var(--text-soft)}.error-box{background:#fdf0ee;color:#a34f35;border:1px solid rgba(163,79,53,.14)}.role-switcher select{padding:12px 14px;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#fff}.nav{display:grid;gap:8px}.nav-link{padding:12px 14px;border-radius:16px;color:#41515b;text-decoration:none;transition:background .16s ease,color .16s ease,transform .16s ease}.nav-link:hover,.nav-link-active{background:#ffffffdb;color:var(--accent-strong);box-shadow:inset 3px 0 0 var(--accent),var(--shadow-md);transform:translate(2px)}.main-content{padding:28px;animation:fadeUpSoft .42s ease}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.topbar h1{font-size:2.1rem;letter-spacing:-.05em}.topbar h1,.page-header h2,.section-header h3{margin:0}.topbar p,.page-header p,.metric-card p,.customer-card p,.card p{margin:8px 0 0;color:var(--text-soft)}.search-bar{min-width:320px;padding:14px 16px;border-radius:18px;background:#ffffffb8;border:1px solid var(--line-soft);color:var(--text-soft);box-shadow:inset 0 1px #ffffffa6}.page-section{display:grid;gap:20px}.page-section>*{animation:fadeUpSoft .42s ease both}.page-section>*:nth-child(2){animation-delay:40ms}.page-section>*:nth-child(3){animation-delay:80ms}.page-section>*:nth-child(4){animation-delay:.12s}.page-header,.section-header,.thread-meta,.payment-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.section-header-inline{align-items:flex-start}.section-header-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.toggle-row{display:flex;gap:12px;align-items:center;color:var(--text-main)}.toggle-row input{width:auto}.page-header{padding:0 4px;margin-bottom:2px}.page-header h2{font-size:2rem;letter-spacing:-.04em;color:#24303a}.section-header h3{font-size:1.12rem;letter-spacing:-.02em;color:#2d3c46}.metrics-grid,.list-grid,.board-grid,.detail-layout,.detail-grid{display:grid;gap:16px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.list-grid,.board-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.two-columns{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.messages-layout{display:grid;grid-template-columns:320px 1fr 320px;gap:16px}.detail-layout{grid-template-columns:minmax(320px,420px) 1fr;align-items:start}.detail-layout-three{grid-template-columns:minmax(280px,360px) minmax(280px,360px) minmax(320px,1fr)}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card{padding:20px;border-radius:28px;background:var(--bg-card);border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.72),transparent);pointer-events:none}.metric-card strong{display:block;margin-top:12px;font-size:1.9rem;letter-spacing:-.05em}.eyebrow,.pill{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.eyebrow{color:var(--text-soft)}.pill{padding:6px 10px;border-radius:999px;background:#21303a0f;color:#5f6f77;border:1px solid rgba(255,255,255,.68)}.stack{display:grid;gap:12px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.form-grid-wide{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.segmented-control,.status-chip-list,.customer-chip-list,.photo-link-list{display:flex;flex-wrap:wrap;gap:10px}.segmented-control button,.status-chip,.customer-chip{border:1px solid var(--line-soft);background:#ffffffe0;color:var(--text-main);border-radius:999px;padding:10px 14px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.segmented-control-active,.status-chip-active,.customer-chip-active{background:linear-gradient(135deg,#b46b4e2e,#b46b4e14);border-color:#b46b4e59;box-shadow:0 8px 18px #4c575c14}.status-chip-list{margin-top:2px}.status-chip{font-size:.94rem}.customer-chip{text-align:left}.order-finance-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:14px 16px;border-radius:20px;background:linear-gradient(135deg,#ffffffe0,#f6f4eff5);border:1px solid var(--line-soft)}.order-finance-summary strong{display:block;margin-top:8px;font-size:1.2rem}.photo-link-list a{color:var(--accent-strong);text-decoration:none}.icon-actions{display:flex;gap:10px}.icon-button{width:48px;height:48px;border:0;border-radius:16px;background:#ffffffd1;color:#55656d;font-size:1.2rem;cursor:pointer;box-shadow:var(--shadow-md)}.icon-button-primary{background:linear-gradient(135deg,#ad6f53,#8b583f);color:#fff;box-shadow:0 12px 20px #8d583f3d}.order-item,.thread-item,.payment-row,.composer,.empty-state{padding:14px 16px;border-radius:20px;background:#f8f6f1e0;border:1px solid rgba(33,48,58,.06)}.thread-item strong,.payment-row strong{display:block}.order-item,.thread-item,.customer-card{width:100%;text-align:left;border:1px solid rgba(33,48,58,.06);background:#f8f6f1e0;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.order-item:hover,.thread-item:hover,.customer-card:hover,.payment-row:hover{transform:translateY(-1px);border-color:#b46b4e2e;box-shadow:0 10px 18px #4c575c12;background:#fffffff2}.order-item-active{border-color:#b46b4e57;box-shadow:inset 3px 0 0 var(--accent),0 10px 18px #4c575c14;background:#fffffffa}.amount-line{display:inline-block;margin-top:10px;color:var(--accent-strong);font-weight:600}.thread-meta{margin-top:10px;color:var(--text-soft);font-size:.9rem}.account-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border-radius:20px;background:var(--bg-soft);border:1px solid var(--line-soft)}.detail-card{display:grid;gap:16px}.detail-block,.detail-row,.nested-card{border-radius:20px;background:var(--bg-soft);border:1px solid rgba(33,48,58,.06)}.detail-block,.nested-card{padding:16px}.detail-block strong{display:block;margin-top:10px}.detail-row{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;align-items:flex-start}.detail-row span{color:var(--text-soft)}.detail-row strong{text-align:right}.order-mode-banner{margin-bottom:12px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#f1ede5f2,#f8f6f1fa);border:1px solid var(--line-soft)}.order-mode-banner p{margin-top:6px}.checkpoint-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.checkpoint{padding:14px;border-radius:16px;border:1px solid var(--line-soft);background:#ffffffd6}.checkpoint p{margin-top:6px}.checkpoint-done{background:var(--success-soft);border-color:var(--success-line)}.customer-summary-grid,.contact-chip-list{display:grid;gap:12px}.customer-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:14px}.summary-chip,.contact-chip{padding:14px;border-radius:16px;background:#fffc;border:1px solid var(--line-soft);box-shadow:inset 0 1px #ffffff80}.summary-chip strong,.contact-chip strong{display:block}.summary-chip p,.contact-chip span{margin-top:6px;color:var(--text-soft)}.quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.status-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.timeline-step{border:1px solid var(--line-soft);background:#ffffffd6;border-radius:18px;padding:14px;text-align:left;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.timeline-step strong,.timeline-step span{display:block}.timeline-step span{margin-top:6px;color:var(--text-soft);font-size:.9rem}.timeline-step-done{background:var(--success-soft);border-color:var(--success-line)}.timeline-step-active{background:linear-gradient(135deg,#b46b4e2e,#b46b4e0f);border-color:#b46b4e52;box-shadow:0 10px 18px #4c575c14}.timeline-step:hover{transform:translateY(-1px)}.photo-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.photo-thumb-card{border-radius:18px;overflow:hidden;border:1px solid var(--line-soft);background:#ffffffe0}.photo-thumb-image{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;background:var(--bg-soft)}.photo-thumb-toolbar{display:grid;gap:10px;padding:12px}.photo-thumb-toolbar span{color:var(--text-soft);font-size:.9rem}.photo-thumb-actions{display:flex;flex-wrap:wrap;gap:8px}.detail-inline-fields{display:grid;gap:8px;width:min(420px,100%)}.report-values{display:grid;gap:4px;text-align:right}.chat-card{min-height:520px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b252b57;display:grid;place-items:center;padding:24px;z-index:50}.modal-shell{width:min(1100px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:32px;background:#fbfaf7fa;box-shadow:0 30px 80px #2c363c2e;padding:22px}.modal-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.modal-header h3,.modal-header p{margin:0}.chat-preview{display:grid;gap:14px;margin:20px 0}.thread-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.bubble{max-width:75%;padding:12px 16px;border-radius:18px;box-shadow:0 6px 14px #4c575c0f}.bubble strong,.bubble small{display:block}.bubble small{margin-top:8px;color:var(--text-soft)}.bubble-in{background:#f6f4eff2}.bubble-out{margin-left:auto;background:#e6efeceb}.primary-button,.ghost-button{border:0;border-radius:16px;padding:12px 16px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.full-width{width:100%}.primary-button{background:linear-gradient(135deg,#ad6f53,#8b583f);color:#fff;box-shadow:0 12px 20px #8d583f38}.ghost-button{background:#ffffffd6;color:#54636b;border:1px solid rgba(33,48,58,.07)}.primary-button:hover,.ghost-button:hover,.icon-button:hover{transform:translateY(-1px)}.checkpoint:hover{transform:translateY(-1px);box-shadow:0 8px 16px #4c575c0f}.board-column{align-self:start}.board-column .stack{gap:10px}.empty-state{color:var(--text-soft);text-align:center}.detail-list-card{background:#ffffffd6}.composer{background:#f5f4efeb}.plain-list{margin:0;padding-left:18px;color:#374151;display:grid;gap:10px}@media(max-width:1100px){.app-shell,.messages-layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid rgba(15,23,42,.08)}.topbar{flex-direction:column;align-items:flex-start}.search-bar{min-width:100%}.detail-layout{grid-template-columns:1fr}.detail-row{flex-direction:column}}@media(max-width:720px){.main-content,.sidebar{padding:16px}.card{padding:16px;border-radius:20px}.board-grid,.list-grid,.form-grid,.detail-grid,.checkpoint-grid{grid-template-columns:1fr}.quick-actions{flex-direction:column}.quick-actions button{width:100%}.thread-toolbar{flex-direction:column}.icon-actions{width:100%;justify-content:flex-end}}