@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f5f6f3;--ink:#1e2924;--muted:#82877f;--line:#e8ebe4;--green:#446b36;--lime:#def5a0;--dark:#17221b;--radius:15px;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #8fae57;outline-offset:3px}a{color:inherit}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1{font-size:29px;font-weight:750;letter-spacing:-1px}h2{font-size:17px;letter-spacing:-.45px;font-weight:750}h3{font-size:14px}small{font-size:11px}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--dark);color:#aab6ac;position:fixed;width:236px;inset:0 auto 0 0;padding:32px 20px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 10px;color:#fff;font-size:27px;letter-spacing:-1.2px;font-weight:800}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--lime);color:#17221b;width:35px;height:35px;border-radius:11px;font-size:25px;transform:rotate(-8deg)}.brand .crm{font:500 10px 'DM Sans';letter-spacing:1px;color:#b6c0b4;border:1px solid #455046;padding:4px 6px;border-radius:5px;margin-left:4px}.workspace{margin:33px 0 30px;border:1px solid #374139;border-radius:10px;display:flex;align-items:center;gap:11px;padding:11px;color:#e9eee7;font-size:12px}.workspace>span:first-child{background:#354032;padding:8px;border-radius:7px;color:#d9eea8}.workspace small{display:block;color:#8f9b90;margin-top:3px}.workspace svg:last-child{margin-left:auto;width:14px}.nav-label{text-transform:uppercase;font-size:9px;letter-spacing:1.6px;margin:0 12px 12px;color:#748174}.nav{display:flex;flex-direction:column;gap:7px}.nav button{width:100%;text-align:left;display:flex;align-items:center;gap:12px;border-radius:8px;padding:13px 12px;font-size:12px;font-weight:500}.nav button svg{width:18px}.nav button:hover{background:#253129;color:#e1ebdc}.nav button.active{background:var(--lime);color:#22301b;font-weight:700}.nav .count{margin-left:auto;font-size:10px;background:#354132;border-radius:5px;padding:2px 6px}.nav button.active .count{background:#c5df87}.side-bottom{margin-top:auto;padding-top:30px}.side-card{background:#232f25;border:1px solid #354331;padding:17px 15px;border-radius:11px;font-size:11px;line-height:1.7;margin-bottom:22px}.side-card strong{color:#d9efb0;display:block;font-size:12px;margin:8px 0 4px}.side-card svg{color:#c5df87}.side-card button{color:#e2edda;padding:10px 0 0;font-size:11px;display:flex;align-items:center;gap:8px}.profile{border-top:1px solid #354034;padding:20px 5px 0;display:flex;align-items:center;gap:10px;font-size:12px;color:#e6ece3}.avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e7eddb;color:#52643c;font-size:11px;font-weight:700;flex-shrink:0}.profile .avatar{background:#596647;color:#e8efd5}.profile small{display:block;color:#92a08e;font-size:10px;margin-top:3px}.profile button{margin-left:auto;color:#91a08e}.main{grid-column:2;min-width:0}.topbar{height:80px;background:#fff;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{font-size:11px;color:#949b91;display:flex;gap:13px;align-items:center}.breadcrumb strong{font-weight:500;color:#354031}.top-actions{display:flex;align-items:center;gap:20px;font-size:11px}.demo-pill{border:1px solid #e4e7dc;background:#f8f9f3;border-radius:6px;padding:6px 9px;color:#777e65}.top-actions button{position:relative;padding:5px;color:#71796d}.notification-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#6d8b38;top:5px;right:6px}.top-actions .avatar{width:30px;height:30px}.content{padding:32px 36px 20px;max-width:1650px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:#849078;margin-bottom:8px}.subtitle{font-size:12px;color:#8a9085;margin-top:9px;line-height:1.6}.actions{display:flex;gap:9px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dfe4d8;border-radius:7px;background:white;padding:10px 13px;font-size:11px;font-weight:600;white-space:nowrap;text-decoration:none}.btn svg{width:15px;height:15px}.btn.primary{background:#263b23;color:#fff;border-color:#263b23}.btn.primary:hover{background:#3c5635}.btn:hover{border-color:#8c9f77}.btn.lime{background:var(--lime);border-color:var(--lime);color:#2d4024}.welcome{position:relative;overflow:hidden;background:#eaf0de;border:1px solid #e2e9d4;border-radius:var(--radius);padding:25px 27px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;min-height:147px}.welcome .eyebrow{font-size:9px;color:#6d7e57}.welcome h2{font-size:22px;letter-spacing:-.8px}.welcome p{font-size:11px;color:#788567;margin:9px 0 17px;max-width:440px;line-height:1.7}.welcome-link{font-size:11px;display:flex;gap:7px;align-items:center;font-weight:700;padding:0}.welcome-link svg{width:14px}.hero-art{width:240px;align-self:stretch;position:relative;margin-right:12px}.art-ring{border:1px solid #d6dfc5;border-radius:50%;position:absolute;width:190px;height:190px;top:-42px;left:28px}.art-ring.two{width:135px;height:135px;top:-14px;left:55px}.art-leaf{position:absolute;right:40px;top:14px;font-size:65px;color:#5b7247;transform:rotate(-20deg)}.art-tag{position:absolute;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e1e8d3;border-radius:9px;padding:12px 15px;box-shadow:0 6px 20px #5561390a;font-size:10px;transform:rotate(-7deg);top:19px;left:3px}.art-tag svg{color:#698545;width:15px}.art-tag.second{left:63px;top:77px;transform:rotate(6deg);background:#f9fced}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:26px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px 20px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#8c9287;font-size:11px}.stat-icon{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:8px;background:#f1f4e9;color:#7a8e57}.stat-icon svg{width:16px}.stat-value{font:750 29px Manrope;letter-spacing:-1px;margin:9px 0}.stat-bottom{font-size:10px;color:#969b90;display:flex;gap:6px;align-items:center}.stat-bottom strong{font-weight:500;color:#5d7d3e}.grid-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:22px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:21px 22px 17px;gap:10px}.panel-head h2{font-size:15px}.panel-head p{font-size:10px;color:#91988b;margin-top:5px}.text-btn{font-size:10px;color:#69775b;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.text-btn svg{width:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{background:#fafbf7;color:#9a9f94;font-size:9px;text-transform:uppercase;letter-spacing:.8px;font-weight:500;padding:12px 20px;border-block:1px solid #f0f1ec}td{padding:15px 20px;border-bottom:1px solid #f0f1ec;white-space:nowrap}tr:last-child td{border-bottom:0}tbody tr{cursor:pointer}tbody tr:hover{background:#fcfdf8}.client-cell{display:flex;align-items:center;gap:10px}.client-cell .avatar{border-radius:9px;width:34px;height:34px;font-size:10px}.client-cell strong{font-weight:600;font-size:11px;display:block}.client-cell small{display:block;font-size:9px;color:#969c90;margin-top:4px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;font-size:9px;border-radius:5px;white-space:nowrap;background:#eef4e5;color:#71864f}.badge.blue{background:#edf1fb;color:#7185b1}.badge.purple{background:#f1edf8;color:#9480b0}.badge.orange{background:#fbf2e4;color:#bc9860}.badge.gray{background:#f2f3ef;color:#8b9381}.dot{width:5px;height:5px;border-radius:50%;background:currentColor}.panel-foot{background:#fcfdf9;padding:12px 20px;color:#999f91;font-size:9px;border-top:1px solid #edf0e6;display:flex;justify-content:space-between;align-items:center}.schedule{padding:0 22px 14px}.schedule-item{display:flex;gap:13px;align-items:stretch;padding:12px 0}.schedule-time{font-size:11px;color:#78816e;min-width:40px;padding-top:4px}.schedule-card{border-left:3px solid #a6bb7e;background:#f6f8f0;border-radius:0 7px 7px 0;padding:11px 13px;flex:1;cursor:pointer}.schedule-card.blue{background:#f4f6fb;border-color:#a9b9da}.schedule-card.purple{background:#f7f4fa;border-color:#b8a5cf}.schedule-card strong{font-size:11px;font-weight:600;display:block}.schedule-card p{font-size:10px;color:#8d9582;margin:5px 0 9px}.schedule-meta{font-size:9px;color:#8a937d;display:flex;justify-content:space-between;align-items:center}.mini-people{display:flex}.mini-people span{font-size:8px;border:2px solid white;background:#dce6cb;width:21px;height:21px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:-5px}.stack{display:grid;gap:22px}.tasks-list{padding:0 21px 10px}.task-row{display:flex;gap:11px;align-items:center;border-bottom:1px solid #f0f2e9;padding:14px 0}.task-row:last-child{border-bottom:0}.task-check{appearance:none;width:16px;height:16px;border:1px solid #d6ddcc;border-radius:5px;margin:0;cursor:pointer;flex-shrink:0}.task-check:checked{background:#748c4c;border-color:#748c4c;position:relative}.task-check:checked:after{content:'✓';color:#fff;font-size:11px;position:absolute;left:2px;top:0}.task-copy{flex:1;min-width:0}.task-copy strong{font-size:11px;font-weight:500;display:block}.task-copy small{display:block;color:#989d91;font-size:9px;margin-top:5px}.task-row.done strong{text-decoration:line-through;color:#9aa18e}.task-row .badge{font-size:8px}.bottom-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px;margin-top:22px}.activity{display:flex;gap:12px;padding:0 22px 20px;font-size:11px;align-items:center}.activity .stat-icon{width:34px;height:34px}.activity small{display:block;color:#9ba18f;font-size:9px;margin-top:5px}.integration-strip{border-radius:12px;background:#eef1e8;border:1px solid #e2e8d9;padding:19px 22px;display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:10px}.integration-strip p{font-size:9px;color:#929a87;margin-top:6px}.integration-strip svg{color:#829366}.page-footer{display:flex;justify-content:space-between;font-size:9px;color:#a0a695;padding:25px 0 4px}.page-footer span{display:flex;gap:6px;align-items:center}.page-footer .dot{color:#a2b47f}.filterbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.tabs{display:flex;gap:5px;background:#f4f6ef;border-radius:7px;padding:4px}.tabs button{font-size:11px;padding:7px 12px;border-radius:5px;color:#8c9580}.tabs button.active{background:#fff;color:#405333;box-shadow:0 1px 3px #23300d12}.search{display:flex;align-items:center;gap:7px;border:1px solid #e2e6da;border-radius:7px;padding:8px 10px;background:white}.search svg{width:15px;color:#a0a792}.search input{border:0;outline:none;font-size:11px;min-width:190px;background:transparent}.empty{padding:45px;text-align:center;color:#8b957c;font-size:12px;line-height:1.8}.modal-backdrop{position:fixed;inset:0;background:#16221966;backdrop-filter:blur(3px);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:18px;width:530px;max-height:90vh;overflow:auto;box-shadow:0 20px 100px #10200c35;padding:27px}.modal.drawer{position:absolute;right:0;top:0;bottom:0;max-height:100vh;border-radius:18px 0 0 18px;width:500px;padding:30px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-head h2{font-size:21px}.close{padding:6px;display:flex;color:#949e89}.close svg{width:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:600}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;border:1px solid #dce3d2;background:#fbfcf9;border-radius:7px;padding:11px 12px;font-size:12px;color:#45543a;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8ca76a;box-shadow:0 0 0 3px #dce7cd66}.field textarea{resize:vertical;min-height:85px}.form-note{font-size:11px;background:#f0f5e8;color:#7b8b64;border-radius:8px;padding:13px;margin:18px 0;line-height:1.7}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.detail-title{display:flex;gap:15px;align-items:center;margin:20px 0}.detail-title .avatar{width:56px;height:56px;border-radius:14px;font-size:17px}.detail-title h2{font-size:21px}.detail-title p{font-size:12px;color:#8e9882;margin-top:6px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0}.detail-grid small{display:block;color:#99a08e;margin-bottom:7px;font-size:10px}.detail-grid p{font-size:12px;overflow-wrap:anywhere}.note{background:#f6f8f0;border:1px solid #e9edde;border-radius:9px;padding:17px;margin:15px 0;font-size:12px;line-height:1.8;color:#78856a}.detail-section{margin-top:28px}.detail-section h3{margin-bottom:15px}.detail-task{padding:12px;border:1px solid var(--line);border-radius:7px;margin:7px 0;font-size:11px}#toast{position:fixed;bottom:24px;left:calc(50% + 70px);transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;background:#253a23;color:white;padding:13px 20px;border-radius:10px;font-size:12px;transition:.2s;box-shadow:0 10px 30px #13260e20;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.calendar-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px}.calendar-side{padding:20px}.calendar-side h3{font-size:12px;margin:9px 0 16px}.person-toggle{display:flex;align-items:center;gap:9px;font-size:11px;margin:16px 0}.person-toggle input{accent-color:#78924e}.person-toggle small{display:block;font-size:9px;color:#9aa28e;margin-top:3px}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;padding:19px 20px;border-bottom:1px solid var(--line);gap:10px}.calendar-toolbar h2{font-size:14px}.calendar-scroll{overflow:auto}.week-grid{display:grid;grid-template-columns:48px repeat(5,minmax(110px,1fr));min-width:620px}.week-head{padding:16px 4px;text-align:center;border-bottom:1px solid var(--line);font-size:10px;color:#9aa28f}.week-head strong{display:flex;width:29px;height:29px;align-items:center;justify-content:center;margin:6px auto 0;font-size:15px;color:#556348}.week-head.today strong{background:#e1efc7;border-radius:50%;color:#536b37}.time-label{height:90px;font-size:9px;color:#a1a895;text-align:center;padding-top:10px;border-bottom:1px solid #f0f2eb}.week-cell{height:90px;border-left:1px solid #eff1ea;border-bottom:1px solid #eff1ea;padding:4px}.cal-event{height:100%;width:100%;text-align:left;border-radius:6px;background:#edf3e3;border-left:3px solid #9db775;padding:8px;font-size:9px;overflow:auto}.cal-event strong{display:block;font-size:10px;margin:4px 0}.cal-event.blue{background:#edf1fa;border-color:#9aafd1}.cal-event.purple{background:#f2edfa;border-color:#b6a1cc}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.kanban-col{background:#ecefe5;border:1px solid #e4e9db;border-radius:12px;padding:15px;min-height:380px}.kanban-title{display:flex;align-items:center;justify-content:space-between;margin:3px 2px 17px;font-size:12px;font-weight:600}.task-card{background:#fff;border:1px solid #e1e6d8;border-radius:9px;padding:16px;margin-bottom:12px}.task-card h3{font:600 12px 'DM Sans';line-height:1.6;margin:12px 0 7px}.task-card p{font-size:10px;color:#909b82;margin-bottom:20px}.task-card footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#99a18d}.task-card select{border:1px solid #e5e8de;border-radius:5px;font-size:9px;padding:5px;color:#7a8c67;background:#fafbf6;max-width:100px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-card{padding:25px}.settings-icon{background:#eff3e7;border:1px solid #e0e7d3;color:#6d8550;border-radius:11px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.settings-card h2{font-size:17px;margin-bottom:9px}.settings-card p{font-size:12px;line-height:1.8;color:#8d9781;margin:12px 0 20px}.settings-card dl{font-size:11px}.settings-card dt{color:#939d86;margin-top:16px}.settings-card dd{margin:5px 0 0;overflow-wrap:anywhere}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:var(--dark);color:#e7eddf;padding:55px;display:flex;flex-direction:column;justify-content:space-between}.login-story h1{font-size:49px;line-height:1.2;max-width:470px;letter-spacing:-2px}.login-story h1 span{color:var(--lime)}.login-story p{color:#94a28c;line-height:1.8;font-size:14px;max-width:380px;margin-top:25px}.login-form{display:flex;align-items:center;justify-content:center;padding:40px}.login-form>div{max-width:380px}.login-form h2{font-size:29px;margin-bottom:17px}.login-form p{font-size:13px;color:#8d9782;line-height:1.9;margin-bottom:30px}.login-form .btn{width:100%;margin-bottom:12px;padding:15px}.login-form small{display:block;color:#9ba38f;line-height:1.8;text-align:center;margin-top:12px}.mobile-menu{display:none}.danger{color:#ad695b}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(80px,1fr));min-width:650px}.month-day{min-height:115px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px;font-size:10px}.month-day .cal-event{height:auto;margin-top:5px}.month-day.muted{background:#fafbf7;color:#bac0af}.month-day.today>strong{background:var(--lime);border-radius:50%;padding:4px 7px}.calendar-side .btn{width:100%;font-size:10px;margin-top:18px}.callout{padding:16px 19px;border-radius:10px;background:#edf2e4;color:#788965;font-size:11px;line-height:1.8;margin-bottom:20px}.separator{border:0;border-top:1px solid var(--line);margin:22px 0}.notes-list{max-height:180px;overflow:auto}.toolbar-select{font-size:11px;border:1px solid #e3e8da;border-radius:7px;background:#fff;padding:9px 12px;color:#81906e}.persist-warning{font-size:11px;color:#a66a47;background:#fff1e3;padding:10px;border-radius:7px;margin-bottom:15px}
@media(min-width:1500px){.content{padding-top:39px}.welcome{min-height:170px}.stat{padding:23px}.schedule-item{padding:15px 0}td{padding-block:19px}}
@media(max-width:1180px){.sidebar{width:205px;padding-inline:14px}.shell{grid-template-columns:205px minmax(0,1fr)}.content{padding:26px 24px}.topbar{padding-inline:24px}.grid-main,.bottom-grid{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:16px}.stats{gap:12px}.stat{padding:16px 14px}td,th{padding-inline:13px}.panel-head{padding-inline:17px}.hero-art{width:190px;margin-right:0}.heading h1{font-size:26px}.stat-bottom{font-size:9px}.calendar-layout{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:960px){.grid-main,.bottom-grid{grid-template-columns:1fr}.grid-main>.stack{grid-template-columns:1fr 1fr;align-items:start}.hero-art{display:none}.calendar-layout{grid-template-columns:1fr}.calendar-side{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.calendar-side h3{width:100%;margin:0}.calendar-side .person-toggle{margin:0}.calendar-side .btn{width:auto;margin:0}.settings-grid{grid-template-columns:1fr}.kanban{gap:12px}.kanban-col{padding:10px}.heading{align-items:flex-start}.top-actions{gap:12px}.top-actions .demo-pill{font-size:9px}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:236px}.sidebar.open{transform:translateX(0);box-shadow:10px 0 80px #13210b88}.mobile-menu{display:flex;padding:0}.topbar{height:62px;padding:0 18px}.breadcrumb{margin-right:auto}.breadcrumb>span,.breadcrumb>svg{display:none}.top-actions{gap:12px}.top-actions>button{display:none}.content{padding:24px 17px}.heading{display:block}.heading .actions{margin-top:18px}.welcome{padding:23px}.welcome h2{font-size:21px}.stats{gap:10px;margin-bottom:18px}.stat{padding:14px}.stat-value{font-size:26px}.stat-top{font-size:10px}.stat-bottom{font-size:8px}.grid-main>.stack{grid-template-columns:1fr}.grid-main,.bottom-grid{gap:18px}.kanban{grid-template-columns:1fr}.kanban-col{min-height:100px}.calendar-toolbar{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.field{grid-column:1/-1}.modal{padding:22px;width:100%}.modal.drawer{width:100%;border-radius:0}.page-footer{gap:15px;font-size:8px}.top-actions .avatar{display:none}.login{grid-template-columns:1fr}.login-story{padding:30px;min-height:350px;gap:35px}.login-story h1{font-size:34px}.login-story>small{display:none}.login-form{padding:40px 24px}.hero-art{display:none}#toast{left:50%;width:max-content}.detail-grid{gap:16px}.filterbar{padding:14px}.search{width:100%}.search input{width:100%}.calendar-side{gap:14px}.settings-card{padding:20px}.settings-grid{gap:17px}}
/* Identité Vybe : cyan, bleu, violet et magenta. */
:root{--bg:#f5f5fb;--ink:#252538;--muted:#77788f;--line:#e7e6f1;--green:#7750dc;--lime:#dcd0ff;--dark:#0a0b13;--panel:#fff;--soft:#f7f6fc;--soft-2:#eeeaf8;--accent:#7750dc;--secondary:#5a5b75;--shadow:0 3px 20px #2c1a6203;--brand-gradient:linear-gradient(110deg,#13c8ec 0%,#3959ff 40%,#8c24f4 72%,#ef39d9 100%);color-scheme:light}
:root[data-theme="medium"]{--bg:#262536;--ink:#f2efff;--muted:#afabc6;--line:#45415b;--panel:#302e44;--soft:#37334d;--soft-2:#403958;--accent:#b6a0ff;--secondary:#cbc5e0;--shadow:0 4px 24px #0b081614;color-scheme:dark}
:root[data-theme="dark"]{--bg:#090a11;--ink:#f0eefb;--muted:#a29eb8;--line:#28263a;--panel:#14141f;--soft:#1b1a2b;--soft-2:#25213b;--accent:#b99aff;--secondary:#c3bdd9;--shadow:0 4px 24px #0002;color-scheme:dark}
body{background:var(--bg);color:var(--ink)}.sidebar{background:linear-gradient(175deg,#080910,#10101d 65%,#171024);color:#a49eb9;padding-top:19px}.brand{position:relative;display:flex;justify-content:center;padding:0;min-height:140px;overflow:hidden}.logo-crop{width:177px;height:141px;overflow:hidden;position:relative;flex-shrink:0}.logo-crop img{position:absolute;width:280px;max-width:none;height:auto;left:-53px;top:-20px}.brand .crm{position:absolute;right:0;top:10px;border-color:#494053;color:#a59ab7;background:#15111d;font-size:8px;padding:3px 5px}.workspace{margin-top:17px;margin-bottom:25px;border-color:#2c283d;color:#ebe7fa;background:#ffffff03}.workspace>span:first-child{background:linear-gradient(135deg,#184568,#5520a6);color:#c6f1ff}.workspace small{color:#938ca9}.nav-label{color:#78728c}.nav button.active{background:linear-gradient(105deg,#395cff,#8038e6 75%,#a533db);color:#fff;box-shadow:0 5px 18px #6c35ee26}.nav button.active .count{background:#ffffff2a;color:white}.nav .count{background:#302940;color:#b4a8cb}.nav button:hover{background:#262136;color:#e9e0ff}.nav button.active:hover{background:var(--brand-gradient)}.side-card{background:linear-gradient(145deg,#141c32,#27173a);border-color:#37264b;color:#a298b7}.side-card svg,.side-card strong{color:#bcb3ff}.side-card button{color:#d4c5ef}.profile{border-color:#30263e;color:#eee8fa}.profile small{color:#9b90ae}.profile .avatar{background:linear-gradient(140deg,#234a75,#7036a1);color:#e5e6ff}.profile button{color:#ac9ec2}.topbar{background:var(--panel);border-color:var(--line)}.breadcrumb{color:var(--muted)}.breadcrumb strong{color:var(--ink)}.top-actions button{color:var(--muted)}.demo-pill{color:var(--muted);background:var(--soft);border-color:var(--line)}.notification-dot{background:#bb46e8}.avatar{background:var(--soft-2);color:#6a53a3}.top-actions .avatar{background:var(--soft-2);color:var(--accent)}.eyebrow{color:var(--accent)}.subtitle{color:var(--muted)}.btn{background:var(--panel);border-color:var(--line);color:var(--secondary)}.btn:hover{border-color:var(--accent)}.btn.primary{background:linear-gradient(110deg,#4261f4,#8336e4);border:1px solid #7b4dec;color:white;box-shadow:0 4px 10px #6a33d51a}.btn.primary:hover{background:linear-gradient(110deg,#3c8dfb,#a634e8)}.btn.lime{background:var(--soft-2);border-color:var(--line);color:var(--accent)}.welcome{background:linear-gradient(115deg,#171633,#30205c 55%,#452260);border-color:#4b326d;color:#fff;box-shadow:var(--shadow)}.welcome:after{content:'';position:absolute;right:-100px;top:-150px;width:440px;height:440px;background:radial-gradient(ellipse,#a631fb26,transparent 65%);pointer-events:none}.welcome .eyebrow{color:#9dddf7}.welcome p{color:#c1b4d6}.welcome-link{color:#d9bcff}.art-ring{border-color:#8864b847}.art-leaf{color:#a761fa}.art-tag{background:#282745;border-color:#645280;color:#d5c9f0;box-shadow:0 8px 25px #0002}.art-tag.second{background:#3c2959;border-color:#755598}.art-tag svg{color:#7ed7ef}.panel,.stat{background:var(--panel);border-color:var(--line);box-shadow:var(--shadow)}.stat-top{color:var(--muted)}.stat-icon{background:var(--soft-2);color:var(--accent)}.stat:nth-child(2) .stat-icon{background:#ccf3fb;color:#168cad}.stat:nth-child(3) .stat-icon{background:#e5e2ff;color:#6f5be2}.stat:nth-child(4) .stat-icon{background:#f5def8;color:#b74cc2}.stat-bottom{color:var(--muted)}.stat-bottom strong{color:var(--accent)}.panel-head p{color:var(--muted)}.text-btn{color:var(--accent)}th{background:var(--soft);color:var(--muted);border-color:var(--line)}td{border-color:var(--line)}tbody tr:hover{background:var(--soft)}.client-cell small{color:var(--muted)}.client-cell .avatar{color:#605080}.panel-foot{background:var(--soft);border-color:var(--line);color:var(--muted)}.badge{background:#eee7fc;color:#7650ad}.badge.blue{background:#e3f2ff;color:#287cab}.badge.purple{background:#f6e5fa;color:#a557ae}.badge.orange{background:#fff0df;color:#a8752f}.badge.gray{background:#eeedf5;color:#78718f}.schedule-time{color:var(--muted)}.schedule-card{background:var(--soft);border-color:#9a78e3;color:var(--ink)}.schedule-card.blue{background:var(--soft);border-color:#47bedc}.schedule-card.purple{background:var(--soft);border-color:#ce6bd9}.schedule-card p,.schedule-meta{color:var(--muted)}.mini-people span{background:var(--soft-2);border-color:var(--panel);color:var(--accent)}.task-row{border-color:var(--line)}.task-check{border-color:#a99bc7;background:var(--panel)}.task-check:checked{background:#8b56e7;border-color:#8b56e7}.task-copy small,.task-row.done strong{color:var(--muted)}.activity small{color:var(--muted)}.integration-strip{background:var(--soft-2);border-color:var(--line);color:var(--ink)}.integration-strip p{color:var(--muted)}.integration-strip svg{color:var(--accent)}.page-footer{color:var(--muted)}.page-footer .dot{color:#8f56df}.filterbar{border-color:var(--line)}.tabs{background:var(--soft-2)}.tabs button{color:var(--muted)}.tabs button.active{background:var(--panel);color:var(--accent)}.search{background:var(--panel);border-color:var(--line)}.search input{color:var(--ink)}.search svg{color:var(--muted)}.empty{color:var(--muted)}.modal{background:var(--panel);color:var(--ink)}.close{color:var(--muted)}.field input,.field select,.field textarea{background:var(--soft);border-color:var(--line);color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8952e922}.form-note,.note{background:var(--soft-2);color:var(--secondary);border-color:var(--line)}.detail-title p,.detail-grid small{color:var(--muted)}#toast{background:linear-gradient(110deg,#413070,#583085);color:#fff}.calendar-side small{color:var(--muted)}.person-toggle input{accent-color:#9965eb}.calendar-toolbar,.week-head,.time-label,.week-cell,.month-day{border-color:var(--line)}.week-head,.time-label{color:var(--muted)}.week-head strong{color:var(--secondary)}.week-head.today strong,.month-day.today>strong{background:var(--soft-2);color:var(--accent)}.cal-event{background:#e9ddfa;color:#554078;border-color:#a172e6}.cal-event.blue{background:#e1f2fc;color:#396c8b;border-color:#5dbbdc}.cal-event.purple{background:#f4e1fa;color:#894d96;border-color:#c379cf}.kanban-col{background:var(--soft-2);border-color:var(--line)}.task-card{background:var(--panel);border-color:var(--line)}.task-card p,.task-card footer{color:var(--muted)}.task-card select{background:var(--soft);border-color:var(--line);color:var(--secondary)}.settings-icon{background:var(--soft-2);border-color:var(--line);color:var(--accent)}.settings-card p,.settings-card dt{color:var(--muted)}.login-story{background:radial-gradient(ellipse at 0% 0%,#1c275c,transparent 65%),radial-gradient(ellipse at 100% 100%,#452061,transparent 65%),#0a0915}.login-story .brand{width:230px;justify-content:flex-start}.login-story h1 span{background:var(--brand-gradient);background-clip:text;-webkit-text-fill-color:transparent}.login-story p{color:#b4a7ca}.login-form p,.login-form small{color:var(--muted)}.login-form .theme-switch{margin-bottom:25px}.login-form .theme-switch select{width:auto}.danger{color:#d17d90}.month-day.muted{background:var(--soft);color:var(--muted)}.callout{background:var(--soft-2);color:var(--secondary)}.separator{border-color:var(--line)}.toolbar-select{background:var(--panel);color:var(--secondary);border-color:var(--line)}.theme-switch{display:flex;align-items:center;gap:9px}.theme-switch>span{font-size:9px;color:var(--muted)}.theme-switch select{font-size:10px;padding:7px 9px;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:6px;cursor:pointer;outline-color:var(--accent)}.appearance-panel{padding:26px;margin-bottom:24px}.appearance-panel h2{font-size:20px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:23px}.theme-choice{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--panel);transition:border-color .2s,box-shadow .2s}.theme-choice.selected{border-color:#9c66e9;box-shadow:0 0 0 2px #8d5ce526}.theme-choice strong{font-size:12px;margin-top:12px}.theme-choice small{color:var(--muted);margin-top:5px;font-size:10px}.theme-preview{height:70px;width:100%;border-radius:6px;background:#f4f3fa;position:relative;overflow:hidden;border:1px solid #b7accb25;display:block}.theme-preview i{position:absolute;inset:0 auto 0 0;width:22%;background:#11101c}.theme-preview i:after{content:'';display:block;width:65%;height:7px;background:var(--brand-gradient);border-radius:2px;margin:15px auto}.theme-preview b{position:absolute;left:27%;top:12px;right:7%;height:16px;border-radius:3px;background:linear-gradient(100deg,#1b2548,#7c2a9c)}.theme-preview em{position:absolute;left:27%;top:36px;right:7%;bottom:10px;border-radius:3px;background:#fff}.theme-preview.medium{background:#262536}.theme-preview.medium em{background:#45405e}.theme-preview.dark{background:#090a11}.theme-preview.dark em{background:#242132}
:root[data-theme="medium"] .badge,:root[data-theme="dark"] .badge{background:#382747;color:#d6b0f9}:root[data-theme="medium"] .badge.blue,:root[data-theme="dark"] .badge.blue{background:#1c3549;color:#89ccec}:root[data-theme="medium"] .badge.orange,:root[data-theme="dark"] .badge.orange{background:#48352a;color:#f0c493}:root[data-theme="medium"] .badge.gray,:root[data-theme="dark"] .badge.gray{background:#3a344a;color:#bdb1d5}:root[data-theme="medium"] .badge.purple,:root[data-theme="dark"] .badge.purple{background:#442a4a;color:#e2afe9}:root[data-theme="medium"] .cal-event,:root[data-theme="dark"] .cal-event{background:#39274f;color:#d5c0f3}:root[data-theme="medium"] .cal-event.blue,:root[data-theme="dark"] .cal-event.blue{background:#1e354a;color:#b2d7ef}:root[data-theme="medium"] .cal-event.purple,:root[data-theme="dark"] .cal-event.purple{background:#402747;color:#dfb3ea}
@media(max-width:1180px){.sidebar .logo-crop{width:170px}.theme-switch>span{display:none}.top-actions{gap:12px}.brand .crm{right:0}}
@media(max-height:920px){.side-card{display:none}.sidebar{padding-top:12px}.brand{min-height:130px}.logo-crop{height:130px}}
@media(max-width:700px){.topbar{gap:10px}.top-actions{gap:8px}.top-actions .demo-pill{display:none}.theme-switch select{font-size:10px;max-width:118px}.sidebar .brand{min-height:140px}.appearance-panel{padding:19px}.appearance-panel h2{font-size:18px}.theme-options{gap:8px}.theme-choice{padding:7px}.theme-choice small{font-size:8px}.theme-preview{height:55px}.theme-preview b{height:12px}.theme-preview em{top:31px;bottom:7px}.theme-choice strong{font-size:11px}.login-story .brand{min-height:135px}.login-story{gap:20px}.login-story h1{font-size:32px}}
.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--accent);font-size:15px}.login-form .field{margin-bottom:16px}.login-form form .btn{margin-top:7px}.login-form form .btn:disabled{opacity:.6;cursor:wait}.auth-divider{text-align:center;font-size:10px;color:var(--muted);margin:18px 0}.auth-help{display:block;text-align:center;font-size:11px;color:var(--accent);margin:16px 0;text-decoration:none}.auth-error{padding:13px 15px;border-radius:8px;background:#bd355518;border:1px solid #bd355533;color:#be627e;font-size:12px;line-height:1.7;margin-bottom:18px}.login-form{padding-block:25px}.login-form .settings-icon{margin-top:22px}.login-form small{margin-top:18px}