@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@500;600;650;700;750;800&display=swap');
:root{--blue:#2149d8;--blue-soft:#eef2ff;--ink:#17233d;--muted:#728097;--line:#e7ebf2;--canvas:#f6f8fc;--white:#fff;--green:#217b60;--radius:16px;--shadow:0 12px 40px #17233d0d;--font:'DM Sans',system-ui,sans-serif;--heading:'Manrope',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.55;color:var(--ink);background:var(--canvas)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible{outline:3px solid #849dff;outline-offset:3px}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:3px solid #2149d814}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--heading)}h1{font-size:32px;font-weight:750;letter-spacing:-1.1px;line-height:1.25}h2{font-size:17px;font-weight:750;letter-spacing:-.3px}h3{font-size:15px;font-weight:750}small{font-size:12px}.icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:1.5px;font-weight:700;color:var(--muted);margin-bottom:10px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:grid;gap:20px}.hide{display:none}.spacer{flex:1}.small{font-size:12px}.text-blue{color:var(--blue)}.text-green{color:var(--green)}.text-right{text-align:right}.mb{margin-bottom:24px}.mt{margin-top:24px}.divider{height:1px;background:var(--line);margin:24px 0}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 17px;border:1px solid transparent;border-radius:9px;font-weight:650;line-height:1.35;text-decoration:none;white-space:nowrap;transition:background .15s,transform .15s}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--blue);color:white;box-shadow:0 3px 8px #2149d824}.btn-primary:hover{background:#173cbf}.btn-secondary{background:white;border-color:var(--line);color:var(--ink)}.btn-secondary:hover{background:#f8faff;border-color:#cfd7e7}.btn-quiet{background:transparent;color:var(--blue);padding-inline:9px}.btn-danger{background:#fff1f0;color:#bc3f48}.btn-sm{min-height:34px;padding:7px 12px;font-size:12px}.btn-full{width:100%}.icon-btn{display:inline-grid;place-items:center;background:transparent;border:0;color:var(--muted);width:36px;height:36px;border-radius:9px;position:relative}.icon-btn:hover{background:var(--blue-soft);color:var(--blue)}.icon-btn .dot{position:absolute;right:8px;top:5px;width:7px;height:7px;background:#ed856a;border:2px solid white;border-radius:50%}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:6px;background:#eef3f9;color:#66758b;font-size:11px;font-weight:650;line-height:1.5;padding:4px 8px;white-space:nowrap}.badge-green{color:#217b60;background:#edf8f2}.badge-amber{color:#a2752e;background:#fff7e7}.badge-blue{color:var(--blue);background:var(--blue-soft)}.badge-violet{color:#7553a4;background:#f5f0fc}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.avatar{height:36px;width:36px;display:inline-grid;place-items:center;border-radius:50%;background:#e9edff;color:#4860a9;font-weight:700;font-size:12px;flex-shrink:0}.avatar-lg{width:70px;height:70px;font-size:22px;border:4px solid white;box-shadow:0 0 0 1px var(--line)}.avatar-peach{background:#fff0e7;color:#a57655}.avatar-green{background:#e6f4ee;color:#36836b}.avatar-purple{background:#f0eafb;color:#8762ad}
.prototype-bar{height:34px;background:#edf1fb;border-bottom:1px solid #dfe6f5;color:#607192;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px;font-size:11px;position:relative;z-index:25}.prototype-bar b{color:#36486c;font-weight:650}.prototype-bar button{border:0;background:none;color:var(--blue);font-size:11px;padding:3px 0;font-weight:650}.prototype-bar select{background:transparent;border:0;font-size:11px;color:#36486c;max-width:175px}.prototype-bar .bar-right{display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-family:var(--heading);font-weight:800;letter-spacing:-.6px;font-size:17px}.brand img{width:32px;height:32px}.brand small{font-size:10px;font-weight:500;letter-spacing:1.3px;display:block;text-transform:uppercase;line-height:1.3;color:var(--muted)}
.sidebar{position:fixed;left:0;top:34px;bottom:0;width:242px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:27px 19px 15px;z-index:20}.sidebar .brand{padding:0 9px;margin-bottom:27px}.org-switch{width:100%;text-align:left;display:flex;align-items:center;gap:10px;padding:11px;background:#f8f9fd;border:1px solid var(--line);border-radius:11px;margin-bottom:28px}.org-emblem{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#ddede8;color:#3c7c69;font-family:var(--heading);font-size:17px;font-weight:800;flex-shrink:0}.org-switch b{font-size:13px;display:block}.org-switch small{display:block;color:var(--muted);font-size:10px}.org-switch>.icon{width:15px;margin-left:auto;color:var(--muted)}.nav-label{font-size:10px;color:#8b96a9;letter-spacing:1.2px;text-transform:uppercase;font-weight:650;padding:0 13px;margin:21px 0 9px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 13px;margin-bottom:4px;border-radius:8px;font-size:13px;font-weight:500;color:#778299;text-decoration:none}.nav-item:hover{text-decoration:none;background:#f7f9ff;color:var(--ink)}.nav-item.active{background:var(--blue-soft);color:var(--blue);font-weight:650}.nav-item .icon{width:18px;height:18px}.nav-count{margin-left:auto;background:#e4eafd;color:var(--blue);font-size:10px;border-radius:5px;min-width:20px;text-align:center;padding:1px 5px}.sidebar-bottom{margin-top:auto;padding-top:24px}.user-card{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:17px 7px 0;margin-top:15px;color:var(--ink)}.user-card small{color:var(--muted);font-size:10px;display:block}.user-card b{font-size:12px}.user-card .icon-btn{margin-left:auto}.workspace{margin-left:242px;min-height:calc(100vh - 34px)}.topbar{height:77px;padding:0 36px;border-bottom:1px solid var(--line);background:#ffffffcf;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}.breadcrumb .icon{height:13px;width:13px;color:#acb5c5}.breadcrumb b{font-weight:550;color:#42516c}.global-search{border:0;background:transparent;color:#8b95a7;display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:12px;min-width:205px}.global-search .icon{width:17px}.global-search kbd{font-family:inherit;padding:1px 5px;border:1px solid var(--line);border-radius:4px;font-size:10px;margin-left:22px;color:#9ba3b3}.top-actions{display:flex;align-items:center;gap:13px}.top-actions .vr{height:22px;width:1px;background:var(--line);margin:0 4px}.mobile-menu{display:none}.content{max-width:1420px;padding:34px 36px 50px;margin:auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading p{color:var(--muted);margin-top:9px;font-size:13px}.page-heading h1{font-size:28px}.date-chip{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center}.date-chip .icon{width:16px}.content-footer{display:flex;justify-content:space-between;font-size:10px;color:#99a4b5;padding-top:30px;margin-top:20px;border-top:1px solid var(--line)}
.welcome{display:grid;grid-template-columns:1fr auto;gap:20px;padding:27px 30px;border-radius:var(--radius);background:#eaf0ff;border:1px solid #e0e7fb;margin-bottom:28px;position:relative;overflow:hidden}.welcome .eyebrow{color:#6079b8;margin-bottom:8px}.welcome h2{font-size:25px;line-height:1.35;letter-spacing:-.7px;color:#20376a}.welcome p{font-size:13px;color:#6c7ea4;margin-top:9px;max-width:510px}.welcome .btn{margin-top:19px;background:white;color:var(--blue);box-shadow:0 4px 12px #2547ae08}.welcome-art{align-self:center;display:flex;align-items:center;justify-content:center;position:relative;width:180px;height:130px}.orbit{position:absolute;width:145px;height:145px;border:1px solid #b9c8ee;border-radius:50%;transform:rotate(-25deg) scaleY(.65)}.orbit.two{transform:rotate(35deg) scaleY(.7);width:180px;height:180px}.art-logo{position:relative;width:70px;height:70px;transform:rotate(-8deg);box-shadow:0 12px 25px #2149d82b;border-radius:20px}.art-pill{position:absolute;background:white;border:1px solid #e0e7fb;box-shadow:0 8px 18px #24437612;display:flex;align-items:center;gap:7px;border-radius:9px;padding:9px 12px;font-size:10px;color:#5d719b}.art-pill.one{left:-4px;top:5px;transform:rotate(-6deg)}.art-pill.two{right:-8px;bottom:0;transform:rotate(5deg)}.art-pill .icon{width:14px;height:14px;color:var(--blue)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:15px}.section-title a,.section-title button{font-size:11px;font-weight:600}.apps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:29px}.app-card{background:white;border:1px solid var(--line);border-radius:13px;padding:21px;position:relative;display:flex;flex-direction:column;min-height:176px;transition:box-shadow .18s,transform .18s;color:var(--ink);text-align:left;cursor:pointer}.app-card:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:#ccd6ef}.app-icon{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:11px;color:#4f70db;background:#edf2ff}.app-icon .icon{width:23px;height:23px}.app-icon.chat{background:#f1edfe;color:#9274c8}.app-icon.flow{background:#fff4df;color:#c79b4d}.app-icon.analytics{background:#e6f5ef;color:#52a181}.app-card .card-arrow{position:absolute;top:23px;right:19px;color:#a7b3c7;width:17px}.app-card h3{margin-top:18px;font-size:14px}.app-card p{margin-top:3px;color:#8a95a8;font-size:11px}.app-card .app-footer{margin-top:17px;color:#739284;font-size:10px;display:flex;align-items:center;gap:5px}.app-card.locked{background:#fafbfe}.app-card.locked .app-footer{color:#a18d6e}.app-card.locked .app-icon{opacity:.65}.two-cols{display:grid;grid-template-columns:1.28fr 1fr;gap:23px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px 18px}.panel-head h2{font-size:15px}.panel-body{padding:0 24px 24px}.panel-padded{padding:25px}.task-row{display:flex;gap:12px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line)}.task-row:last-child{border-bottom:0}.task-check{display:grid;place-items:center;border:1.5px solid #d8dfed;background:white;border-radius:5px;width:18px;height:18px;flex-shrink:0;margin-top:2px;color:white;padding:0}.task-check.done{background:var(--blue);border-color:var(--blue)}.task-check .icon{width:13px;height:13px}.task-title{font-size:12px;font-weight:550;color:#40516e;display:block;background:none;border:0;padding:0;text-align:left}.task-title:hover{color:var(--blue)}.task-sub{display:flex;gap:10px;align-items:center;margin-top:6px;font-size:10px;color:#99a3b3}.task-row .badge{margin-left:auto;font-size:9px}.completed .task-title{text-decoration:line-through;color:#9aa4b5}.activity-row{display:flex;align-items:flex-start;gap:12px;padding:14px 0}.activity-icon{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:9px;background:#f3f6fd;color:#8196c0}.activity-icon .icon{width:15px;height:15px}.activity-row p{font-size:12px;color:#586984}.activity-row small{display:block;font-size:10px;color:#9aa5b5;margin-top:4px}.invite-banner{margin-top:25px;border-radius:12px;padding:19px 22px;background:white;border:1px solid var(--line);display:flex;align-items:center;gap:15px}.invite-banner p{font-size:11px;color:var(--muted);margin-top:3px}.invite-banner .banner-icon{width:38px;height:38px;background:#edf3ff;display:grid;place-items:center;color:#6182cb;border-radius:10px}.invite-banner .btn{margin-left:auto;font-size:11px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:13px;padding:21px}.stat>p{font-size:11px;color:var(--muted);margin-bottom:10px}.stat strong{font-family:var(--heading);font-size:27px;letter-spacing:-1px}.stat small{display:block;font-size:10px;margin-top:8px;color:var(--muted)}.stat small b{color:var(--green);font-weight:550}.chart{width:100%;height:auto;display:block;margin-top:12px}.chart-labels{display:flex;justify-content:space-between;color:#99a5b9;font-size:10px;margin:0 2px}.chart-legend{font-size:11px;color:var(--muted);display:flex;gap:18px}.legend-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--blue);margin-right:5px}.legend-dot.grey{background:#c6cfdf}.report-cols{display:grid;grid-template-columns:2fr 1fr;gap:22px}.bar-row{display:grid;grid-template-columns:86px 1fr 45px;align-items:center;gap:12px;font-size:11px;margin-bottom:20px}.bar-track{height:7px;border-radius:4px;background:#f0f3f9}.bar-track span{display:block;height:100%;border-radius:4px;background:#6f91e8}.bar-row>b{font-size:10px;color:var(--muted);font-weight:500;text-align:right}.metric-list{list-style:none;padding:0;margin:0}.metric-list li{display:flex;justify-content:space-between;font-size:12px;color:#71819b;padding:13px 0;border-bottom:1px solid var(--line)}.metric-list li:last-child{border:0}.metric-list strong{font-weight:600;color:var(--ink)}
.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow-x:auto}.tab{background:none;border:0;color:#8490a5;font-size:12px;font-weight:550;padding:0 2px 13px;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:var(--blue);border-bottom-color:var(--blue)}.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}.input-search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:white;border-radius:8px;padding:0 12px;max-width:320px;min-height:40px}.input-search .icon{width:16px;color:#9da8ba}.input-search input{border:0;background:none;padding:8px 0;width:100%;font-size:12px;outline:none}.field{display:grid;gap:7px;margin-bottom:18px}.field label{font-size:12px;font-weight:550;color:#42536e}.field input,.field select,.field textarea,.select{width:100%;min-height:43px;padding:11px 13px;border:1px solid #dfe5ef;background:white;border-radius:8px;font-size:13px;color:var(--ink)}.field input::placeholder{color:#a4afc0}.field small{font-size:11px;color:var(--muted)}.field textarea{min-height:85px;resize:vertical}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.select{width:auto;min-height:37px;font-size:11px;padding:7px 12px}.password-wrap{position:relative}.password-wrap input{padding-right:45px}.password-wrap .icon-btn{position:absolute;right:5px;top:4px}.checkbox{display:flex;align-items:center;gap:9px;font-size:12px;color:#66758e}.checkbox input{accent-color:var(--blue);width:15px;height:15px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;color:#929eb2;font-weight:550;background:#fafbfe;padding:12px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:17px 24px;border-bottom:1px solid var(--line);font-size:12px;color:#62708a}tr:last-child td{border-bottom:0}.person-cell{display:flex;align-items:center;gap:12px}.person-cell b{font-size:12px;color:var(--ink);font-weight:550;display:block}.person-cell small{font-size:10px;color:var(--muted);display:block}.table-foot{padding:13px 24px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.tags{display:flex;gap:4px}.tags .badge{font-size:9px}.settings-layout{display:grid;grid-template-columns:190px 1fr;gap:25px}.settings-nav{display:flex;flex-direction:column;gap:5px}.settings-nav .btn{justify-content:flex-start;font-size:12px;font-weight:500;background:transparent;color:var(--muted)}.settings-nav .btn.active{background:#eaf0fc;color:var(--blue)}.settings-content{max-width:790px}.settings-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:22px}.settings-card>h2{font-size:16px;margin-bottom:7px}.settings-card>p{font-size:12px;color:var(--muted);margin-bottom:24px}.settings-footer{border-top:1px solid var(--line);padding-top:19px;margin-top:22px;display:flex;justify-content:flex-end;gap:10px}.profile-avatar-row{display:flex;gap:18px;align-items:center;margin-bottom:25px}.profile-avatar-row p{font-size:11px;color:var(--muted);margin-top:6px}.setting-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0;padding-bottom:0}.setting-row h3{font-size:12px;margin-bottom:4px;font-family:var(--font);font-weight:600}.setting-row p{font-size:11px;color:var(--muted);max-width:440px}.setting-row .icon{color:#91a1b9}.switch{width:36px;height:21px;border:0;background:#d8dfec;position:relative;border-radius:20px;flex-shrink:0;padding:0}.switch::after{content:'';display:block;width:15px;height:15px;border-radius:50%;background:white;position:absolute;top:3px;left:3px;transition:transform .15s}.switch.on{background:var(--blue)}.switch.on::after{transform:translateX(15px)}.session{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.session:last-child{border:0}.session-device{width:35px;height:35px;background:#f3f6fb;border-radius:9px;display:grid;place-items:center;color:#8495b1}.session b{font-size:12px;font-weight:550}.session p{font-size:10px;color:var(--muted);margin-top:2px}.info-box{display:flex;gap:11px;align-items:flex-start;background:#f1f5fe;border:1px solid #e4ebfb;border-radius:9px;padding:14px;font-size:12px;color:#66799d}.info-box .icon{width:17px;color:#7a95ce}.info-box.amber{background:#fff8eb;border-color:#f6ead2;color:#a38959}.app-list{display:grid;grid-template-columns:1fr 1fr;gap:22px}.app-detail-card{padding:25px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.app-detail-card h2{font-size:16px;margin:17px 0 7px}.app-detail-card p{font-size:12px;color:var(--muted);min-height:40px;max-width:370px}.app-detail-card .app-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:23px}.empty-state{text-align:center;padding:60px 25px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.empty-state>.app-icon{height:60px;width:60px;margin-bottom:22px;border-radius:17px}.empty-state h2{font-size:20px;margin-bottom:9px}.empty-state p{max-width:410px;margin:0 auto 25px;color:var(--muted);font-size:13px}.notifications{padding:0 25px}.notification{padding:21px 0;display:flex;gap:15px;border-bottom:1px solid var(--line)}.notification:last-child{border:0}.notification.unread .activity-icon{background:var(--blue-soft);color:var(--blue)}.notification h3{font-size:12px;font-weight:650;font-family:var(--font)}.notification p{font-size:12px;color:var(--muted);margin-top:4px}.notification .time{margin-left:auto;color:#9ca8ba;font-size:10px;white-space:nowrap}.notification .btn{margin-top:10px}.faq{padding:20px 0;border-bottom:1px solid var(--line)}.faq:last-child{border:0}.faq summary{font-weight:550;font-size:13px;cursor:pointer}.faq p{font-size:12px;color:var(--muted);margin-top:12px;max-width:650px;line-height:1.8}.role-box{display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:10px;margin-bottom:12px}.role-box .icon{color:var(--muted)}.role-box b{display:block;font-size:12px}.role-box small{display:block;font-size:10px;color:var(--muted)}
.auth-page{display:grid;grid-template-columns:1.05fr 1fr;min-height:calc(100vh - 34px);background:white}.auth-story{background:#182c58;color:white;padding:43px 9%;display:flex;flex-direction:column;overflow:hidden;position:relative}.auth-story .brand{color:white;font-size:20px}.auth-story .brand img{width:36px;height:36px}.auth-story .brand small{color:#9baed8}.auth-story-content{margin:auto 0;position:relative;z-index:1;padding:45px 0}.auth-story .eyebrow{color:#98aedc;margin-bottom:20px}.auth-story h1{font-size:clamp(35px,3.9vw,54px);font-weight:700;letter-spacing:-2px;line-height:1.16;max-width:480px}.auth-story h1 span{color:#b8ceff}.auth-story p{font-size:14px;color:#a8bbdf;line-height:1.85;margin-top:24px;max-width:360px}.auth-story-footer{font-size:11px;color:#879ac0;display:flex;align-items:center;gap:8px}.auth-story-footer .icon{width:14px}.auth-illustration{position:relative;margin-top:44px;max-width:355px;background:#ffffff08;border:1px solid #ffffff15;border-radius:13px;padding:17px;transform:rotate(-3deg);box-shadow:0 20px 45px #07152c25}.illus-top{display:flex;align-items:center;gap:8px;margin-bottom:17px;font-size:10px;color:#b6c6e8}.illus-top .org-emblem{width:25px;height:25px;border-radius:7px;font-size:11px}.illus-top .badge{margin-left:auto;background:#ffffff0e;color:#b7c8eb;font-size:8px}.illus-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.illus-app{background:#ffffff09;border:1px solid #ffffff0a;border-radius:9px;padding:12px 5px;text-align:center;font-size:8px;color:#b4c5e6}.illus-app .app-icon{width:28px;height:28px;border-radius:7px;margin-bottom:7px;background:#ffffff12;color:#c5d6ff}.illus-app .icon{width:16px;height:16px}.illus-line{display:flex;gap:8px;align-items:center;padding:13px 4px 0;font-size:9px;color:#9aafd5}.illus-line .icon{width:11px;height:11px;color:#94d4bd}.auth-main{display:flex;justify-content:center;align-items:center;padding:45px 35px;position:relative}.auth-main-inner{max-width:390px;width:100%}.auth-main h1{font-size:30px;letter-spacing:-.8px}.auth-sub{color:var(--muted);font-size:13px;margin:13px 0 29px;line-height:1.75}.auth-main .field{margin-bottom:20px}.auth-main .field input{height:47px}.auth-main .btn-full{height:47px}.auth-footer{text-align:center;color:var(--muted);font-size:11px;margin-top:25px}.auth-footer a{font-weight:550}.auth-remember{display:flex;justify-content:space-between;align-items:center;margin:3px 0 25px;font-size:11px}.auth-demo{margin-top:35px;display:flex;gap:9px;color:#98a4b8;font-size:10px;padding-top:22px;border-top:1px solid var(--line)}.auth-demo .icon{width:14px;height:14px}.auth-back{display:flex;align-items:center;gap:7px;font-size:11px;margin-bottom:25px}.auth-back .icon{width:14px}.auth-page .mobile-brand{display:none}.invite-org-card{border:1px solid var(--line);border-radius:11px;padding:16px;display:flex;gap:13px;align-items:center;margin-bottom:26px}.invite-org-card h3{font-size:13px}.invite-org-card p{font-size:11px;color:var(--muted);margin-top:3px}.otp-input{font-family:var(--heading);font-size:25px;border:1px solid var(--line);border-radius:10px;padding:15px;width:100%;letter-spacing:13px;text-align:center;margin-bottom:20px;color:var(--ink)}.success-circle{height:55px;width:55px;background:#edf7f2;color:var(--green);border-radius:50%;display:grid;place-items:center;margin-bottom:22px}.success-circle .icon{width:25px;height:25px}
.overlay{position:fixed;inset:0;background:#14213d55;backdrop-filter:blur(3px);z-index:50;display:flex;align-items:center;justify-content:center;padding:25px;animation:fade .15s}.modal{width:100%;max-width:530px;background:white;border-radius:18px;box-shadow:0 25px 80px #0c163930;max-height:90vh;overflow:auto}.modal-head{padding:23px 26px 15px;display:flex;align-items:center;justify-content:space-between;gap:15px}.modal-head h2{font-size:20px;letter-spacing:-.5px}.modal-body{padding:0 26px 26px}.modal-body>p{font-size:12px;color:var(--muted);margin-bottom:22px}.modal-foot{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding:18px 26px;background:#fcfdff}.modal form{margin:0}.modal-foot .btn{font-size:12px}.modal-lg{max-width:740px}.modal-org-list{display:grid;gap:12px}.modal-org{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);background:white;text-align:left;border-radius:11px}.modal-org.active{background:var(--blue-soft);border-color:#b8c7f5}.modal-org small{color:var(--muted);display:block;font-size:11px}.modal-org b{font-size:13px}.modal-org>.icon{margin-left:auto;color:var(--blue)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery-item{display:flex;flex-direction:column;gap:11px;text-align:left;background:#f8faff;border:1px solid var(--line);border-radius:10px;padding:18px;color:#546a90;font-size:12px}.gallery-item:hover{border-color:#b8c6ef;background:var(--blue-soft)}.gallery-item .icon{color:var(--blue);width:23px;height:23px}.gallery-item small{font-size:9px;color:#9ca9bd}.command-input{display:flex;align-items:center;gap:12px;padding:4px 25px 19px;border-bottom:1px solid var(--line)}.command-input input{border:0;width:100%;font-size:16px;outline:none}.command-input .icon{color:#8ba0c4}.command-results{padding:14px}.command-results a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;font-size:12px;color:#556985}.command-results a:hover{background:var(--blue-soft);text-decoration:none}.command-results .icon{width:16px;color:#8297bb}.toast{position:fixed;bottom:28px;right:30px;background:#182c4d;color:white;padding:16px 22px;border-radius:11px;box-shadow:0 10px 35px #13254325;z-index:80;max-width:420px;font-size:12px;display:flex;align-items:center;gap:12px;animation:toast-in .2s}.toast .icon{width:18px;color:#9bdfbf}.mobile-scrim{display:none}.demo-tag{background:#f3f6fb;color:#99a5b8;border:1px solid var(--line);border-radius:5px;font-size:9px;padding:3px 7px}.form-error{font-size:11px;color:#bc3f48;margin:12px 0}.loading-line{height:7px;border-radius:4px;background:#ecf1fb;width:70%;margin-top:15px}.loading-line.short{width:40%}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.help-card{padding:27px;background:white;border:1px solid var(--line);border-radius:14px}.help-card h2{margin:15px 0 8px}.help-card p{font-size:12px;color:var(--muted);margin-bottom:20px}.access-summary{margin-top:14px;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:17px}.qr-demo{display:grid;place-items:center;height:110px;width:110px;margin:20px auto;border:1px solid var(--line);border-radius:12px;background:repeating-conic-gradient(#24395e 0% 25%,white 0% 50%) 50%/14px 14px;box-shadow:inset 0 0 0 8px white}.qr-demo span{background:white;padding:5px;font-size:10px;color:var(--muted)}
@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes toast-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.content{padding-top:45px}.welcome{padding:35px}.app-card{padding:26px}.apps-grid{gap:22px}}
@media(max-width:1180px){.sidebar{width:215px;padding-inline:13px}.workspace{margin-left:215px}.content{padding:28px 25px}.topbar{padding:0 25px}.apps-grid{gap:10px}.app-card{padding:17px}.two-cols{grid-template-columns:1fr 1fr}.stat-grid{gap:12px}.stat{padding:17px}.report-cols{grid-template-columns:1.6fr 1fr}.settings-layout{grid-template-columns:160px 1fr;gap:18px}.global-search{min-width:140px}.global-search kbd{display:none}}
@media(max-width:950px){.apps-grid{grid-template-columns:repeat(2,1fr)}.app-card{min-height:155px}.two-cols,.report-cols{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.auth-story{padding:35px 9%}.auth-story h1{font-size:37px}.auth-illustration{max-width:285px}.auth-main{padding-inline:30px}.auth-main h1{font-size:26px}.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow:auto;margin-bottom:3px}.settings-nav .btn{white-space:nowrap}.date-chip{display:none}}
@media(max-width:760px){.prototype-bar{padding:0 14px;font-size:10px}.prototype-bar .bar-right{gap:12px}.prototype-bar .prototype-label{display:none}.prototype-bar select{max-width:125px;font-size:10px}.sidebar{transform:translateX(-100%);transition:transform .2s;top:34px;width:255px}.sidebar.open{transform:translateX(0)}.mobile-scrim.open{display:block;position:fixed;inset:34px 0 0;background:#13234055;z-index:19}.workspace{margin-left:0}.mobile-menu{display:inline-grid}.topbar{height:64px;padding:0 15px}.global-search{min-width:auto;padding:8px}.global-search span{display:none}.top-actions{gap:3px}.top-actions .vr{margin:0 5px}.breadcrumb{gap:6px;font-size:11px}.breadcrumb .mobile-org{display:none}.content{padding:25px 18px 35px}.page-heading{margin-bottom:24px;align-items:center}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.page-heading .btn{font-size:11px;padding:9px 12px}.welcome{padding:23px 21px;grid-template-columns:1fr}.welcome-art{display:none}.welcome h2{font-size:24px}.welcome p{font-size:12px}.welcome .btn{font-size:11px}.apps-grid{gap:12px}.app-card{padding:18px;min-height:160px}.app-card .app-footer{font-size:9px}.app-list,.help-grid{grid-template-columns:1fr}.invite-banner{padding:17px;flex-wrap:wrap}.invite-banner .btn{margin-left:53px}.panel-head{padding:20px}.panel-body{padding:0 20px 20px}.table-scroll th,.table-scroll td{padding:15px 17px}.settings-card{padding:21px}.field-grid{grid-template-columns:1fr}.toolbar{align-items:stretch}.toolbar .input-search{flex:1;max-width:none}.toolbar .btn{font-size:11px}.tabs{gap:20px}.auth-page{grid-template-columns:1fr}.auth-story{display:none}.auth-main{min-height:calc(100vh - 34px);padding:40px 26px}.auth-main-inner{max-width:390px}.auth-page .mobile-brand{display:flex;margin-bottom:48px}.auth-main h1{font-size:30px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.overlay{padding:15px}.modal-head{padding:21px}.modal-body{padding:0 21px 22px}.modal-foot{padding:17px 21px}.toast{left:18px;right:18px;bottom:18px;max-width:none}.setting-row{gap:15px}.setting-row .btn{font-size:11px;padding:8px 10px}.notification .time{font-size:9px}.stat{padding:19px}.stat strong{font-size:25px}.content-footer{gap:15px}.auth-main .auth-demo{margin-top:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none;transition:none;scroll-behavior:auto}}
/* Component details for the interactive prototype. */
.stat>span,.stat>strong{display:block}.stat>strong{margin:8px 0}.stat>.text-green{font-size:10px}.chart svg{display:block;width:100%;height:auto}.settings-nav>a{padding:11px 14px;border-radius:8px;color:var(--muted);font-size:12px;white-space:nowrap}.settings-nav>a.active{background:var(--blue-soft);color:var(--blue)}.app-detail-card h3{margin:17px 0 7px}.app-card .app-footer{display:flex;align-items:center;justify-content:space-between}.task-title{padding:0;min-height:25px;color:var(--ink);text-align:left;white-space:normal;font-size:12px}.task-sub{margin-top:4px}.art-pill.three{left:28px;bottom:-10px;transform:rotate(-4deg)}.user-card strong{font-size:11px}.user-card a:hover{text-decoration:none}.command-input{display:block;width:100%;border:1px solid var(--line);border-radius:8px;font-size:14px;padding:12px 15px}.auth-demo{align-items:center;flex-wrap:wrap}.auth-back{margin-top:22px}.auth-main .badge.mb{display:inline-flex}.auth-story .illus-app{display:flex;align-items:center;gap:7px;justify-content:center;flex-direction:column}.auth-story .illus-apps{grid-template-columns:repeat(3,1fr)}.illus-line{height:6px;background:#ffffff16;border-radius:6px;margin-top:14px;padding:0}.modal-body .field{margin-bottom:17px}.modal-body .checkbox{margin-top:9px}.notification p{margin-top:5px}.settings-card>h2{margin-bottom:12px}.settings-card>.field,.settings-card>.field-grid{margin-top:20px}.settings-footer{margin-top:24px}.help-card>p{margin-top:8px}.brand:hover{text-decoration:none}.sidebar{overflow-y:auto}.org-switch{flex-shrink:0}.nav-label{flex-shrink:0}.stat .muted{font-size:12px}
@media(max-width:760px){.breadcrumb{font-size:10px}.topbar{gap:8px}.content-footer{flex-wrap:wrap}.apps-grid .badge{font-size:9px;padding:3px 5px}.app-card{padding:16px}.art-pill.three{display:none}.sidebar-bottom{padding-top:15px}.prototype-bar:before{content:'Demo';color:#607192;font-size:10px}.prototype-bar .bar-right{margin-left:auto}.welcome p br{display:none}}
.bar-row{display:block;margin-top:18px;margin-bottom:18px}.bar-row .bar-track{margin-top:8px}.two-cols{margin-top:24px}@media(max-width:760px){.welcome p br:after{content:' '}.page-heading{flex-wrap:wrap}.panel-head{flex-wrap:wrap}.panel-head .input-search{max-width:100%}}
/* Personal dashboard and widget palette */
.dashboard-builder{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}.dashboard-builder.is-editing{grid-template-columns:minmax(0,1fr) 270px}.dashboard-canvas{min-width:0}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;align-items:stretch}.dashboard-widget{min-width:0;grid-column:span 6}.dashboard-widget.size-small{grid-column:span 4}.dashboard-widget.size-large{grid-column:span 12}.widget-body{height:100%}.widget-body>.panel{height:100%}.widget-body .welcome,.widget-body .apps-grid{margin-bottom:0}.widget-apps{height:100%}.widget-apps .apps-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.size-medium .apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.size-small .apps-grid{grid-template-columns:1fr}.size-small .welcome{grid-template-columns:1fr;padding:23px}.size-small .welcome-art,.size-medium .welcome-art{display:none}.size-small .welcome h2{font-size:22px}.widget-metric{padding:24px}.widget-metric h2{margin:18px 0 8px}.metric-value{font-family:var(--heading);font-size:36px;letter-spacing:-1px;display:block;margin-bottom:5px}.sparkline{width:100%;height:90px;margin:18px 0;display:block}.widget-metric>a{font-size:12px}.chat-score{display:flex;justify-content:space-between;font-size:11px;margin:26px 0 9px}.shortcut{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:12px;padding:15px 0;border-bottom:1px solid var(--line)}.shortcut span{flex:1}.shortcut .icon{width:17px;color:var(--muted)}.team-avatars{display:flex;margin:22px 0 12px}.team-avatars .avatar{border:3px solid white;margin-right:-5px}.edit-guidance{display:flex;align-items:center;gap:12px;padding:17px 20px;border:1px solid #d7e0fb;background:var(--blue-soft);border-radius:12px;margin-bottom:22px;font-size:12px;color:#435b91}.edit-guidance>div{flex:1}.edit-guidance p{font-size:11px;margin-top:3px}.edit-guidance>.badge{display:none}.is-editing .dashboard-widget{border:1px solid #cdd8f2;border-radius:14px;background:white;box-shadow:0 3px 14px #17233d04;overflow:hidden}.is-editing .widget-body{height:auto;padding:13px}.is-editing .widget-body>.panel,.is-editing .widget-body>.welcome{border:0;box-shadow:none}.is-editing .widget-body .apps-grid{gap:9px}.is-editing .app-card{padding:14px}.is-editing .widget-body .panel-head{padding:15px 12px}.is-editing .widget-body .panel-body{padding:0 12px 15px}.is-editing .dashboard-grid{gap:16px}.widget-tools{padding:9px 11px;background:#f6f8fd;border-bottom:1px solid #e2e8f5;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.widget-grip{display:flex;align-items:center;gap:7px;flex:1;font-size:10px;cursor:grab;min-width:100px}.widget-grip:active{cursor:grabbing}.widget-grip>span{font-size:23px;line-height:1;color:#8b9bb8}.widget-tool-actions{display:flex;gap:4px;align-items:center}.widget-tool-actions button{border:0;background:transparent;border-radius:5px;color:#597099;width:25px;height:27px;padding:3px;display:grid;place-items:center}.widget-tool-actions button:hover{background:#e6ecfa}.widget-tool-actions button:disabled{opacity:.25}.widget-tool-actions .icon{width:14px;height:14px}.widget-tool-actions select{border:1px solid #dce4f4;border-radius:5px;padding:3px;font-size:10px;color:#516585;background:white;width:64px}.widget-palette{position:sticky;top:18px;border:1px solid var(--line);border-radius:15px;background:white;box-shadow:var(--shadow);overflow:hidden}.palette-heading{padding:22px 20px 18px;border-bottom:1px solid var(--line)}.palette-heading h2{margin:12px 0 6px}.palette-heading p{font-size:11px;color:var(--muted)}.palette-list{padding:14px;display:grid;gap:10px;max-height:560px;overflow-y:auto}.palette-card{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fafdff;cursor:grab}.palette-card:hover{border-color:#b9c8ef;background:#f5f8ff}.palette-card.already-added{cursor:default;background:#fafbfc}.palette-card strong{font-size:12px}.palette-card .row{gap:9px}.palette-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--blue-soft);color:var(--blue)}.palette-icon .icon{width:17px;height:17px}.palette-card p{font-size:10px;color:var(--muted);margin:9px 0 12px}.palette-card button{font-size:10px;min-height:29px;padding:5px 9px}.palette-card button .icon{width:13px;height:13px}.palette-footer{padding:15px;border-top:1px solid var(--line);background:#fbfcff}.palette-footer p{font-size:10px;color:var(--muted);margin:0 0 7px}.palette-footer button{font-size:10px;padding:6px 0}.widget-dropzone{display:none;grid-column:1/-1;height:34px;border:1px dashed #a9bcec;border-radius:8px;background:#f1f5ff;color:var(--blue);align-items:center;justify-content:center;font-size:11px}.widget-dropzone .icon{width:14px;height:14px}.dropzone-last{display:flex;height:76px;margin-top:5px}.widget-dragging .widget-dropzone{display:flex}.drop-active{outline:2px solid var(--blue);outline-offset:2px;background:#e5edff}.layout-save-note{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin:20px 0}.layout-save-note .icon{width:13px;height:13px}.empty-dashboard{display:flex;align-items:center;flex-direction:column;gap:15px;padding:45px 25px;border:1px dashed #c8d5ef;border-radius:14px;text-align:center;color:var(--muted)}.empty-dashboard h2{color:var(--ink)}.empty-dashboard p{font-size:12px}.is-editing .size-small{grid-column:span 6}.is-editing .size-medium{grid-column:span 12}.is-editing .widget-apps .apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1600px){.is-editing .size-small{grid-column:span 4}.is-editing .size-medium{grid-column:span 6}.is-editing .size-large.widget-apps .apps-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1180px){.dashboard-builder.is-editing{grid-template-columns:minmax(0,1fr) 240px}.dashboard-widget.size-small{grid-column:span 6}.is-editing .dashboard-widget.size-small{grid-column:span 12}.widget-tool-actions{margin-left:auto}.widget-palette .palette-heading{padding:18px 15px}}
@media(max-width:950px){.dashboard-builder.is-editing{grid-template-columns:1fr}.widget-palette{position:static}.palette-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.dashboard-widget,.dashboard-widget.size-small{grid-column:span 6}.widget-apps .apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.is-editing .dashboard-widget.size-small{grid-column:span 6}}
@media(max-width:760px){.dashboard-widget,.dashboard-widget.size-small,.dashboard-widget.size-medium,.is-editing .dashboard-widget.size-small{grid-column:span 12}.dashboard-grid{gap:18px}.widget-metric{padding:22px}.dashboard-builder{gap:20px}.palette-list{grid-template-columns:1fr 1fr;padding:12px;gap:10px}.palette-card{padding:12px}.palette-card .row{align-items:flex-start;gap:7px}.palette-card strong{font-size:11px}.palette-icon{width:24px;height:24px;flex-shrink:0}.palette-heading p:after{content:' Op mobiel kun je de Toevoegen-knop en de pijlen gebruiken.'}.edit-guidance{align-items:flex-start;padding:15px}.page-heading>.row{width:100%;justify-content:flex-end}.widget-tools{padding:10px}.layout-save-note{align-items:flex-start}.size-small .apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Multiminded brand accents: orange from the current brand mark. */
:root{--orange:#ec672a;--orange-dark:#a93e0c;--orange-soft:#fff1e8}
.btn-primary{background:var(--orange);color:#2c1a12;box-shadow:0 3px 9px #ec672a25}.btn-primary:hover{background:#e95b1c;color:#25170f}.btn-primary:focus-visible{outline-color:#f5ad87}
.nav-item.active{background:var(--orange-soft);color:var(--orange-dark)}.nav-item.active .nav-count{background:#ffdfcc;color:var(--orange-dark)}
.prototype-bar{background:#fff6ef;border-bottom-color:#f4e2d7}.prototype-bar button{color:var(--orange-dark)}
.welcome{background:linear-gradient(115deg,#fff1e8 0%,#fff5ed 65%,#eef2ff 100%);border-color:#f3dfd2}.welcome h2{color:#412c23}.welcome p{color:#866c61}.welcome .btn{color:var(--orange-dark)}.welcome .badge-blue{background:#ffe2cf;color:var(--orange-dark)}
.art-logo{box-shadow:0 12px 25px #ec672a30}.orbit{border-color:#edb99c}.art-pill{border-color:#f0dfd4}.art-pill .icon{color:var(--orange-dark)}
.icon-btn .dot{background:var(--orange)}.sidebar .brand img{box-shadow:0 3px 10px #ec672a15;border-radius:9px}
.edit-guidance{background:#fff4eb;border-color:#f0d8c7;color:#8b4a2b}.widget-grip>span{color:#ca754c}.widget-tools{background:#fff9f4}.is-editing .dashboard-widget{border-color:#ecd9ca}.palette-heading .badge-blue{background:var(--orange-soft);color:var(--orange-dark)}.palette-icon{background:var(--orange-soft);color:var(--orange-dark)}.palette-card:hover{border-color:#ebbd9e;background:#fff9f4}.widget-dropzone{border-color:#e9b38e;background:#fff6ee;color:var(--orange-dark)}.drop-active{outline-color:var(--orange);background:#ffe9d9}.palette-footer{background:#fffaf6}
.auth-story{background:radial-gradient(ellipse at 0 100%,#ec672a30,transparent 65%),#182c53}.auth-story .badge{background:#ec672a;color:#2c1a12}.auth-story .illus-top .badge{background:#ffffff0e;color:#b7c8eb}
.settings-nav>a.active{background:var(--orange-soft);color:var(--orange-dark)}
/* Ronny's preference: white labels on solid brand orange. */
.btn-primary,.btn-primary:hover{color:#fff}.auth-story .badge{color:#fff}.auth-story .illus-top .badge{color:#b7c8eb}