@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--bg:#f5f6fb;--surface:#fff;--surface-soft:#fafaff;--ink:#20243a;--muted:#7b8098;--line:#e8e9f2;--purple:#6b5ce7;--purple-dark:#5142ce;--purple-soft:#efedff;--green:#208a68;--green-soft:#e5f7ef;--amber:#a86d17;--amber-soft:#fff3dd;--red:#b34d60;--shadow:0 12px 36px rgba(35,35,75,.055);--radius:20px}
:root[data-theme="dark"]{color-scheme:dark;--bg:#111421;--surface:#1a1e2f;--surface-soft:#202439;--ink:#f0f1fa;--muted:#a3a8bf;--line:#30354b;--purple:#a69aff;--purple-dark:#b5aaff;--purple-soft:#302b50;--green:#75d4ae;--green-soft:#203c36;--amber:#f3c16f;--amber-soft:#3d3221;--red:#f099a8;--shadow:0 12px 36px rgba(0,0,0,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:14px;line-height:1.5;transition:background .2s,color .2s}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{max-width:1240px;margin:auto;padding:0 28px}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:15px;background:linear-gradient(135deg,#7c6cff,#5446d5);color:white;font-size:27px;box-shadow:0 7px 18px #6b5ce733}.brand strong{display:block;font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.5px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:1px}.top-actions{display:flex;align-items:center;gap:10px}.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--ink);font-size:20px;display:grid;place-items:center}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;background:var(--purple);color:white;padding:13px 17px;font-weight:700;font-size:12px;box-shadow:0 6px 15px #6b5ce722;transition:transform .15s,filter .15s}.primary-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary-button.compact{padding:11px 14px}.primary-button span{font-size:17px}.secondary-button{background:var(--surface);color:var(--purple);border:1px solid var(--line);box-shadow:none}.full-width{width:100%;margin-top:20px}.hero{position:relative;overflow:hidden;margin:28px 0 22px;padding:43px 44px;border-radius:26px;background:linear-gradient(115deg,#eeeaff 0%,#f8f7ff 52%,#eaf7f5 100%);display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:285px;color:#25243f}.hero-copy{max-width:620px;position:relative;z-index:2}.eyebrow{margin:0 0 8px;color:var(--purple);font-size:9px;letter-spacing:1.7px;font-weight:800}.hero h1{font:800 clamp(29px,4vw,43px)/1.15 Manrope,sans-serif;letter-spacing:-1.5px;margin:0}.hero h1 span{color:#6b5ce7}.hero-description{max-width:530px;color:#777893;font-size:13px;line-height:1.75;margin:14px 0 21px}.hero-actions{display:flex;align-items:center;gap:19px;flex-wrap:wrap}.text-link{font-size:11px;font-weight:700;color:#6258ba}.hero-card{z-index:2;position:relative;flex:0 0 270px;max-width:270px;padding:20px;background:#ffffffd9;border:1px solid #ffffff;border-radius:19px;box-shadow:0 15px 40px #5552a019;backdrop-filter:blur(10px)}.hero-card-top{display:flex;align-items:center;gap:9px}.sparkle{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:#eeebff;color:#6b5ce7;font-size:19px}.tiny-label{font-size:8px;letter-spacing:1.2px;font-weight:800;color:#7e78b9}.live-dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#45bc8d}.suggestion-title{font:700 16px/1.4 Manrope,sans-serif;margin:17px 0 7px}.suggestion-copy{font-size:11px;line-height:1.7;color:#7b7c94;margin:0}.suggestion-foot{margin-top:17px;border-top:1px solid #eceaf6;padding-top:12px;color:#6c60c9;font-size:10px;font-weight:700}.hero-orb{position:absolute;border-radius:50%;pointer-events:none}.orb-one{width:260px;height:260px;right:180px;top:-190px;background:#d9d2ff88}.orb-two{width:200px;height:200px;right:-90px;bottom:-145px;background:#c9f1e188}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:23px}.stat-card{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:var(--shadow)}.stat-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;font-size:18px;font-weight:700;flex-shrink:0}.stat-icon.purple{background:var(--purple-soft);color:var(--purple)}.stat-icon.green{background:var(--green-soft);color:var(--green)}.stat-icon.amber{background:var(--amber-soft);color:var(--amber)}.stat-card p{font-size:10px;color:var(--muted);margin:0 0 3px}.stat-card strong{font:800 23px Manrope,sans-serif;letter-spacing:-.6px}.stat-card small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.main-grid{display:grid;grid-template-columns:minmax(290px,.83fr) minmax(0,1.45fr);gap:22px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);min-width:0}.form-panel{position:sticky;top:15px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px}.panel-heading h2,.modal h2{font:800 20px Manrope,sans-serif;letter-spacing:-.6px;margin:0}.heading-icon,.assistant-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:var(--purple-soft);color:var(--purple);font-size:22px}.assistant-icon{font-size:20px}.form-panel label,.modal label{display:block;margin:16px 0 7px;font-size:11px;font-weight:700;color:var(--ink)}.optional{font-size:9px;color:var(--muted);font-weight:400;margin-left:4px}.form-panel input,.form-panel textarea,.form-panel select,.modal input:not([type=range]):not([type=hidden]),.modal textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--ink);padding:11px 12px;font-size:11px;outline:none;min-width:0}.form-panel input:focus,.form-panel textarea:focus,.form-panel select:focus,.modal input:focus,.modal textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 15%,transparent)}textarea{resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.privacy-note{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted);margin:13px 0 0}.secure-dot{width:7px;height:7px;background:#3bbd8d;border-radius:50%;flex-shrink:0}.right-column{display:grid;gap:20px;min-width:0}.assistant-panel{background:linear-gradient(135deg,var(--surface),var(--surface-soft))}.assistant-intro{font-size:11px;color:var(--muted);margin:-10px 0 15px;line-height:1.6}.assistant-feed{display:grid;gap:10px}.assistant-item{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:start;gap:10px;border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--surface)}.assistant-item .feed-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--purple-soft);color:var(--purple);font-size:14px}.assistant-item.warning .feed-icon{background:var(--amber-soft);color:var(--amber)}.assistant-item.success .feed-icon{background:var(--green-soft);color:var(--green)}.assistant-item h3{font-size:11px;margin:1px 0 4px}.assistant-item p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}.feed-action{border:0;background:transparent;color:var(--purple);font-size:10px;font-weight:800;padding:4px 0;white-space:nowrap}.agenda-heading{margin-bottom:12px}.filter-wrap select{max-width:150px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);color:var(--ink);padding:8px;font-size:10px}.agenda-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:14px}.tab{padding:10px 13px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:10px;font-weight:700}.tab.active{color:var(--purple);border-bottom-color:var(--purple)}.events-list{display:grid;gap:11px}.event-card{border:1px solid var(--line);border-radius:14px;padding:15px;background:var(--surface)}.event-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.event-title{font:700 14px Manrope,sans-serif;margin:0 0 5px;overflow-wrap:anywhere}.event-meta{font-size:10px;color:var(--muted);margin:0;line-height:1.7}.category-tag{display:inline-flex;align-items:center;gap:5px;border-radius:8px;padding:6px 8px;background:var(--purple-soft);color:var(--purple);font-size:9px;font-weight:800;white-space:nowrap}.priority-tag{font-size:8px;font-weight:800;border-radius:6px;padding:4px 6px;background:var(--amber-soft);color:var(--amber);margin-left:5px}.event-description{font-size:11px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0}.proactive-box{margin-top:13px;border-radius:11px;background:var(--surface-soft);padding:12px}.proactive-box h4{font-size:10px;margin:0 0 8px}.checklist{list-style:none;padding:0;margin:0;display:grid;gap:7px}.checklist li{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:10px;line-height:1.5}.checklist input{accent-color:var(--purple);margin:2px 0 0;flex-shrink:0}.checklist input:checked+span{text-decoration:line-through;opacity:.65}.event-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.event-actions{display:flex;gap:6px;flex-wrap:wrap}.small-button{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);padding:7px 9px;font-size:9px;font-weight:700}.small-button:hover{border-color:var(--purple);color:var(--purple)}.small-button.danger{color:var(--red)}.review-saved{font-size:10px;color:var(--green);margin-top:10px;padding:9px;background:var(--green-soft);border-radius:8px;overflow-wrap:anywhere}.empty-state{text-align:center;padding:35px 12px 20px}.empty-state[hidden]{display:none}.empty-illustration{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--purple-soft);color:var(--purple);font-size:27px;margin:0 auto 12px}.empty-state h3{font:700 14px Manrope,sans-serif;margin:0 0 6px}.empty-state p{max-width:310px;font-size:10px;color:var(--muted);line-height:1.7;margin:0 auto 15px}.assistant-empty{padding:14px;border-radius:11px;background:var(--surface);color:var(--muted);font-size:10px;line-height:1.6}.modal{width:min(460px,calc(100% - 24px));border:1px solid var(--line);border-radius:20px;padding:24px;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px #11152b55}.modal::backdrop{background:#14172b88;backdrop-filter:blur(4px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.modal-subtitle{font-size:12px;color:var(--muted);margin:12px 0}.rating-line{display:flex;align-items:center;gap:14px}.rating-line input{flex:1;accent-color:var(--purple)}.rating-line strong{color:var(--purple);min-width:42px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:var(--surface);padding:12px 17px;border-radius:12px;font-size:11px;box-shadow:var(--shadow);transition:all .2s;z-index:20;max-width:calc(100% - 28px)}.toast.show{opacity:1;transform:translate(-50%,0)}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:26px 2px 30px;color:var(--muted);font-size:10px}.footer-brand{font-weight:800;color:var(--ink)}.footer-button{border:0;background:transparent;color:var(--muted);font-size:9px;text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root[data-theme="dark"] .hero{background:linear-gradient(115deg,#282541,#22243a 55%,#1d3335);color:var(--ink)}:root[data-theme="dark"] .hero h1 span{color:#b0a5ff}:root[data-theme="dark"] .hero-description,:root[data-theme="dark"] .text-link{color:#c1c1d9}:root[data-theme="dark"] .hero-card{background:#1c2031e8;border-color:#34364d}:root[data-theme="dark"] .suggestion-title{color:#f0f1fa}:root[data-theme="dark"] .suggestion-copy{color:#b1b5cb}:root[data-theme="dark"] .suggestion-foot{border-color:#36394e;color:#b0a5ff}:root[data-theme="dark"] .tiny-label{color:#b0a5ff}
@media(max-width:920px){.app-shell{padding:0 18px}.hero{padding:32px;min-height:250px}.hero-card{flex-basis:230px}.main-grid{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:15px}.panel{padding:19px}.stats-grid{gap:10px}.stat-card{padding:15px;gap:10px}}
@media(max-width:720px){.app-shell{padding:0 13px}.topbar{height:74px}.brand-mark{width:38px;height:38px}.brand strong{font-size:14px}.brand small{font-size:9px}.top-actions{gap:7px}.top-actions .primary-button{font-size:0;padding:10px 12px}.top-actions .primary-button span{font-size:19px}.icon-button{width:39px;height:39px}.hero{margin-top:17px;padding:26px 21px;display:block}.hero h1{font-size:32px}.hero-description{font-size:12px}.hero-card{max-width:none;width:100%;margin-top:24px;padding:16px}.stats-grid{grid-template-columns:1fr;gap:8px}.stat-card{padding:12px 15px}.stat-card strong{font-size:20px}.stat-card small{display:inline;margin-left:8px}.main-grid{display:flex;flex-direction:column}.form-panel{position:static}.form-panel,.right-column{width:100%}.right-column{gap:15px}.panel{padding:17px;border-radius:16px}.panel-heading h2{font-size:18px}.field-row{gap:9px}.agenda-heading{align-items:flex-start}.filter-wrap select{max-width:132px}.event-top{gap:7px}.category-tag{font-size:8px;padding:5px 6px}.event-card{padding:12px}.assistant-item{grid-template-columns:29px minmax(0,1fr);gap:8px}.feed-action{grid-column:2;justify-self:start;padding-top:2px}.event-bottom{align-items:flex-start}.event-actions{width:100%}.small-button{font-size:9px}footer{flex-wrap:wrap;justify-content:center;text-align:center;padding-bottom:24px}footer>span:nth-child(2){width:100%;order:3}.footer-button{order:2}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
