:root{color:#f8fafc;background:#070b16;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background:radial-gradient(circle at 0 0,#5e5ce638,#0000 32rem),radial-gradient(circle at 100% 100%,#14b8a629,#0000 30rem),#070b16;min-width:320px;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.flowdeck{grid-template-columns:260px minmax(0,1fr) 360px;gap:1rem;width:100%;height:100vh;padding:1rem;display:grid;overflow:hidden}.flowdeck__sidebar,.flowdeck__main,.flowdeck__assistant{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ac7;border:1px solid #94a3b82e;border-radius:1.5rem;min-height:0;box-shadow:0 24px 80px #00000052}.flowdeck__sidebar{flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex;overflow:hidden}.flowdeck__brand{margin-bottom:2rem}.flowdeck__logo{letter-spacing:-.04em;margin:0;font-size:1.5rem}.flowdeck__tagline{color:#94a3b8;margin:.35rem 0 0;font-size:.9rem}.flowdeck__nav{gap:.5rem;display:grid}.flowdeck__nav-button{text-align:left;color:#cbd5e1;background:0 0;border:0;border-radius:.9rem;width:100%;padding:.85rem 1rem;transition:background .2s,color .2s,transform .2s}.flowdeck__nav-button:hover,.flowdeck__nav-button--active{color:#fff;background:#6366f12e;transform:translate(2px)}.flowdeck__nav-button:disabled{cursor:not-allowed;color:#64748b;opacity:.65;transform:none}.flowdeck__nav-label{float:right;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background:#94a3b81f;border-radius:999px;padding:.15rem .4rem;font-size:.65rem;font-weight:700}.flowdeck__profile{background:#1e293bb3;border-radius:1.1rem;padding:1rem}.flowdeck__profile-name{margin:0;font-weight:700}.flowdeck__profile-role{color:#94a3b8;margin:.25rem 0 0;font-size:.85rem}.flowdeck__main{padding:1.5rem;overflow-y:auto}.flowdeck__header{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1.5rem;display:flex}.flowdeck__eyebrow{color:#38bdf8;text-transform:uppercase;letter-spacing:.12em;margin:0 0 .4rem;font-size:.8rem;font-weight:700}.flowdeck__title{letter-spacing:-.07em;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:.95}.flowdeck__description,.flowdeck__subtitle{color:#94a3b8;max-width:38rem;margin:.9rem 0 0;line-height:1.6}.flowdeck__primary-button{white-space:nowrap;color:#fff;background:linear-gradient(135deg,#6366f1,#14b8a6);border:0;border-radius:999px;justify-content:center;align-items:center;min-width:10.5rem;min-height:3.25rem;padding:.9rem 1.2rem;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 16px 40px #6366f147}.flowdeck__primary-button:hover{transform:translateY(-2px);box-shadow:0 20px 50px #6366f161}.flowdeck__primary-button:disabled{cursor:not-allowed;color:#cbd5e1;box-shadow:none;opacity:1;background:#47556973;border:1px solid #94a3b81f;transform:none}.flowdeck__primary-button:disabled:hover{box-shadow:none;transform:none}.flowdeck__header-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.flowdeck__demo-limit{white-space:nowrap;align-items:center;gap:.6rem;height:3.25rem;display:flex}.flowdeck__demo-limit span{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.flowdeck__demo-limit strong{color:#e2e8f0;font-size:1rem;font-weight:700}.flowdeck__secondary-button{color:#cbd5e1;background:#0f172ab8;border:1px solid #94a3b82e;border-radius:999px;padding:.8rem 1rem;font-size:.85rem;font-weight:800;transition:border-color .2s,background .2s,color .2s,transform .2s}.flowdeck__secondary-button:hover{color:#fff;background:#1e293bf2;border-color:#94a3b86b;transform:translateY(-1px)}.project-card__delete{color:#94a3b8;text-underline-offset:.25rem;background:0 0;border:0;width:fit-content;margin-top:1rem;padding:.2rem 0;font-size:.75rem;font-weight:700;-webkit-text-decoration:underline #94a3b859;text-decoration:underline #94a3b859;transition:color .2s,text-decoration-color .2s}.project-card__delete:hover{color:#f87171;text-decoration-color:#f87171a6}.flowdeck__stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:#0f172ab8;border:1px solid #94a3b824;border-radius:1.2rem;padding:1rem}.stat-card__label{color:#94a3b8;margin:0;font-size:.85rem}.stat-card__value{letter-spacing:-.04em;margin:.35rem 0 0;font-size:1.8rem;font-weight:800}.flowdeck__toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.flowdeck__section-title{margin:0;font-size:1.15rem}.flowdeck__section-count{color:#bae6fd;background:#0ea5e929;border-radius:999px;justify-content:center;align-items:center;min-width:1.8rem;height:1.8rem;margin-left:.5rem;font-size:.85rem;font-weight:800;display:inline-flex}.flowdeck__filters{flex-wrap:wrap;gap:.5rem;display:flex}.filter-button{color:#cbd5e1;background:#0f172ab3;border:1px solid #94a3b833;border-radius:999px;padding:.55rem .8rem}.filter-button:hover,.filter-button--active{color:#fff;background:#38bdf821;border-color:#38bdf8a6}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.project-card{background:linear-gradient(#1e293bf0,#0f172af0),#0f172a;border:1px solid #94a3b829;border-radius:1.3rem;padding:1.15rem;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.project-card:hover{border-color:#6366f180;transform:translateY(-3px);box-shadow:0 18px 44px #00000057}.project-card__top{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.project-card__title{letter-spacing:-.03em;margin:0;font-size:1.1rem}.project-card__client{color:#94a3b8;margin:.35rem 0 0;font-size:.9rem}.project-card__badge{white-space:nowrap;border-radius:999px;align-items:center;padding:.35rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.project-card__badge--todo{color:#dbeafe;background:#3b82f629}.project-card__badge--progress{color:#fef3c7;background:#f59e0b29}.project-card__badge--completed{color:#dcfce7;background:#22c55e29}.project-card__badge--high{color:#fee2e2;background:#ef44442e}.project-card__badge--medium{color:#ffedd5;background:#f9731629}.project-card__badge--low{color:#e0f2fe;background:#0ea5e924}.project-card__meta{gap:.65rem;margin:1rem 0;display:grid}.project-card__meta-row{color:#cbd5e1;justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}.project-card__meta-row span:first-child{color:#64748b}.project-card__progress{margin-top:1rem}.project-card__progress-label{color:#cbd5e1;justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;display:flex}.project-card__progress-track{background:#334155e6;border-radius:999px;height:.55rem;overflow:hidden}.project-card__progress-fill{border-radius:inherit;background:linear-gradient(90deg,#6366f1,#14b8a6);height:100%}.project-form{background:linear-gradient(135deg,#0f172aeb,#1e293bc7);border:1px solid #94a3b824;border-radius:1.4rem;margin-bottom:1.5rem;padding:1.25rem;box-shadow:0 24px 60px #0f172a47}.project-form__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.project-form__eyebrow{color:#818cf8;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;font-size:.75rem;font-weight:700}.project-form__title{color:#f8fafc;margin:0;font-size:1.25rem}.project-form__description{color:#64748b;max-width:34rem;margin:.45rem 0 0;font-size:.8rem;line-height:1.5}.project-form__close{color:#94a3b8;text-underline-offset:.25rem;background:0 0;border:0;padding:.2rem 0;font-size:.75rem;font-weight:700;-webkit-text-decoration:underline #94a3b859;text-decoration:underline #94a3b859}.project-form__close:hover{color:#fff;text-decoration-color:#ffffffa6}.project-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.project-form__field{gap:.45rem;display:grid}.project-form__field span{color:#94a3b8;font-size:.75rem;font-weight:700}.project-form__field input,.project-form__field select{color:#e2e8f0;background:#0f172ab8;border:1px solid #94a3b82e;border-radius:.9rem;outline:none;width:100%;padding:.75rem .85rem}.project-form__field input:focus,.project-form__field select:focus{border-color:#6366f1b8;box-shadow:0 0 0 3px #6366f124}.project-form__actions{grid-column:1/-1;justify-content:flex-end;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.project-form__secondary,.project-form__primary{border:0;border-radius:999px;padding:.7rem 1rem;font-size:.8rem;font-weight:800}.project-form__secondary{color:#cbd5e1;background:#0f172ab3}.project-form__secondary:hover{color:#fff;background:#1e293bf2}.project-form__primary{color:#fff;background:linear-gradient(135deg,#6366f1,#14b8a6);box-shadow:0 12px 30px #14b8a638}.project-form__primary:hover{transform:translateY(-1px)}.project-form__primary:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.project-form__primary:disabled:hover{transform:none}.projects-page{min-height:100%}.projects-page__header{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;display:flex}.projects-page__title{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1}.projects-page__description{color:#94a3b8;max-width:38rem;margin:.9rem 0 0;line-height:1.6}.projects-page__notice{color:#64748b;max-width:38rem;margin:.65rem 0 0;font-size:.8rem;line-height:1.5}.projects-page__actions{align-items:flex-end;gap:.75rem;display:flex}.project-list__empty{text-align:center;background:#0f172a73;border:1px dashed #94a3b833;border-radius:1.2rem;padding:2rem}.project-list__empty h3{color:#e2e8f0;margin:0;font-size:1rem}.project-list__empty p{color:#64748b;margin:.5rem 0 0;font-size:.85rem}.flowdeck__assistant{flex-direction:column;height:100%;padding:1.25rem;display:flex;overflow:hidden}.assistant-panel__header{flex-shrink:0;margin-bottom:1rem}.assistant-panel__title{margin:0;font-size:1.15rem}.assistant-panel__subtitle{color:#94a3b8;margin:.35rem 0 0;font-size:.9rem;line-height:1.5}.assistant-panel__clear{color:#64748b;text-underline-offset:.25rem;background:0 0;border:0;width:fit-content;margin-top:.85rem;padding:.15rem 0;font-size:.75rem;font-weight:600;-webkit-text-decoration:underline #64748b59;text-decoration:underline #64748b59}.assistant-panel__clear:hover{color:#cbd5e1;text-decoration-color:#cbd5e1a6}.assistant-panel__clear:disabled{cursor:not-allowed;opacity:.55}.assistant-panel__messages{flex:1;align-content:start;gap:.75rem;min-height:0;margin:1rem 0;padding-right:.25rem;display:grid;overflow-y:auto}.chat-message{word-break:break-word;border-radius:1rem;max-width:90%;padding:.75rem .85rem;font-size:.9rem;line-height:1.45}.chat-message--bot{color:#e2e8f0;background:#1e293be6;justify-self:start}.chat-message--user{color:#fff;background:linear-gradient(135deg,#6366f1,#14b8a6);justify-self:end}.chat-message--loading{color:#94a3b8;font-style:italic}.assistant-panel__form{flex-shrink:0;gap:.6rem;display:flex}.assistant-panel__input{color:#f8fafc;background:#0f172adb;border:1px solid #94a3b82e;border-radius:999px;outline:none;flex:1;min-width:0;padding:.85rem 1rem}.assistant-panel__input::placeholder{color:#64748b}.assistant-panel__input:focus{border-color:#38bdf8b8;box-shadow:0 0 0 4px #38bdf81f}.assistant-panel__input:disabled{cursor:not-allowed;opacity:.65}.assistant-panel__send{color:#fff;background:#6366f1;border:0;border-radius:999px;padding:.85rem 1rem}.assistant-panel__send:disabled{cursor:not-allowed;opacity:.65}.assistant-panel__hint{color:#cbd5e1;background:linear-gradient(135deg,#6366f11c,#14b8a612);border:1px solid #6366f12e;border-radius:1rem;margin-top:.9rem;padding:.8rem .9rem;font-size:.8rem;line-height:1.5}.assistant-panel__quick-actions{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.assistant-panel__quick-action{color:#cbd5e1;background:#0f172ab8;border:1px solid #94a3b82e;border-radius:999px;padding:.35rem .6rem;font-size:.72rem;font-weight:600;line-height:1;transition:border-color .2s,background .2s,color .2s,transform .2s}.assistant-panel__quick-action:hover{color:#fff;background:#6366f129;border-color:#6366f1b3;transform:translateY(-1px)}.assistant-panel__quick-action:disabled{cursor:not-allowed;opacity:.65;transform:none}.flowdeck__main,.assistant-panel__messages{scrollbar-width:thin;scrollbar-color:#6366f18c #0f172a73}.flowdeck__main::-webkit-scrollbar{width:.55rem}.assistant-panel__messages::-webkit-scrollbar{width:.55rem}.flowdeck__main::-webkit-scrollbar-track{background:#0f172a73;border-radius:999px}.assistant-panel__messages::-webkit-scrollbar-track{background:#0f172a73;border-radius:999px}.flowdeck__main::-webkit-scrollbar-thumb{background:linear-gradient(#6366f1,#14b8a6);border:2px solid #0f172a73;border-radius:999px}.assistant-panel__messages::-webkit-scrollbar-thumb{background:linear-gradient(#6366f1,#14b8a6);border:2px solid #0f172a73;border-radius:999px}.flowdeck__main::-webkit-scrollbar-thumb:hover{background:linear-gradient(#818cf8,#2dd4bf)}.assistant-panel__messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(#818cf8,#2dd4bf)}@media (width<=1180px){body{overflow:auto}.flowdeck{grid-template-columns:220px minmax(0,1fr);height:auto;min-height:100vh;overflow:visible}.flowdeck__assistant{grid-column:1/-1;min-height:32rem}}@media (width<=860px){.flowdeck{grid-template-columns:1fr;padding:.85rem}.flowdeck__demo-limit{justify-content:flex-start}.flowdeck__toolbar{flex-direction:column;align-items:stretch}.flowdeck__section-title{align-items:center;gap:.5rem;display:flex}.flowdeck__section-count{margin-left:0}.flowdeck__filters{justify-content:flex-start;width:100%}.flowdeck__stats,.project-grid{grid-template-columns:1fr}.flowdeck__primary-button{width:100%}.project-form{padding:1rem}.project-form__header{flex-direction:column;align-items:flex-start}.project-form__grid{grid-template-columns:1fr}.project-form__actions{flex-direction:column-reverse;align-items:stretch}.project-form__secondary,.project-form__primary{width:100%}}@media (width<=1100px){.flowdeck__header,.projects-page__header{flex-direction:column;align-items:stretch;gap:1.5rem}.flowdeck__header-actions,.projects-page__actions{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.flowdeck__demo-limit{flex-shrink:0}.flowdeck__primary-button{width:auto;min-width:10rem;min-height:3rem;padding:.75rem 1.25rem}}@media (width<=600px){.flowdeck__header-actions,.projects-page__actions{flex-direction:column;align-items:stretch}.flowdeck__demo-limit{justify-content:flex-start}.flowdeck__primary-button{width:100%;min-width:0}.flowdeck__title{font-size:clamp(2.5rem,15vw,4rem)}.flowdeck__subtitle{font-size:1rem;line-height:1.6}}