@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap";:root{--navy:#031a46;--navy-deep:#020d25;--brand-blue:#00194b;--blue:#0c4d9a;--gold:#dda63e;--gold-light:#f0c66c;--ink:#071734;--white:#f8fbff;--mist:#eaf0f5;--line:#08264e26;--success:#2ed08f;--warning:#dda63e;--danger:#f05d5e;--info:#0c4d9a;--glass:#f8fbff13;--glass-strong:#f8fbff1f;--glass-border:#ffffff1f;--shadow:0 24px 70px #00194b1f;color:var(--white);background:var(--navy-deep);font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--navy-deep);letter-spacing:0;margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{background:radial-gradient(circle at 74% 0,#0c4d9a42,transparent 32%),radial-gradient(circle at 12% 18%,#dda63e24,transparent 26%),var(--navy-deep);min-height:100vh;color:var(--white);grid-template-columns:292px 1fr;transition:background .3s,color .3s;display:grid}.shell.light{background:radial-gradient(circle at 75% 0,#0c4d9a21,transparent 34%),var(--mist);color:var(--ink)}h1,h2,h3,.brand strong,.metric strong{letter-spacing:0;font-family:Manrope,Arial,sans-serif}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--blue);margin-bottom:8px;font-size:12px;font-weight:700;display:inline-block}.sidebar{border-right:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#031a46d1,#020d25e6);flex-direction:column;gap:24px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.light .sidebar{border-color:var(--line);color:var(--ink);background:#f8fbffd1}.brand{border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;padding-bottom:14px;display:flex}.light .brand{border-color:var(--line)}.brand small,.profile small{color:#f8fbff9e;margin-top:4px;display:block}.light .brand small,.light .profile small{color:#0717349e}.sidebar nav{gap:8px;display:grid}.sidebar nav button,.theme-toggle{color:#f8fbffc7;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;padding:12px;transition:transform .2s,background .2s,color .2s;display:flex;position:relative;overflow:hidden}.light .sidebar nav button,.light .theme-toggle{color:#071734bf}.sidebar nav button:after{content:"";background:linear-gradient(90deg,var(--gold),var(--gold-light));transform-origin:0;height:2px;transition:transform .25s;position:absolute;bottom:7px;left:12px;right:12px;transform:scaleX(0)}.sidebar nav button:hover:after,.sidebar nav button.active:after{transform:scaleX(1)}.sidebar nav button.active,.sidebar nav button:hover,.theme-toggle:hover{background:var(--glass-strong);color:var(--white);transform:translateY(-1px)}.light .sidebar nav button.active,.light .sidebar nav button:hover,.light .theme-toggle:hover{color:var(--ink);background:#031a460f}.theme-toggle{border:1px solid var(--glass-border);justify-content:center}.light .theme-toggle{border-color:var(--line)}.profile{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:20px;align-items:center;gap:10px;margin-top:auto;padding:14px;display:flex}.light .profile{background:var(--white);border-color:var(--line)}.workspace{padding:30px;overflow:auto}.page-enter{animation:.32s both pageIn}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.topbar h1{margin:0;font-size:34px}.topbar p{color:#f8fbffa8;margin:6px 0 0}.light .topbar p{color:#071734a3}.filters{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;align-items:center;gap:10px;min-height:48px;padding:0 14px;display:flex}.light .filters{background:var(--white);border-color:var(--line)}.filters input,.filters select,.composer input{color:inherit;background:0 0;border:0;outline:0;min-width:120px}.filters select option{color:var(--ink)}.grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;display:grid}.metric,.panel,.project,.lane,.task{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;transition:transform .22s,border-color .22s,box-shadow .22s}.light .metric,.light .panel,.light .project,.light .lane,.light .task{border-color:var(--line);background:#f8fbffe6}.metric:hover,.panel:hover,.project:hover,.task:hover{border-color:#f0c66c80;transform:translateY(-4px);box-shadow:0 28px 78px #00194b2e}.metric{gap:10px;padding:18px;display:grid}.metric svg{color:var(--gold)}.metric span{color:#f8fbffa8}.light .metric span{color:#0717349e}.metric strong{font-size:31px;animation:.62s both countPop}.panel,.project{padding:20px}.wide{grid-column:span 3}.panel h2,.lane h2,.project h2{margin:0 0 16px;font-size:19px}.signal{border-left:4px solid var(--blue);background:#0c4d9a24;border-radius:14px;margin:10px 0;padding:12px}.signal.danger{border-color:var(--danger);background:#f05d5e1f}.cards{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;display:grid}.project p{color:#f8fbffa6}.light .project p{color:#071734a3}.project footer{color:#f8fbffa8;justify-content:space-between;margin-top:16px;display:flex}.light .project footer{color:#071734a6}.pill,.priority{color:var(--white);background:#0c4d9a2e;border:1px solid #ffffff1f;border-radius:999px;padding:5px 9px;font-size:12px}.light .pill,.light .priority{color:var(--ink);border-color:var(--line)}.green{color:var(--success);background:#2ed08f29}.red,.priority.critical{color:var(--danger);background:#f05d5e29}.priority.high{color:var(--gold-light);background:#dda63e2e}.priority.medium{color:#8fc2ff;background:#0c4d9a2e}.board{grid-template-columns:repeat(5,minmax(220px,1fr));align-items:start;gap:14px;display:grid}.lane{min-height:560px;padding:14px}.task{border-radius:20px;margin-bottom:12px;padding:14px}.task-head{justify-content:space-between;gap:8px;display:flex}.task p{color:#f8fbff9e}.light .task p{color:#0717349e}.tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tags span{color:#9bc7ff;background:#0c4d9a29;border-radius:8px;padding:4px 7px}.light .tags span{color:var(--blue)}.progress{margin:12px 0}.progress div{color:#f8fbffad;justify-content:space-between;font-size:13px;display:flex}.light .progress div{color:#071734ad}.progress i{background:#ffffff1a;border-radius:999px;height:9px;margin-top:6px;display:block;overflow:hidden}.light .progress i{background:#08264e1f}.progress em{background:linear-gradient(90deg,var(--blue),#093e99);height:100%;animation:.7s both barDraw;display:block}.progress em.ok{background:linear-gradient(90deg,var(--success),var(--gold-light))}.progress em.risk{background:linear-gradient(90deg,var(--danger),var(--gold))}.timeline{border-top:1px solid var(--glass-border);grid-template-columns:120px 1fr auto;align-items:center;gap:16px;padding:16px 0;display:grid}.light .timeline{border-color:var(--line)}.timeline p{color:#f8fbff9e;margin:4px 0}.light .timeline p{color:#0717349e}.composer{border:1px solid var(--glass-border);border-radius:18px;gap:10px;margin-bottom:14px;padding:10px;display:flex}.light .composer{border-color:var(--line)}.composer input{flex:1}.composer button{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--navy-deep);border:0;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;transition:transform .16s;display:flex}.composer button:active,.theme-toggle:active,.sidebar button:active{transform:scale(.98)}table{border-collapse:collapse;width:100%}td,th{border-top:1px solid var(--glass-border);text-align:left;padding:14px}th{color:var(--gold-light);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.light td,.light th{border-color:var(--line)}td small{color:#f8fbff8c;margin-top:3px;display:block}.light td small{color:#0717348c}.message{border-top:1px solid var(--glass-border);padding:14px 0}.light .message{border-color:var(--line)}.message p{color:#f8fbffc7;margin:6px 0}.light .message p{color:#071734c7}.splash{background:radial-gradient(circle at 50% 10%,#0c4d9a61,transparent 36%),var(--navy-deep);min-height:100vh;color:var(--white);place-items:center;padding:24px;display:grid}.splash-card{border:1px solid var(--glass-border);width:min(92vw,680px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fbff14;border-radius:24px;justify-items:center;gap:14px;padding:clamp(28px,5vw,54px);display:grid}.splash h1{text-align:center;margin:0;font-size:clamp(24px,4vw,42px)}.skeleton{background:linear-gradient(90deg,#ffffff14,#f0c66c8c,#ffffff14) 0 0/220% 100%;border-radius:999px;width:min(420px,80vw);height:10px;animation:1.35s linear infinite shimmer}.futurepicx-logo{width:min(100%,560px);height:auto;display:block;overflow:visible}.futurepicx-logo.compact{width:58px;min-width:58px}.symbol-part,.pixel,.growth-arrow,.shine{opacity:0}.futurepicx-logo.is-animating .symbol-part{transform-box:fill-box;transform-origin:50%;animation:.8s cubic-bezier(.2,.8,.2,1) forwards symbolIn}.futurepicx-logo.is-animating .part-1{animation-delay:50ms}.futurepicx-logo.is-animating .part-2{animation-delay:.18s}.futurepicx-logo.is-animating .part-3{animation-delay:.31s}.futurepicx-logo.is-animating .part-4{animation-delay:.44s}.futurepicx-logo.is-animating .pixel{transform-box:fill-box;transform-origin:50%;animation:.48s cubic-bezier(.18,.89,.32,1.28) forwards pixelIn}.futurepicx-logo.is-animating .p1{animation-delay:.65s}.futurepicx-logo.is-animating .p2{animation-delay:.73s}.futurepicx-logo.is-animating .p3{animation-delay:.81s}.futurepicx-logo.is-animating .p4{animation-delay:.89s}.futurepicx-logo.is-animating .p5{animation-delay:.97s}.futurepicx-logo.is-animating .p6{animation-delay:1.05s}.futurepicx-logo.is-animating .p7{animation-delay:1.13s}.futurepicx-logo.is-animating .p8{animation-delay:1.21s}.futurepicx-logo.is-animating .p9{animation-delay:1.29s}.futurepicx-logo.is-animating .growth-arrow{transform-box:fill-box;transform-origin:0 100%;animation:1.05s cubic-bezier(.16,1,.3,1) 1.45s forwards arrowRise,3.4s ease-in-out 2.65s infinite arrowFloat}.futurepicx-logo.compact.is-animating .growth-arrow{animation:1.05s cubic-bezier(.16,1,.3,1) 1.45s forwards arrowRise}.futurepicx-logo.is-animating .shine{animation:1.15s ease-in-out 2.15s forwards shineSweep}@keyframes symbolIn{0%{opacity:0;filter:blur(8px);transform:translateY(130px)scale(.94)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes pixelIn{0%{opacity:0;transform:translate(-80px,70px)scale(.15)rotate(-18deg)}70%{opacity:1;transform:translate(0)scale(1.12)rotate(2deg)}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}@keyframes arrowRise{0%{opacity:0;filter:blur(5px);transform:translate(-110px,150px)scale(.72)}65%{opacity:1;transform:translate(10px,-8px)scale(1.03)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}@keyframes arrowFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-26px)}}@keyframes shineSweep{0%{opacity:0;transform:translate(0)skew(-12deg)}15%{opacity:.9}to{opacity:0;transform:translate(7200px)skew(-12deg)}}@keyframes shimmer{to{background-position:-220% 0}}@keyframes barDraw{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes countPop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1050px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.topbar{flex-direction:column;align-items:flex-start}.grid{grid-template-columns:repeat(2,1fr)}.wide{grid-column:span 2}.board{grid-template-columns:1fr 1fr}.filters{width:100%}}@media (width<=680px){.workspace{padding:16px}.grid,.board{grid-template-columns:1fr}.wide{grid-column:span 1}.timeline{grid-template-columns:1fr}.sidebar{padding:16px}.topbar h1{font-size:28px}.filters{flex-wrap:wrap;height:auto;padding:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.symbol-part,.pixel,.growth-arrow{opacity:1!important;filter:none!important;transform:none!important}.shine{display:none}.metric:hover,.panel:hover,.project:hover,.task:hover{transform:none}}.governance-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px;display:grid}.role-row{border-top:1px solid var(--glass-border);padding:16px 0}.permission-groups{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:12px;display:grid}.permission-groups fieldset{border:1px solid var(--glass-border);border-radius:16px;padding:10px}.permission-groups legend{color:var(--gold-light);text-transform:uppercase;letter-spacing:.1em;padding:0 6px;font-size:12px}.permission-groups label{color:#f8fbffb8;word-break:break-word;align-items:flex-start;gap:8px;margin:7px 0;font-size:12px;display:flex}.light .permission-groups label{color:#071734b8}.permission-groups input{accent-color:var(--gold)}.mini-action{color:var(--gold-light);background:#dda63e1f;border:1px solid #f0c66c8c;border-radius:999px;padding:5px 10px;font-weight:700}.light .mini-action{color:var(--brand-blue)}@media (width<=1050px){.governance-grid{grid-template-columns:1fr}}.login-shell{background:var(--navy-deep);min-height:100vh;color:var(--white);grid-template-columns:1.15fr .85fr;display:grid}.login-brand{background:radial-gradient(circle at 50% 20%,#0c4d9a61,transparent 36%),var(--navy-deep);align-content:center;place-items:center;gap:14px;padding:48px;display:grid;position:relative;overflow:hidden}.login-brand h1{margin:0;font-size:clamp(34px,5vw,62px)}.pixel-field{pointer-events:none;position:absolute;inset:0}.pixel-field i{background:linear-gradient(135deg,var(--gold),var(--gold-light));opacity:.38;border-radius:2px;width:9px;height:9px;animation:3.8s ease-in-out infinite pixelDrift;position:absolute}.login-panel{background:linear-gradient(135deg,#f8fbff14,#f8fbff08);place-items:center;padding:28px;display:grid}.login-card{border:1px solid var(--glass-border);width:min(420px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fbff1a;border-radius:24px;gap:16px;padding:30px;display:grid}.login-card h2{margin:0;font-size:30px}.login-card label,.form-grid label{color:#f8fbffbf;gap:7px;font-size:13px;display:grid}.login-card input,.form-grid input,.form-grid select,.user-filters input,.user-filters select{border:1px solid var(--glass-border);width:100%;color:inherit;background:#f8fbff14;border-radius:14px;outline:0;padding:11px 12px}.login-card input:focus,.form-grid input:focus,.form-grid select:focus{border-color:var(--gold-light);box-shadow:0 0 0 3px #dda63e1f}.remember{grid-template-columns:auto 1fr;align-items:center;display:flex!important}.gold-button{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--navy-deep);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-weight:800;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 14px 34px #dda63e2e}.gold-button:hover{transform:translateY(-2px);box-shadow:0 18px 42px #dda63e47}.link-button,.icon-button{color:var(--gold-light);background:0 0;border:0}.section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.user-directory{overflow:auto}.user-filters{grid-template-columns:1.5fr repeat(4,minmax(130px,1fr));gap:10px;margin-bottom:14px;display:grid}.user-filters label{border:1px solid var(--glass-border);border-radius:14px;align-items:center;gap:8px;padding:0 10px;display:flex}.user-filters label input{background:0 0;border:0;padding:11px 0}.user-table th{cursor:pointer}.user-cell{align-items:center;gap:10px;min-width:220px;display:flex}.avatar{-o-object-fit:cover;object-fit:cover;background:linear-gradient(135deg,var(--blue),var(--gold));width:38px;height:38px;color:var(--white);border-radius:50%;place-items:center;font-weight:800;display:grid;box-shadow:0 10px 24px #0000002e}.role-chip{color:var(--gold-light);background:#dda63e1f;border:1px solid #f0c66c66;border-radius:999px;padding:5px 9px;font-size:12px;display:inline-flex}.status-toggle{border:1px solid var(--glass-border);color:inherit;background:#f8fbff14;border-radius:999px;padding:6px 10px}.status-toggle.active{color:var(--success);background:#2ed08f1f}.status-toggle.inactive{color:var(--gold-light)}.status-toggle.suspended{color:var(--danger);background:#f05d5e1f}.pagination{justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;display:flex}.pagination button{border:1px solid var(--glass-border);color:inherit;background:#f8fbff14;border-radius:10px;padding:7px 10px}.drawer-backdrop{z-index:20;background:#020d2594;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{border-left:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#031a46eb;width:min(460px,94vw);height:100%;padding:24px;overflow:auto;box-shadow:-24px 0 70px #00000038}.form-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}:is(.form-grid label:has(select[multiple]),.form-grid label:has(input[type=file])){grid-column:span 2}.toast{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--navy-deep);box-shadow:var(--shadow);border-radius:14px;padding:13px 16px;font-weight:800;animation:.28s both toastIn;position:fixed;bottom:24px;right:24px}.profile-grid{grid-template-columns:320px 1fr;gap:16px;display:grid}.profile-card{text-align:center}.profile-card .avatar{width:86px;height:86px;margin:0 auto 14px;font-size:26px}.session-row{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}@keyframes toastIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pixelDrift{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-18px)scale(1.2)}}@media (width<=900px){.login-shell,.profile-grid{grid-template-columns:1fr}.user-filters{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}:is(.form-grid label:has(select[multiple]),.form-grid label:has(input[type=file])){grid-column:span 1}}.masters-module{min-height:680px}.master-actions{flex-wrap:wrap;gap:10px;display:flex}.import-label{cursor:pointer;align-items:center;display:inline-flex}.master-layout{grid-template-columns:260px 1fr;gap:16px;display:grid}.master-tabs{align-content:start;gap:8px;display:grid}.master-tabs button{border:1px solid var(--glass-border);color:inherit;text-align:left;background:#f8fbff0f;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.master-tabs button.active,.master-tabs button:hover{background:#dda63e1f;border-color:#f0c66c8c}.master-tabs small{color:var(--gold-light);font-weight:800}.master-table-wrap{overflow:auto}.master-table input{border:1px solid var(--glass-border);width:100%;min-width:100px;color:inherit;background:#f8fbff0f;border-radius:10px;padding:8px}.master-table input:disabled{opacity:.7;border-color:#0000}.sort-buttons{gap:4px;display:flex}.sort-buttons button{border:1px solid var(--glass-border);color:inherit;background:#f8fbff14;border-radius:8px;width:28px;height:28px}.sort-buttons button:disabled{opacity:.35}.color-icon{grid-template-columns:42px 1fr;align-items:center;gap:6px;display:grid}.color-icon input[type=color]{min-width:42px;height:36px;padding:3px}.light .master-tabs button,.light .master-table input,.light .sort-buttons button{border-color:var(--line);background:#031a460a}@media (width<=1050px){.master-layout{grid-template-columns:1fr}.master-tabs{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.project-module{gap:16px;display:grid}.project-index-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.project-card{border:1px solid var(--glass-border);background:var(--glass);box-shadow:var(--shadow);cursor:pointer;border-radius:24px;gap:12px;padding:16px;transition:transform .2s,border-color .2s;display:grid}.project-card:hover{border-color:var(--gold-light);transform:translateY(-4px)}.project-card h3{margin:8px 0 4px}.project-card p{color:#f8fbffa6;margin:0}.progress-ring{border-radius:50%;place-items:center;width:76px;height:76px;display:grid;position:relative}.progress-ring:after{content:"";background:var(--navy-deep);border-radius:50%;position:absolute;inset:9px}.progress-ring span{z-index:1;color:var(--gold-light);font-weight:900;position:relative}.avatar-stack{display:flex}.avatar-stack .avatar{border:2px solid var(--navy-deep);margin-right:-10px}.project-card footer{color:#f8fbffb8;justify-content:space-between;align-items:center;display:flex}.project-home{gap:14px;display:grid}.project-hero{border:1px solid var(--glass-border);background:#f8fbff0f;border-radius:22px;justify-content:space-between;gap:16px;padding:18px;display:flex}.project-hero h2{margin:0}.project-hero p{color:#f8fbffb3;max-width:760px}.project-actions{align-items:flex-start;gap:8px;display:flex}.project-tabs{border-bottom:1px solid var(--glass-border);gap:8px;padding-bottom:8px;display:flex;overflow:auto}.project-tabs button{color:#f8fbffb8;white-space:nowrap;background:0 0;border:0;border-radius:12px;padding:9px 12px}.project-tabs button.active,.project-tabs button:hover{color:var(--gold-light);background:#dda63e24}.project-overview{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;display:grid}.team-builder{grid-column:1/-1}.suggest-row{border-top:1px solid var(--glass-border);grid-template-columns:42px minmax(160px,1fr) minmax(180px,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.empty-tab{text-align:center;color:#f8fbffb8;place-content:center;min-height:220px;display:grid}.light .project-card,.light .project-hero{border-color:var(--line);background:#f8fbffe6}.light .project-card p,.light .project-card footer,.light .project-hero p,.light .empty-tab{color:#071734ad}.light .progress-ring:after{background:var(--white)}.light .project-tabs button{color:#071734b3}@media (width<=900px){.project-overview{grid-template-columns:1fr}.project-hero,.suggest-row{grid-template-columns:1fr;display:grid}.project-actions{flex-wrap:wrap}}.task-module{gap:14px;display:grid}.lane-head{justify-content:space-between;align-items:center;display:flex}.wip-warning{border-color:#f05d5ea6!important}.wip-alert{border-left:3px solid var(--danger);color:var(--danger);background:#f05d5e1f;border-radius:10px;margin-bottom:8px;padding:8px}.quick-add{width:100%;color:var(--gold-light);background:#dda63e14;border:1px dashed #f0c66c73;border-radius:12px;margin-bottom:10px;padding:8px}.task select{border:1px solid var(--glass-border);width:100%;color:inherit;background:#f8fbff14;border-radius:10px;margin-top:10px;padding:8px}.task-meta{color:#f8fbff9e;flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.bulk-bar{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:10px;display:flex}.user-table input{border:1px solid var(--glass-border);color:inherit;background:#f8fbff0f;border-radius:8px;padding:7px}.gantt{gap:10px;display:grid}.gantt-row{border-top:1px solid var(--glass-border);grid-template-columns:90px 1fr;align-items:center;min-height:38px;display:grid;position:relative}.gantt-row i{background:linear-gradient(90deg,var(--blue),var(--gold));color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:8px 12px;font-style:normal;display:block;overflow:hidden}.gantt-row b{color:var(--gold-light);position:absolute;right:12px}.calendar-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.calendar-day{border:1px solid var(--glass-border);background:#f8fbff0f;border-radius:18px;align-content:start;gap:8px;min-height:140px;padding:12px;display:grid}.calendar-day span,.backlog-item{background:#0c4d9a29;border-radius:10px;padding:8px}.sprint-view{gap:12px;display:grid}.backlog-list{gap:8px;display:grid}.backlog-item{justify-content:space-between;align-items:center;display:flex}.task-detail{width:min(560px,96vw)}.task-detail-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.task-detail-grid span{border:1px solid var(--glass-border);color:#f8fbffb8;border-radius:12px;padding:10px}.check-row{border-top:1px solid var(--glass-border);align-items:center;gap:8px;padding:9px 0;display:flex}.attachment-grid{flex-wrap:wrap;gap:8px;display:flex}.attachment-grid span{border:1px solid var(--glass-border);background:#f8fbff0f;border-radius:12px;padding:10px}.light .task-meta,.light .task-detail-grid span{color:#071734ad}.light .calendar-day,.light .attachment-grid span,.light .backlog-item{border-color:var(--line);background:#031a460a}.time-module{grid-template-columns:1fr 1fr;gap:16px;display:grid}.timer-panel h2{color:var(--gold-light);margin:0 0 14px;font-size:42px}.time-controls,.manual-time{grid-template-columns:1fr 1fr auto auto auto;align-items:center;gap:10px;display:grid}.time-controls select,.manual-time input,.manual-time select{border:1px solid var(--glass-border);color:inherit;background:#f8fbff14;border-radius:12px;padding:10px}.wide-sheet{grid-column:1/-1}.timesheet-grid{font-size:13px}.timesheet-grid th,.timesheet-grid td{text-align:center}.timesheet-grid td:first-child,.timesheet-grid th:first-child{text-align:left;min-width:240px}.totals td{color:var(--gold-light);font-weight:900}.under-log{color:var(--danger);background:#f05d5e24}.flags{gap:8px;margin-top:12px;display:grid}.flags span{border:1px solid var(--glass-border);border-radius:12px;padding:10px}.red-flag{color:var(--danger);background:#f05d5e1f}.variance-row{border-top:1px solid var(--glass-border);padding:12px 0}.variance-row small{color:#f8fbff9e;display:block}.light .time-controls select,.light .manual-time input,.light .manual-time select,.light .flags span{border-color:var(--line);background:#031a460a}.light .variance-row small{color:#0717349e}@media (width<=1050px){.time-module,.time-controls,.manual-time{grid-template-columns:1fr}}.milestone-module{gap:22px;display:grid}.roadmap-track{height:150px;margin:20px 26px 8px;position:relative}.roadmap-track:before{content:"";background:linear-gradient(90deg,var(--brand-blue),var(--navy),var(--blue));border-radius:999px;height:8px;position:absolute;top:62px;left:0;right:0;box-shadow:0 0 24px #0c4d9a52}.roadmap-node{color:var(--white);background:0 0;border:0;justify-items:center;gap:5px;min-width:130px;display:grid;position:absolute;top:28px;transform:translate(-50%)}.roadmap-node span{color:var(--gold);text-shadow:0 0 24px #dda63e99;font-size:30px}.roadmap-node.next span{animation:1.6s ease-in-out infinite diamondPulse}.roadmap-node b{color:var(--gold-light);font-size:12px}.roadmap-node small{text-align:center;color:#f8fbffb8;max-width:150px}.milestone-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.milestone-card{border:1px solid var(--glass-border);box-shadow:var(--shadow);cursor:pointer;background:#f8fbff12;border-radius:22px;padding:16px;transition:transform .2s,border-color .2s}.milestone-card:hover{border-color:var(--gold-light);transform:translateY(-3px)}.milestone-card h3{margin:12px 0 4px}.milestone-card p{color:#f8fbffa6}.milestone-card footer{color:#f8fbffa6;justify-content:space-between;font-size:12px;display:flex}.light .roadmap-node{color:var(--ink)}.light .roadmap-node small,.light .milestone-card p,.light .milestone-card footer{color:#071734a6}.light .milestone-card{border-color:var(--line);background:#f8fbffe6}@keyframes diamondPulse{0%,to{filter:drop-shadow(0 0 #dda63e4d);transform:scale(1)}50%{filter:drop-shadow(0 0 18px #dda63ee6);transform:scale(1.18)}}.messaging-layout{grid-template-columns:260px minmax(0,1fr) 320px;gap:16px;display:grid}.conversations{align-content:start;gap:10px;display:grid}.conversations button,.notice-filters button{border:1px solid var(--glass-border);color:inherit;text-align:left;background:#f8fbff0f;border-radius:12px;padding:10px}.conversations button.active,.notice-filters button.active{border-color:var(--gold-light);color:var(--gold-light);background:#dda63e24}.conversations input,.conversations select{border:1px solid var(--glass-border);color:inherit;background:#f8fbff14;border-radius:12px;padding:10px}.unread-badge{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:28px;height:28px;font-weight:900;display:grid}.typing{color:var(--gold-light);font-size:12px}.chat-panel{grid-template-rows:auto 1fr auto;min-height:680px;display:grid}.message-list{align-content:start;gap:12px;padding-right:6px;display:grid;overflow:auto}.chat-message{border-top:1px solid var(--glass-border);grid-template-columns:42px 1fr;gap:12px;padding-top:12px;display:grid}.message-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.message-head button{color:var(--gold-light);background:0 0;border:0;font-size:12px}.mention-chip,.task-link{color:var(--gold-light);background:#dda63e29;border-radius:999px;margin:0 2px;padding:2px 7px;font-weight:800;display:inline-flex}.task-link{color:#9bc7ff;background:#0c4d9a33}.task-preview{border:1px solid var(--glass-border);background:#f8fbff0f;border-radius:12px;align-items:center;gap:10px;margin:8px 0;padding:9px;display:flex}.task-preview b{color:var(--gold-light);margin-left:auto}.reactions{flex-wrap:wrap;gap:6px;display:flex}.reactions button,.reactions span{border:1px solid var(--glass-border);color:inherit;background:#f8fbff0f;border-radius:999px;padding:4px 8px}.rich-composer{position:relative}.mention-picker{z-index:10;border:1px solid var(--glass-border);width:260px;box-shadow:var(--shadow);background:#031a46f5;border-radius:16px;gap:6px;padding:10px;display:grid;position:absolute;bottom:96px;left:300px}.mention-picker button{color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:8px;display:flex}.notification-center{align-content:start;gap:12px;display:grid}.notice-filters{flex-wrap:wrap;gap:6px;display:flex}.notice{border:1px solid var(--glass-border);background:#f8fbff12;border-radius:14px;padding:12px}.notice.read{opacity:.62}.drawer textarea{border:1px solid var(--glass-border);width:100%;min-height:160px;color:inherit;background:#f8fbff14;border-radius:14px;padding:12px}.light .conversations button,.light .notice-filters button,.light .conversations input,.light .conversations select,.light .task-preview,.light .reactions button,.light .reactions span,.light .notice,.light .drawer textarea{border-color:var(--line);background:#031a460a}@media (width<=1100px){.messaging-layout{grid-template-columns:1fr}.chat-panel{min-height:520px}.mention-picker{width:auto;position:static}}.dashboard-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;display:grid}.heat-strip{grid-template-columns:repeat(auto-fit,minmax(34px,1fr));gap:7px;margin:12px 0 18px;display:grid}.heat-strip span{border-radius:999px;height:18px;box-shadow:0 0 18px #dda63e38}.heat-strip .green{background:linear-gradient(90deg,var(--success),var(--gold-light))}.heat-strip .red{background:linear-gradient(90deg,var(--danger),var(--gold))}.workload-heatmap{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;display:grid}.workload-heatmap span{border:1px solid var(--glass-border);border-radius:14px;min-height:64px;padding:10px;display:grid}.workload-heatmap small{color:#f8fbffb3}.reports-module{gap:16px;display:grid}.report-filter{grid-template-columns:2fr repeat(3,1fr);gap:10px;display:grid}.report-filter select{border:1px solid var(--glass-border);color:inherit;background:#f8fbff14;border-radius:14px;padding:10px}.report-grid{grid-template-columns:1.4fr .8fr;gap:16px;display:grid}.light .workload-heatmap span,.light .report-filter select{border-color:var(--line);background:#031a460a}.light .workload-heatmap small{color:#071734a6}@media (width<=1050px){.dashboard-grid{grid-template-columns:1fr 1fr}.report-filter,.report-grid{grid-template-columns:1fr}}@media (width<=680px){.dashboard-grid{grid-template-columns:1fr}}.shell{grid-template-columns:260px minmax(0,1fr)}.shell.collapsed{grid-template-columns:72px minmax(0,1fr)}.rail-toggle{border:1px solid var(--glass-border);color:inherit;background:#f8fbff0f;border-radius:12px;flex:none;place-items:center;width:34px;height:34px;margin-left:auto;display:grid}.shell.collapsed .sidebar{align-items:center;padding:18px 10px}.shell.collapsed .brand{border-bottom:0;justify-content:center;padding-bottom:0}.shell.collapsed .brand div,.shell.collapsed .sidebar nav span,.shell.collapsed .theme-toggle span,.shell.collapsed .profile div{display:none}.shell.collapsed .futurepicx-logo.compact{width:44px;min-width:44px}.shell.collapsed .sidebar nav button,.shell.collapsed .theme-toggle{border-radius:16px;justify-content:center;width:52px;height:52px;padding:0}.sidebar nav button:before{content:"";background:linear-gradient(var(--gold),var(--gold-light));opacity:0;border-radius:999px;width:3px;transition:opacity .2s;position:absolute;top:10px;bottom:10px;left:0}.sidebar nav button.active:before{opacity:1}.sidebar nav button:hover{box-shadow:0 0 28px #dda63e1f}.profile{cursor:pointer}.profile:hover{border-color:#f0c66c8c}.breadcrumbs{color:#f8fbff8a;margin-bottom:7px;font-size:12px;display:block}.light .breadcrumbs{color:#0717348a}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.global-search,.timer-chip,.icon-shell,.avatar-menu{border:1px solid var(--glass-border);color:inherit;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fbff14;border-radius:16px;align-items:center;gap:8px;min-height:44px;padding:0 12px;display:inline-flex}.global-search{justify-content:flex-start;min-width:min(360px,42vw)}.global-search kbd{color:var(--gold-light);border:1px solid #ffffff2e;border-radius:7px;margin-left:auto;padding:2px 6px;font-size:11px}.icon-shell,.avatar-menu{justify-content:center;width:44px;padding:0}.bell{position:relative}.bell b{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:11px;display:grid;position:absolute;top:-7px;right:-5px}.avatar-menu .avatar{width:30px;height:30px;font-size:11px}.light .global-search,.light .timer-chip,.light .icon-shell,.light .avatar-menu{border-color:var(--line);background:#f8fbffdb}.command-backdrop,.confirm-backdrop{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020d2594;place-items:start center;padding-top:9vh;display:grid;position:fixed;inset:0}.command-palette{border:1px solid var(--glass-border);background:#031a46f5;border-radius:24px;width:min(720px,92vw);overflow:hidden;box-shadow:0 28px 90px #00000059}.command-input{border-bottom:1px solid var(--glass-border);grid-template-columns:22px 1fr 36px;align-items:center;gap:10px;padding:14px;display:grid}.command-input input{color:inherit;background:0 0;border:0;outline:0;font-size:17px}.command-input button{color:inherit;background:0 0;border:0;place-items:center;display:grid}.command-results{max-height:420px;padding:10px;display:grid;overflow:auto}.command-results button{color:inherit;text-align:left;background:0 0;border:0;border-radius:14px;gap:4px;padding:12px 14px;display:grid}.command-results button:hover,.command-results button:focus-visible{background:#dda63e21}.command-results span{color:var(--gold-light);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.command-results strong{font-family:Manrope,Arial,sans-serif}.popover{z-index:35;border:1px solid var(--glass-border);width:min(360px,92vw);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#031a46f5;border-radius:22px;padding:16px;position:fixed;top:92px;right:28px}.popover h2{margin:0 0 12px}.avatar-popover{gap:12px;display:grid}.notification-popover{gap:10px;display:grid}.confirm-backdrop{place-items:center;padding:20px}.confirm-modal{border:1px solid var(--glass-border);width:min(420px,92vw);box-shadow:var(--shadow);background:#031a46f5;border-radius:24px;padding:22px}.confirm-modal p{color:#f8fbffb8}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.toast{align-items:center;gap:12px;display:inline-flex}.toast button{color:var(--navy-deep);background:0 0;border:1px solid #020d2538;border-radius:999px;padding:4px 9px;font-weight:900}.empty-state{text-align:center;color:#f8fbffad;align-content:center;place-items:center;gap:8px;min-height:140px;padding:18px;display:grid}.empty-state i{background:linear-gradient(135deg,var(--blue) 0 28%,transparent 28% 40%,var(--gold) 40% 58%,transparent 58% 70%,var(--brand-blue) 70%);border-radius:14px;width:54px;height:54px;box-shadow:0 0 32px #dda63e2e}.empty-state strong{color:var(--white);font-family:Manrope,Arial,sans-serif}.empty-state p{margin:0}.light .empty-state{color:#0717349e}.light .empty-state strong{color:var(--ink)}.bottom-nav{display:none}:focus-visible{outline-offset:3px;outline:3px solid #dda63eb8}button:disabled{cursor:not-allowed;opacity:.5}@media (width<=1050px) and (width>=681px){.shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{align-items:center;height:100vh;padding:18px 10px;position:sticky}.brand{border-bottom:0;justify-content:center}.brand div,.sidebar nav span,.theme-toggle span,.profile div{display:none}.futurepicx-logo.compact{width:44px;min-width:44px}.sidebar nav button,.theme-toggle{justify-content:center;width:52px;height:52px;padding:0}.topbar{flex-direction:column;align-items:flex-start}.top-actions{justify-content:flex-start;width:100%}.global-search{min-width:min(100%,420px)}}@media (width<=680px){.shell{display:block}.sidebar{display:none}.workspace{padding:16px 16px 92px}.topbar{flex-direction:column;align-items:flex-start}.top-actions{justify-content:flex-start;width:100%}.global-search{width:100%;min-width:100%}.timer-chip{flex:1}.board{scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:260px;grid-auto-flow:column;padding-bottom:10px;display:grid;overflow-x:auto}.lane{scroll-snap-align:start;min-height:480px}.bottom-nav{z-index:30;border:1px solid var(--glass-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#031a46f0;border-radius:22px;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px;display:grid;position:fixed;bottom:10px;left:10px;right:10px}.bottom-nav button{color:#f8fbffb8;background:0 0;border:0;border-radius:14px;place-items:center;min-height:52px;font-size:10px;display:grid}.bottom-nav button.active{color:var(--gold-light);background:#dda63e24}.bottom-nav span{display:block}.report-filter,.time-controls,.manual-time,.user-filters{grid-template-columns:1fr}.project-tabs{padding-bottom:12px}.command-backdrop{padding-top:4vh}.popover{top:84px;right:14px}.modal-actions{display:grid}}@media (prefers-reduced-motion:reduce){.command-palette,.confirm-modal{transform:none!important}}