/* StudioFlow 2 · a warm, colorful workspace shared by all three roles. */
:root{--purple:#7655d8;--muted:#858299;--line:#ece8f3;color:#343047;background:#f7f6fb}body{background:radial-gradient(ellipse at 85% 3%,#ede9fa55,transparent 40%),#f7f6fb}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3{color:#352e4b}.content{padding-top:26px;max-width:1700px}.sidebar{width:239px;padding-top:29px;box-shadow:3px 0 25px #53406e03}.main{margin-left:239px}.brand-logo{background:linear-gradient(145deg,#9c7eed,#6d4bc5);box-shadow:0 5px 12px #8a6ada28}.nav{font-size:12px;padding:11px 14px;border-radius:11px;color:#858093}.nav.active{background:linear-gradient(100deg,#ede5fb,#f6f0ff);color:#7653bd;box-shadow:inset 3px 0 #9c7ce1}.nav.active svg{color:#9a75da}.nav:hover{background:#f8f4fc}.brand-sub{margin-bottom:28px}.sidebar-bottom .workspace-note{background:linear-gradient(130deg,#f5f0ff,#f9f6fd);border-color:#eee5f8}.topbar{height:76px;background:#ffffffdf;backdrop-filter:blur(12px);border-color:#eeeaf3}.top-search{background:#f8f6fb;border-color:#eeeaf5;border-radius:10px;width:300px}.top-search input{font-size:12px}.avatar{background:linear-gradient(140deg,#e8def9,#f0e8fc);color:#9b78c4}.welcome-hero{position:relative;display:flex;align-items:center;min-height:268px;background:linear-gradient(115deg,#f0e9fc,#f8f3ff 55%,#fdf4ed);border:1px solid #e9def4;border-radius:21px;overflow:hidden;margin-bottom:23px}.hero-copy{padding:28px 32px;position:relative;z-index:1;flex:1;max-width:68%}.hero-kicker{font-size:9px;letter-spacing:1.4px;color:#9471bd;font-weight:700;display:flex;align-items:center;gap:2px}.hero-date{font-size:10px;font-weight:400;letter-spacing:0;margin-left:15px;color:#a39ab3}.welcome-name{font-size:13px;color:#8d7c9e;margin:17px 0 7px}.welcome-hero h1{font-size:31px;line-height:1.2;max-width:490px;letter-spacing:-.9px}.hero-copy>p:last-of-type{font-size:12px;color:#9a8da7;margin:12px 0 20px;max-width:440px}.hero-art{width:39%;max-width:420px;position:absolute;right:-14px;top:50%;transform:translateY(-50%);animation:artFloat 7s ease-in-out infinite;pointer-events:none}.role-sales .welcome-hero{background:linear-gradient(120deg,#e5f4f0,#f0f9f4 55%,#f5f0ff);border-color:#d9ebe5}.role-sales .hero-kicker{color:#529d87}.role-employee .welcome-hero{background:linear-gradient(120deg,#fff0df,#fff7eb 55%,#f2ecff);border-color:#f0e3d5}.role-employee .hero-kicker{color:#bb8b55}.btn{border-radius:10px;font-size:12px;padding:11px 16px;transition:transform .18s,box-shadow .18s,background .18s}.btn.primary{background:linear-gradient(110deg,#8966dc,#7053c4);border-color:#7b5bcd;box-shadow:0 5px 12px #8c6ac326}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #53386d12}.btn.primary:hover{box-shadow:0 7px 18px #7956b733}.filter-panel{background:#fff;border:1px solid #ebe6f1;border-radius:15px;margin-bottom:24px;padding:16px 20px}.filter-title{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:#a68bb9}.filter-title>svg{width:19px}.filter-title strong{display:block;font-size:12px;color:#6f607f;font-weight:600}.filter-title small{font-size:10px;display:block;margin-top:3px;color:#aca0b5}.date-shortcuts{display:flex;gap:5px;margin-left:auto;background:#f7f4fb;border:1px solid #eee7f5;border-radius:8px;padding:3px}.date-shortcuts button{font-size:10px;padding:6px 9px;color:#9a87ac;border-radius:5px}.date-shortcuts button:hover{background:#fff;color:#7758ad;box-shadow:0 2px 8px #7958a414}.filters{margin:0;gap:12px;align-items:flex-end}.filters label{display:flex;flex-direction:column;font-size:9px;color:#a599b0;gap:6px;flex:1;min-width:105px}.filters input,.filters select{width:100%;min-width:0;font-size:11px;padding:10px;border:1px solid #e9e2ef;border-radius:8px;color:#7d718d;background:#fefcff}.filter-reset{font-size:10px;color:#aa8bc0;padding:11px 2px}.stats{gap:17px;margin-bottom:24px}.stat{border-radius:15px;border:1px solid #ebe6f3;padding:20px;box-shadow:0 4px 12px #57456903;position:relative;overflow:hidden;animation:cardIn .35s both}.stat:nth-child(2){animation-delay:.04s}.stat:nth-child(3){animation-delay:.08s}.stat:nth-child(4){animation-delay:.12s}.stat:after{content:'';position:absolute;width:76px;height:76px;right:-32px;bottom:-40px;border:12px solid #f3eef94d;border-radius:50%}.stat-top{font-size:11px;color:#8a7d99;font-weight:500}.stat-icon{width:39px;height:39px;border-radius:12px}.stat-icon svg{width:19px}.purple{background:#eee6fb;color:#a285d2}.mint{background:#e0f4ed;color:#67b59e}.peach{background:#ffefdf;color:#d4a271}.blue{background:#e8eefb;color:#8c9fd2}.stat-value{font-size:29px;color:#494056}.stat-foot{font-size:10px;line-height:1.55;min-height:16px;color:#b0a6bb}.card{border-radius:16px;border-color:#ebe7f1;box-shadow:0 4px 12px #51406503}.card-head{padding:21px 23px}.card-head h2{font-size:16px;color:#51445f}.card-head p{font-size:11px;color:#aaa0b4}.mini-label{font-size:8px;font-weight:700;letter-spacing:1.5px;color:#ae9abd;margin-bottom:7px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 300px;gap:23px}.pipeline{gap:11px;padding:0 22px 23px}.stage-tile{background:#fefcff;border-color:#eee8f4;border-radius:11px;padding:13px 11px}.stage-tile:hover{background:#f9f5ff;transform:translateY(-2px)}.stage-count{display:flex;justify-content:space-between;align-items:center;font-size:23px;color:#665477;margin:15px 0 6px}.stage-count span{color:#c3b3d2}.stage-count svg{width:13px}.stage-money{font-size:10px;color:#aaa0b7}.stage-bar{height:4px;background:#f1ecf7}.badge{background:var(--status-bg,#f2ecfa)!important;color:var(--status-ink,#9a81b0)!important;border-radius:6px;padding:5px 8px;font-size:9px;letter-spacing:.1px;font-weight:600;border:1px solid color-mix(in srgb,var(--status-ink,#ae92cc) 9%,transparent)}.badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.badge.urgency{background:#fff0ec!important;color:#cf8c78!important}.stage-tile .badge{font-size:8px;padding:5px 6px;white-space:normal}.product-section{margin:5px 0 25px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px;gap:15px}.section-heading h2{font-size:17px}.section-heading>small{font-size:9px;color:#a99bb5;max-width:240px;line-height:1.6;text-align:right}.product-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.product-card{text-align:left;border:1px solid var(--art-border);background:linear-gradient(145deg,var(--art-bg),#fff);border-radius:15px;padding:17px 18px;transition:.2s}.product-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #8f73b312}.art-0{--art-bg:#f1eafb;--art-ink:#ac8dd1;--art-border:#e9def4}.art-1{--art-bg:#e7f5ef;--art-ink:#75b5a0;--art-border:#dcece5}.art-2{--art-bg:#fff1e1;--art-ink:#d7ac77;--art-border:#f0e5d5}.art-3{--art-bg:#fbeaf0;--art-ink:#d09db3;--art-border:#f0dfe7}.product-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.product-art{display:grid;place-items:center;background:#ffffffbd;border:1px solid var(--art-border,#e9e1f3);width:39px;height:42px;border-radius:9px;color:var(--art-ink,#aa8ad0);box-shadow:0 3px 7px #9c80bb08}.product-art svg{width:23px;height:23px}.tiny-arrow{color:var(--art-ink);opacity:.6}.tiny-arrow svg{width:14px}.product-card h3{font-size:12px;font-weight:600;min-height:32px;line-height:1.4;color:#756782}.product-count{display:flex;align-items:baseline;gap:8px;margin-top:8px}.product-count strong{font-size:25px;color:#5e516c}.product-count span{font-size:9px;color:#ad9db7}.product-value{font-size:14px;font-weight:600;color:#8a729f;margin-top:12px;border-top:1px solid var(--art-border);padding-top:11px}.product-value small{display:block;font-size:8px;font-weight:400;margin-top:4px;color:#b4a5c0}.table-wrap{scrollbar-width:thin;scrollbar-color:#dbcee9 #fbf9fd}th{font-size:9px;padding:15px 17px;background:#faf7fd;color:#b0a0bd;border-color:#efe8f5;letter-spacing:.6px}td{padding:18px 17px;font-size:11px;border-bottom:1px solid #f1ebf7;color:#8c7c9b}td strong{color:#786389}td small{font-size:9px;color:#b3a3c0;margin-top:5px}tbody tr:nth-child(even){background:#fdfbff}tbody tr:hover{background:#f7f1fc;transition:background .18s}.customer-cell .avatar{width:34px;height:34px;background:#f0e7fa;color:#b19ac8}.order-link{font-weight:650!important;color:#9679ba!important}.table-footer{font-size:9px;border-color:#f1eaf6;padding:15px 22px}.priority{background:linear-gradient(150deg,#fff8f1,#fffcf9);border-color:#f2e4d7}.priority .card-head h2{font-size:13px;color:#b68e6b}.priority-order{display:block;text-align:left;width:calc(100% - 34px);margin:0 17px 12px;border-radius:11px;padding:15px}.priority-order .row svg{width:13px;color:#d6b99e}.priority-order strong{color:#9d7f6c}.priority-order p{margin-bottom:6px}.priority-order:hover{box-shadow:0 5px 16px #d8bb9d20}.priority-foot{font-size:10px;margin:15px 20px}.personal-card{background:linear-gradient(145deg,#fff,#f9f5ff)}.personal-card .padded{padding-top:0}.reminder-line{display:flex;gap:11px;margin-bottom:18px}.reminder-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#bea8da;margin-top:5px}.reminder-line strong{display:block;font-size:11px;font-weight:550;color:#8e779f}.reminder-line small{font-size:9px;margin-top:4px;display:block}.activity-item{padding-bottom:25px}.activity-item p{font-size:11px}.activity-item small{font-size:9px}.activity-icon{width:30px;height:30px}.sales-focus{display:grid;grid-template-columns:1.1fr 1fr;gap:17px;margin-bottom:22px}.target-card,.lead-focus{background:#fff;border:1px solid #e6e9e6;border-radius:16px;padding:22px}.target-card{background:linear-gradient(130deg,#e8f4ee,#f8fcf9);border-color:#dcebe1}.target-card h2{font-size:17px;color:#6c9788;max-width:220px;line-height:1.4}.target-number{font-size:35px;font-weight:650;color:#76ad97;margin-top:19px}.target-number span{font-size:11px;font-weight:400;margin-left:6px;color:#9cb7ac}.target-card .progress{background:#deece4;height:7px}.target-card .progress i{background:linear-gradient(90deg,#84c3ad,#b4d8c6)}.target-card>small{font-size:9px;color:#a4b9af}.lead-focus h3{font-size:12px;margin-bottom:18px;color:#9584a4}.lead-focus>div{display:flex;justify-content:space-between;margin-bottom:13px;font-size:11px;color:#aa9bb7}.lead-focus>div span i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px}.lead-focus strong{color:#9784a6;font-weight:550}.lead-focus .link-btn{margin-top:9px}.focus-tasks{padding:0 20px 12px}.focus-task{display:flex;width:100%;text-align:left;align-items:center;gap:13px;padding:15px;border:1px solid #efe7f4;background:#fefbff;border-radius:12px;margin-bottom:11px}.focus-task:hover{background:#f8f0ff}.task-icon{display:grid;place-items:center;width:40px;height:44px;background:#fff1e0;color:#d4a374;border-radius:10px}.focus-task>div{flex:1}.focus-task strong{display:block;font-size:12px;color:#8b719e}.focus-task small{display:block;font-size:10px;margin:5px 0 8px;color:#ac9aba}.focus-task>svg{color:#c6b4d5;width:15px}.bulkbar{border-radius:12px;background:#f3edf9;border-color:#e9dff3;padding:14px}.bulkbar .btn{font-size:11px;padding:8px 12px}.board-column{background:linear-gradient(#f2edf8,#f7f3fb);border:1px solid #ece4f3;border-radius:14px;padding:15px;min-width:270px}.board-title{font-size:12px;color:#9c83af}.job{border-radius:12px;border-color:#eee4f7;padding:18px;box-shadow:0 4px 10px #9676b006}.job:hover{transform:translateY(-2px);box-shadow:0 7px 16px #9676b013}.job h3{color:#8c729f}.modal{border-radius:22px;box-shadow:0 25px 100px #4a306b30}.modal.wide{width:min(1040px,100%)}.modal-backdrop{background:#3d2b535c;backdrop-filter:blur(7px)}.modal-head{padding:22px 27px;background:#fffcff;border-color:#efe5f5}.modal-head h2{color:#9d7bb4;font-size:16px}.modal-body{background:#fefcff;padding:25px 27px}.modal-foot{background:#faf5ff;border-color:#efe4f6;flex-wrap:wrap}.field{font-size:11px;color:#a487b7;gap:8px}.field input,.field select,.field textarea{border-color:#e9def1;border-radius:9px;padding:12px;background:#fff;color:#866c9b;min-width:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:#bea1d7;outline:3px solid #f4eafc}.field textarea{min-height:90px}.form-intro{display:flex;align-items:center;gap:13px;padding:0 0 23px}.form-intro h3{font-size:14px;color:#9274a8}.form-intro p{font-size:11px;color:#baa5c8;margin-top:6px}.form-help{font-size:11px;color:#ad97bd}.section-label{color:#b99acc;margin-top:25px}.staff-product-row{grid-template-columns:1fr 80px 35px}.product-row input,.product-row select{border-color:#eaddf3;border-radius:8px;padding:11px;color:#997bab}.order-spotlight{padding:23px 26px;background:linear-gradient(120deg,#f1e5fa,#fbf1fc 55%,#fff3e7);border:1px solid #e9d9f3;border-radius:17px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.order-spotlight h1{font-size:28px;color:#8d66a6;letter-spacing:-.6px;margin:10px 0}.order-spotlight p{font-size:12px;color:#b291c6;margin-bottom:13px}.qr-card{display:flex;flex-direction:column;align-items:center;background:#fff;padding:8px 10px;border-radius:12px;border:1px solid #ecdef6;flex-shrink:0}.detail-qr{width:104px;height:104px;border:0;border-radius:0}.qr-card small{font-size:8px;color:#b9a1c9;padding-bottom:5px}.order-stepper{display:flex;justify-content:space-between;margin:0 12px 29px;position:relative}.order-stepper:before{content:'';height:2px;background:#ede0f5;position:absolute;top:15px;left:7%;right:7%}.order-stepper>div{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;width:16.66%}.order-stepper span{display:grid;place-items:center;background:#f4eaf9;border:3px solid #fefcff;color:#c6add9;border-radius:50%;width:32px;height:32px;font-size:10px}.order-stepper .done span{background:#c3a4df;color:#fff}.order-stepper svg{width:13px;height:13px}.order-stepper small{font-size:8px;text-align:center;color:#bda2cf}.order-detail-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px}.detail-panel{background:#fff;border:1px solid #ede1f5;border-radius:14px;padding:21px;margin-bottom:18px}.detail-panel h3{display:flex;align-items:center;gap:9px;font-size:12px;color:#a181b6;margin-bottom:19px}.detail-panel h3 svg{width:16px;height:16px;color:#c4a5d7}.detail-panel .detail-item small{font-size:9px;color:#bca4cd}.detail-panel .detail-item p{font-size:12px;color:#a185b4;line-height:1.7;overflow-wrap:anywhere}.detail-product{display:flex;align-items:center;gap:12px;border-bottom:1px solid #f4eafa;padding:13px 0}.detail-product>div:nth-child(2){flex:1}.detail-product strong{font-size:11px;color:#a181b6}.detail-product small{display:block;font-size:9px;margin-top:5px;color:#c0a7d0}.detail-product b{font-size:11px;color:#af8dbf;font-weight:550}.amount-panel{background:linear-gradient(130deg,#f8f0fd,#fefaff);border-color:#eaddf4}.amount-line{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:9px 0;color:#b097c1}.amount-line strong{font-weight:550;color:#ab8abd}.amount-total{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #eadbf4;padding:19px 0 14px;margin-top:12px;color:#b394c7;font-size:11px;align-items:center}.amount-total strong{font-size:21px;color:#a074be}.amount-panel>small{font-size:10px;color:#b89ac9}.timeline-item p{color:#a184b5;font-size:11px}.timeline-item small{color:#c6afd6;font-size:9px}.timeline{border-color:#eddef7}.timeline-item:before{background:#ccacdf}.care-alert{display:flex;gap:16px;align-items:center;background:linear-gradient(120deg,#fff0f1,#fff8f6);border:1px solid #f2d0d6;border-left:4px solid #df8b9c;border-radius:13px;padding:17px 20px;margin-bottom:22px;animation:cardIn .3s}.alarm-light{width:43px;height:43px;border-radius:50%;color:#da7c92;background:#ffe0e7;display:grid;place-items:center;flex-shrink:0;animation:carePulse 2.5s infinite}.alarm-light svg{width:20px}.care-alert>div:nth-child(2){flex:1}.care-alert strong{font-size:13px;color:#b76f83}.care-alert p{font-size:11px;color:#ce93a0;margin-top:4px}.care-alert .btn{color:#c88698;border-color:#f2d4dd;background:#fff9fa;font-size:11px}.care-popup{text-align:center;padding:10px}.care-popup .alarm-light{width:60px;height:60px;margin:5px auto 20px}.care-popup h2{color:#c0788e;font-size:24px}.care-popup>p{color:#c69aab;font-size:13px;margin:10px 0}.care-popup>h3{color:#bd8da5;margin:16px 0;font-size:16px}.resolution-note{text-align:left;background:#fff4f7;border:1px solid #f4dfe7;border-radius:11px;padding:17px;margin-top:24px}.resolution-note small{font-size:10px;color:#c89aae}.resolution-note p{font-size:12px;color:#b5829a;margin-top:7px;white-space:pre-wrap}.care-stats{grid-template-columns:repeat(3,1fr)}.mood-pill{display:inline-flex;gap:6px;align-items:center;font-size:11px;background:#fbf4ff;border:1px solid #eee2f5;padding:7px 9px;border-radius:8px;color:#b090c2}.mood-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mood-options label{position:relative;cursor:pointer}.mood-options input{position:absolute;opacity:0}.mood-options span{display:flex;flex-direction:column;align-items:center;gap:7px;background:#fff;border:1px solid #eddef6;border-radius:12px;padding:15px 8px;font-size:26px;transition:.2s}.mood-options strong{font-size:10px;color:#b493c8;font-weight:500}.mood-options input:checked+span{border-color:#c5a4df;background:#f6ecfe;box-shadow:0 3px 12px #ba9ad61c}.mood-options input:focus-visible+span{outline:3px solid #c6a2e4;outline-offset:3px}.upload-zone{border:1px dashed #d6bce7;border-radius:13px;background:#fcf7ff;display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px;color:#bb95ce;cursor:pointer}.upload-zone svg{width:24px;height:24px}.upload-zone strong{font-size:12px;font-weight:550}.upload-zone small{font-size:10px;color:#c7afd7}.upload-zone input{max-width:100%;font-size:10px;color:#b594c8}.file-preview-list{display:flex;flex-direction:column;gap:7px;font-size:10px}.order-search-results{max-height:240px;overflow:auto;margin-top:7px}.order-search-results button{display:flex;gap:12px;align-items:center;width:100%;padding:12px;text-align:left;border:1px solid #efe3f6;border-radius:9px;background:#fff;margin-bottom:6px}.order-search-results button>span:nth-child(2){flex:1}.order-search-results strong{font-size:11px;color:#a584b8}.order-search-results small{display:block;font-size:10px;color:#c0a5d0;margin-top:4px}.order-search-results button:hover{background:#f6eefe}.customer-preview{border:1px solid #e1eae5;background:linear-gradient(135deg,#eef8f2,#fafdfb);border-radius:13px;padding:19px;margin-top:17px;margin-bottom:20px}.customer-preview>div:first-child{display:flex;align-items:center;gap:10px;margin-bottom:15px}.customer-preview h3{font-size:13px;color:#7fa690}.customer-preview>div:first-child .badge{margin-left:auto}.customer-preview small{font-size:9px;color:#a2baad}.customer-preview .detail-grid p{font-size:11px;color:#86a590;line-height:1.7;overflow-wrap:anywhere}.customer-preview .detail-grid small{display:block;margin-bottom:4px}.ticket-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(125deg,#f9ecfb,#fff0ec);border:1px solid #eddbf2;border-radius:16px;padding:23px;margin-bottom:20px;gap:15px}.ticket-hero h1{font-size:24px;color:#b081b5;line-height:1.3;overflow-wrap:anywhere}.ticket-hero p{font-size:11px;color:#c79bc6;margin:10px 0 16px}.ticket-mood{font-size:53px;padding:12px}.ticket-description{font-size:12px;color:#b194c3;white-space:pre-wrap;line-height:1.8}.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.evidence-grid figure{margin:0;border:1px solid #eee1f6;border-radius:11px;overflow:hidden;background:#fcf8ff}.evidence-grid img,.evidence-grid video{width:100%;height:155px;object-fit:contain;background:#f4ebfb;display:block}.evidence-grid figcaption{font-size:10px;color:#b18ac3;padding:10px;overflow-wrap:anywhere}.evidence-grid figcaption small{display:block;font-size:9px;margin-top:4px}.evidence-add{display:flex;gap:12px;align-items:center;margin-top:20px;flex-wrap:wrap}.evidence-add input{font-size:11px;max-width:100%;color:#b28ac6}.assigned-person{display:flex;gap:12px;align-items:center;margin-top:16px;background:#f9f2fd;border-radius:10px;padding:13px}.assigned-person strong{font-size:11px;color:#b08bc2}.assigned-person small{display:block;font-size:9px;color:#c4a5d4;margin-top:4px}.resolution-panel{background:#fffefd}.form-grid>*{min-width:0}.note{border-radius:15px;box-shadow:0 4px 13px #9377b008;background:linear-gradient(145deg,#fff,#fdfaff);border-color:#ebe1f4;border-top-color:#c3a7e3}.note h3{color:#a487b6}.note p{color:#b9a1c9}.login-art{background:linear-gradient(145deg,#9777ce,#7e61b5 65%,#9f81c6)}.login-form{background:radial-gradient(ellipse at top right,#f5eafb,transparent 65%),#fffbff}.login-form form{width:360px}.login-note{background:#fcf5ff}.login-form .btn{margin-top:16px}.bottom-caption{color:#beaccd;font-size:10px;margin-top:25px}.page-head h1{font-size:28px;color:#8a6d9c}.page-head p{font-size:12px;color:#b59fc4}.link-btn{font-size:11px;color:#b18bca}.filters+.card{margin-top:20px}#toast{background:#9779ad;border:1px solid #c5a6d9;box-shadow:0 7px 30px #8b67a726;border-radius:13px}
@keyframes artFloat{0%,100%{transform:translateY(-50%) rotate(0)}50%{transform:translateY(calc(-50% - 7px)) rotate(1deg)}}@keyframes cardIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes carePulse{0%,100%{box-shadow:0 0 0 0 #df889c20}50%{box-shadow:0 0 0 7px #df889c04}}@media(min-width:1550px){.hero-art{right:25px}.welcome-hero h1{font-size:35px}.hero-copy{padding:32px 38px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 330px}}@media(max-width:1180px){.dashboard-grid{grid-template-columns:1fr}.dashboard-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard-aside .card:last-child{display:block}.hero-art{width:37%;right:-23px}.hero-copy{max-width:73%}.welcome-hero h1{font-size:28px;max-width:370px}.product-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:210px}.main{margin-left:210px}.filters{flex-wrap:wrap}.filters label{min-width:110px}.filter-title small{display:none}.date-shortcuts button{font-size:9px;padding:6px}.stat-value{font-size:25px}}@media(max-width:760px){.main{margin-left:0}.sidebar{width:230px}.topbar{height:65px}.content{padding:18px 14px}.welcome-hero{min-height:225px;border-radius:17px}.hero-copy{padding:22px;max-width:100%}.hero-copy>p:last-of-type{max-width:78%;font-size:11px}.welcome-hero h1{font-size:25px;max-width:260px}.hero-kicker{font-size:8px}.hero-date{display:none}.hero-art{width:210px;right:-65px;opacity:.3;top:62%;max-width:none}.welcome-name{font-size:11px}.hero-copy .btn{font-size:10px;padding:10px 12px}.filter-panel{padding:14px;border-radius:12px}.filter-title{flex-wrap:wrap;gap:8px}.filter-title strong{font-size:11px}.date-shortcuts{width:100%;margin-left:0;justify-content:space-between}.filters{gap:10px}.filters label{min-width:calc(50% - 10px);flex:1}.filters input,.filters select{max-width:100%;font-size:10px}.filter-reset{margin-left:auto}.stats{gap:10px}.stat{padding:15px;border-radius:12px}.stat-icon{width:30px;height:30px;border-radius:9px}.stat-icon svg{width:15px;height:15px}.stat-top{font-size:10px}.stat-value{font-size:24px}.stat-foot{font-size:9px;min-height:28px}.stat-value .currency{font-size:10px}.product-cards{gap:10px}.product-card{padding:14px}.product-card h3{font-size:11px}.product-count strong{font-size:23px}.product-count span{font-size:8px}.product-value{font-size:13px}.product-card-top{margin-bottom:9px}.product-art{width:32px;height:35px}.section-heading{align-items:start}.section-heading h2{font-size:15px;max-width:200px}.section-heading>small{font-size:8px;max-width:120px}.dashboard-aside{grid-template-columns:1fr}.dashboard-aside .card:last-child{display:block}.pipeline{gap:10px;padding:0 15px 18px}.stage-tile{padding:13px}.card-head{padding:19px}.card-head h2{font-size:15px}.sales-focus{grid-template-columns:1fr;gap:13px}.target-card,.lead-focus{padding:20px}.order-spotlight{padding:18px;gap:12px}.order-spotlight h1{font-size:22px}.order-spotlight p{font-size:10px}.order-spotlight .mini-label{font-size:7px}.detail-qr{width:73px;height:73px}.qr-card{padding:5px}.qr-card small{font-size:6px;max-width:80px}.order-stepper{margin-inline:0;gap:4px}.order-stepper small{font-size:7px;line-height:1.5}.order-stepper span{width:27px;height:27px}.order-stepper:before{top:12px}.order-detail-columns{grid-template-columns:1fr;gap:0}.detail-panel{padding:17px}.detail-panel .detail-grid{grid-template-columns:1fr 1fr}.detail-panel .detail-item p{font-size:11px}.detail-product{flex-wrap:wrap}.detail-product b{margin-left:auto}.modal-body{padding:17px}.modal-head{padding:17px}.modal-foot{padding:14px;gap:8px}.modal-foot .btn{font-size:10px;padding:9px 11px}.modal{border-radius:17px}.care-alert{flex-wrap:wrap;padding:15px;gap:10px}.care-alert strong{font-size:12px}.care-alert p{font-size:10px}.care-alert .btn{margin-left:52px;font-size:10px}.care-alert .alarm-light{width:36px;height:36px}.care-alert>div:nth-child(2){min-width:200px}.care-stats{grid-template-columns:repeat(3,1fr)}.care-stats .stat-top{flex-wrap:wrap;gap:7px}.care-stats .stat{padding:12px}.mood-options{gap:7px}.mood-options span{padding:12px 5px;font-size:24px}.mood-options strong{font-size:8px}.customer-preview{padding:15px}.customer-preview .detail-grid{grid-template-columns:1fr}.customer-preview>div:first-child{flex-wrap:wrap}.customer-preview>div:first-child .badge{margin-left:0}.order-search-results button{gap:7px;flex-wrap:wrap}.order-search-results .badge{margin-left:44px}.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-grid img,.evidence-grid video{height:120px}.ticket-hero{padding:17px}.ticket-hero h1{font-size:20px}.ticket-mood{font-size:36px;padding:0}.ticket-hero .actions{gap:5px}.ticket-hero .badge,.ticket-hero .mood-pill{font-size:8px}.staff-product-row{grid-template-columns:1fr 60px 28px}.table-footer{gap:12px;line-height:1.5}.login-form{padding:25px}.form-intro p{font-size:10px}.top-search{width:auto}.board{max-width:100%}.page-head h1{font-size:23px}}
/* Text contrast stays readable while the surfaces and decoration remain pastel. */
.hero-copy>p:last-of-type,.welcome-name{color:#796c8a}.card-head p,.form-help{color:#8e7d9e}.stage-money,.stat-foot{color:#94859f}.detail-panel .detail-item p,.ticket-description{color:#7e648f}.detail-panel .detail-item small,.amount-line,.timeline-item small{color:#9c83ad}.customer-preview .detail-grid p{color:#668877}.ticket-hero h1{color:#936397}.care-alert strong{color:#aa536b}.care-alert p{color:#b76e82}.field{color:#8e6fa1}.table-wrap td{color:#816c92}.modal .form-intro h3,.detail-panel h3{color:#9070a4}.amount-total strong{color:#8b5eab}.product-value{color:#87649f}.badge{font-weight:600}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Readable text on soft, colorful surfaces. */
:root{--muted:#70647f}.mini-label,.filter-title small,.filters label,.stat-foot,.stage-money,.table-footer,.card-head p,.form-help{color:#786886}.filters input,.filters select,.date-shortcuts button{color:#655273}.detail-panel .detail-item p,.ticket-description,.table-wrap td{color:#594766}.detail-panel .detail-item small,.amount-line,.timeline-item small{color:#75617f}.field,.modal .form-intro h3,.detail-panel h3{color:#6d4e82}.care-alert strong,.care-popup h2{color:#a12f4f}.care-alert p,.care-popup p,.care-popup small{color:#914258}.customer-preview .detail-grid p{color:#426452}