@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.hidden{display:none}}:root{--background:#f7fbff;--surface:#fff;--surface-muted:#eef3f8;--foreground:#162033;--muted:#647083;--line:#637fb42e;--primary:#4f7dff;--primary-strong:#2859e6;--primary-2:#7c6cff;--cyan:#58d5ff;--mint:#29d9ba;--accent:#e4a11b;--danger:#b42318;--success:#087443;--glass:#ffffff94;--glass-strong:#ffffffc7;--glass-border:#ffffffbd;--shadow:0 24px 80px #375bff1f;--gradient:linear-gradient(135deg, #3176ff 0%, #7c6cff 58%, #58d5ff 100%)}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth;min-width:320px;min-height:100%;scroll-padding-top:18px}body{min-height:100vh;color:var(--foreground);background:radial-gradient(circle at 74% 8%, #58d5ff42, transparent 28%), radial-gradient(circle at 18% 24%, #7c6cff29, transparent 30%), radial-gradient(circle at 56% 72%, #29d9ba1f, transparent 32%), linear-gradient(180deg, #fff 0%, #f7fbff 48%, #eef6ff 100%), var(--background);margin:0;font-family:Inter,Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{border:1px solid var(--line);width:100%;min-width:0;color:var(--foreground);background:#ffffffb8;border-radius:12px;outline:none;box-shadow:inset 0 1px 1px #ffffffb8}input,select{min-height:44px;padding:0 12px}textarea{resize:vertical;padding:12px}input:focus,select:focus,textarea:focus{border-color:#4f7dff6b;box-shadow:0 0 0 3px #4f7dff1f}.auth-shell{grid-template-columns:minmax(340px,460px) minmax(0,1fr);min-height:100vh;display:grid}.auth-panel,.auth-aside{flex-direction:column;justify-content:center;padding:clamp(28px,6vw,64px);display:flex}.auth-panel{background:linear-gradient(145deg, #ffffffe6, #ffffff8f), var(--glass);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(24px)saturate(130%);gap:28px}.auth-aside{color:#fff;background:linear-gradient(135deg, #16213ed6, #3176ffc7), radial-gradient(circle at top right, #58d5ff61, transparent 34%), radial-gradient(circle at bottom left, #29d9ba3d, transparent 38%), var(--primary)}.auth-aside h2,.auth-panel h1{letter-spacing:0;max-width:680px;margin:0 0 14px;font-size:clamp(2rem,4vw,4.2rem);line-height:1.02}.auth-aside p{color:#ffffffc7;max-width:600px;line-height:1.8}.eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.76rem;font-weight:850}.auth-aside .eyebrow{color:#c8f4ff}.muted,.empty-state{color:var(--muted);line-height:1.7}.form-stack,.compact-form,.project-planner-form,.form-section,.planner-list,.planner-row{gap:14px;display:grid}.compact-form{gap:12px}.file-upload-field input{cursor:pointer;background:#f4f8ffd6;border-style:dashed;border-color:#4f7dff61;min-height:auto;padding:10px}.file-upload-field small{color:var(--muted);font-weight:650}label{min-width:0;color:var(--foreground);gap:7px;font-size:.92rem;font-weight:750;display:grid}label span{color:#344054}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:12px;display:grid}.form-grid.three{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}.form-section{border:1px solid var(--glass-border);background:linear-gradient(145deg, #ffffffd6, #ffffff75), var(--glass);-webkit-backdrop-filter:blur(22px)saturate(130%);border-radius:16px;padding:16px;box-shadow:0 20px 50px #375bff14;container-type:inline-size}.form-section-title{align-items:flex-start;gap:12px;display:flex}.form-section-title>div{min-width:0}.form-section-title>span{color:#fff;background:var(--gradient);border-radius:10px;flex:none;place-items:center;width:30px;height:30px;font-weight:900;display:grid;box-shadow:0 12px 24px #4f7dff2e}.form-section-title h3{margin:0 0 4px;font-size:1rem}.form-section-title p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.5}.planner-row{border:1px solid var(--line);background:#ffffff9e;border-radius:14px;min-width:0;padding:14px;box-shadow:inset 0 1px 1px #ffffffb3}.planner-row-head,.planner-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.planner-row-head strong,.planner-footer span{color:#344054;font-size:.9rem}.planner-footer{flex-wrap:wrap}.planner-footer .weight-ok{color:var(--success);font-weight:850}.inline-action{white-space:nowrap;justify-self:start;gap:8px;min-height:42px;padding-inline:16px}.form-message{border-radius:12px;margin:0;padding:10px 12px;font-size:.9rem;line-height:1.45}.form-message.error{color:var(--danger);background:#fff1f0}.form-message.success{color:var(--success);background:#ecfdf3}.btn{border:0;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-weight:850;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{cursor:wait;opacity:.72}.btn-primary{color:#fff;background:var(--gradient);box-shadow:0 16px 34px #4f7dff38}.btn-primary:hover{box-shadow:0 20px 42px #4f7dff47}.btn-secondary{color:var(--primary-strong);background:linear-gradient(#fffffff5,#e8f2ffe0),#eef6ff;border:1px solid #4f7dff61;box-shadow:0 10px 24px #4f7dff24,inset 0 1px #ffffffe6}.btn-secondary:hover{background:linear-gradient(#fff,#d8eafff5),#e4f0ff;border-color:#4f7dffa3}.btn-secondary:active{transform:translateY(0);box-shadow:0 6px 16px #4f7dff1f,inset 0 1px 2px #3176ff1f}.btn-danger{color:#fff;background:linear-gradient(135deg,#d92d20,#b42318);box-shadow:0 16px 34px #b4231833}.btn-ghost-strong{color:#344054;background:#ffffffd6;border:1px solid #637fb447;box-shadow:0 10px 24px #1f2c4414}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(10px);background:#1620337a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop.soft{background:#16203347}.alert-modal{border:1px solid var(--glass-border);text-align:center;background:linear-gradient(145deg, #fffffff5, #f6faffdb), var(--glass-strong);border-radius:22px;justify-items:center;gap:14px;width:min(440px,100%);padding:30px;display:grid;position:relative;box-shadow:0 28px 90px #1f2c4438,inset 0 1px #ffffffeb}.alert-modal.compact{width:min(380px,100%)}.alert-modal h2{margin:0;font-size:1.35rem}.alert-modal p{color:var(--muted);margin:0;line-height:1.65}.alert-icon{border-radius:20px;place-items:center;width:58px;height:58px;display:grid}.alert-icon.danger{color:var(--danger);background:#fff1f0eb}.alert-icon.success{color:var(--success);background:#ecfdf3f0}.modal-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.modal-close{color:#344054;background:#ffffffc7;border:1px solid #637fb438;border-radius:12px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:14px;right:14px}.rab-summary-card{background:linear-gradient(145deg, #ffffffe6, #ffffff85), var(--glass);-webkit-backdrop-filter:blur(24px)saturate(130%);border:1px solid #7cddff8f;border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:12px;padding:16px;display:grid;box-shadow:inset 0 0 0 1px #ffffff70,0 0 28px #58d5ff29,0 26px 70px #4f7dff1a}.rab-summary-card div{background:#ffffff80;border:1px solid #ffffffb8;border-radius:14px;gap:6px;min-width:0;padding:14px;display:grid}.rab-summary-card span{color:var(--muted);font-size:.82rem;font-weight:800}.rab-summary-card strong{color:var(--foreground);overflow-wrap:anywhere;font-size:clamp(1.05rem,2vw,1.6rem)}.demo-box{border:1px solid var(--line);background:var(--surface-muted);border-radius:16px;gap:4px;padding:16px;display:grid}.demo-box span,.demo-box small{color:var(--muted)}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s;display:grid}.app-shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.app-sidebar{z-index:60;border-right:1px solid var(--line);background:linear-gradient(145deg, #ffffffe6, #ffffff8a), var(--glass);height:100vh;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(130%);flex-direction:column;gap:26px;padding:22px 18px;display:flex;position:sticky;top:0}.sidebar-head{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.brand{align-items:center;gap:10px;min-width:0;font-weight:900;display:inline-flex}.sidebar-label{white-space:nowrap;overflow:hidden}.brand-mark{color:#fff;background:var(--gradient);text-transform:uppercase;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 16px 34px #4f7dff38}.sidebar-toggle{border-radius:11px;flex:none;width:34px;height:34px}.sidebar-collapsed .app-sidebar{align-items:center;padding-inline:12px}.sidebar-collapsed .sidebar-head,.sidebar-collapsed .brand{justify-content:center}.sidebar-collapsed .sidebar-label,.sidebar-collapsed .sidebar-user{display:none}.sidebar-collapsed .sidebar-toggle{z-index:2;background:#fffffff5;position:absolute;top:78px;right:-17px}.side-nav{gap:8px;width:100%;display:grid}.side-nav a,.side-nav span{color:#344054;border-radius:12px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-weight:750;display:flex;position:relative}.side-nav svg{flex:none}.sidebar-collapsed .side-nav a,.sidebar-collapsed .side-nav span{justify-content:center;width:42px;padding:0;font-size:0}.sidebar-collapsed .side-nav a.active:before{left:-8px}.side-nav a{color:#344054;background:0 0}.side-nav a:hover{color:var(--primary);background:#4f7dff14}.side-nav a.active{color:var(--primary);background:linear-gradient(#ffffffe0,#e2eeffeb),#4f7dff1f;box-shadow:0 12px 28px #4f7dff24,inset 0 1px #ffffffe6}.side-nav a.active:before{content:"";background:var(--gradient);border-radius:999px;width:4px;position:absolute;top:10px;bottom:10px;left:0}.sidebar-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:18px;display:flex}.sidebar-collapsed .sidebar-footer{justify-content:center;width:100%}.sidebar-footer strong,.sidebar-footer span{display:block}.sidebar-footer span{color:var(--muted);font-size:.78rem}.icon-button{width:40px;height:40px;color:var(--foreground);background:#ffffffe0;border:1px solid #4f7dff47;border-radius:12px;place-items:center;display:grid;box-shadow:0 8px 18px #4f7dff1a}.icon-button.compact{width:34px;height:34px}.icon-button.danger{color:var(--danger);background:#fff1f0e6;border-color:#b4231838}.notification-button{color:#2563eb;position:relative}.notification-wrap{position:relative}.notification-button span{color:#fff;background:#ef4444;border:2px solid #fffffff2;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.68rem;font-weight:900;line-height:1;display:grid;position:absolute;top:-7px;right:-7px;box-shadow:0 8px 18px #ef444438}.notification-popover{z-index:100;background:linear-gradient(145deg, #fffffff5, #eff7ffeb), var(--glass);-webkit-backdrop-filter:blur(18px)saturate(130%);border:1px solid #4f7dff38;border-radius:16px;gap:10px;width:min(320px,100vw - 32px);padding:12px;display:grid;position:absolute;bottom:0;left:calc(100% + 12px);box-shadow:0 24px 64px #1f2c442e}.notification-popover-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.notification-popover-head strong,.notification-item strong{color:var(--foreground)}.notification-popover-head span,.notification-item span,.notification-item small,.notification-empty{color:var(--muted);font-size:.78rem}.notification-item{background:#ffffffbd;border:1px solid #4f7dff2e;border-radius:12px;gap:5px;padding:10px;display:grid}.notification-item:hover{background:#e2eeffc2;border-color:#4f7dff6b}.notification-item p,.notification-empty{margin:0;line-height:1.5}.app-content{min-width:0}.page-stack{gap:22px;width:min(1440px,100% - 28px);margin:0 auto;padding:30px 0 54px;display:grid}.page-header,.project-hero,.panel,.metric-panel,.header-stat{border:1px solid var(--glass-border);background:linear-gradient(145deg, #ffffffdb, #ffffff7a), var(--glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(130%);border-radius:18px}.page-header,.project-hero{justify-content:space-between;align-items:stretch;gap:24px;padding:28px;display:flex}.page-header h1,.project-hero h1{letter-spacing:0;margin:0 0 10px;font-size:clamp(2rem,5vw,4.4rem);line-height:1.02}.header-stat{text-align:center;place-items:center;min-width:150px;padding:18px;display:grid}.header-stat strong{font-size:2.4rem}.header-stat span,.metric-panel span,.status-pill{color:var(--muted);font-size:.82rem}.content-grid,.detail-grid{grid-template-columns:minmax(320px,.9fr) minmax(0,1.25fr);align-items:start;gap:18px;display:grid}.project-create-layout{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.planner-panel{overflow:hidden}.project-list-panel .project-list{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.detail-grid{grid-template-columns:minmax(0,1fr) 360px}.detail-main-stack,.detail-side-stack{align-content:start;gap:18px;display:grid}.work-progress-grid{align-items:start}.progress-submit-grid{align-items:stretch}.progress-submit-grid>.panel{height:100%}.panel{padding:22px}.wide-panel{min-width:0}.panel-title{align-items:center;gap:10px;margin-bottom:18px;display:flex}.panel-title.split-title{justify-content:space-between;gap:16px}.panel-title.split-title>div{align-items:center;gap:10px;display:flex}.panel-title svg{color:var(--primary)}.panel-title h2{margin:0;font-size:1.18rem}.project-list,.category-list,.timeline-list{gap:12px;display:grid}.project-card,.category-card,.timeline-card{border:1px solid var(--line);background:#fff;border-radius:16px;gap:14px;padding:16px;display:grid}.project-card-main{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.project-card-main a{min-width:0}.project-card:hover{border-color:#156b7a6b}.project-card h3,.category-card h3,.timeline-card h3{margin:8px 0 4px}.project-card p,.timeline-card p{color:var(--muted);margin:0;line-height:1.6}.project-meta{flex-wrap:wrap;gap:10px;display:flex}.project-meta span{color:var(--muted);align-items:center;gap:6px;font-size:.86rem;display:inline-flex}.status-pill{min-height:28px;color:var(--primary);background:#4f7dff1a;border-radius:999px;align-items:center;padding:0 10px;font-weight:850;display:inline-flex}.hero-stats{grid-template-columns:repeat(3,minmax(96px,1fr));gap:10px;display:grid}.hero-stats span,.metric-panel{align-content:center;gap:6px;min-height:96px;padding:16px;display:grid;position:relative}.metric-panel{cursor:pointer;border-color:#4f7dff4d;transition:border-color .16s,box-shadow .16s,transform .16s;overflow:hidden;box-shadow:0 18px 54px #375bff21,inset 0 1px #ffffffdb}.metric-panel:after{content:"›";width:28px;height:28px;color:var(--metric-color,var(--primary));background:#ffffffb3;border-radius:10px;place-items:center;font-size:1.35rem;font-weight:900;display:grid;position:absolute;top:14px;right:16px;box-shadow:0 8px 20px #1f2c4414}.metric-panel:hover,.metric-panel:focus-visible{border-color:var(--metric-color,var(--primary));box-shadow:0 22px 58px var(--metric-shadow,#4f7dff33), inset 0 1px 0 #fffffff0;transform:translateY(-2px)}.metric-panel:focus-visible{outline:3px solid var(--metric-focus,#4f7dff3d);outline-offset:3px}.metric-panel small{color:var(--metric-color,var(--primary));font-size:.78rem;font-weight:850}.metric-members{--metric-color:#4f7dff;--metric-focus:#4f7dff3d;--metric-shadow:#4f7dff2e}.metric-work{--metric-color:#7c6cff;--metric-focus:#7c6cff3d;--metric-shadow:#7c6cff2e}.metric-stage{--metric-color:#2563eb;--metric-focus:#2563eb38;--metric-shadow:#2563eb29}.metric-progress{--metric-color:#21b7a8;--metric-focus:#21b7a838;--metric-shadow:#21b7a829}.metric-rab{--metric-color:#087443;--metric-focus:#08744333;--metric-shadow:#08744329}.metric-material{--metric-color:#0e7490;--metric-focus:#0e749033;--metric-shadow:#0e749029}.metric-equipment{--metric-color:#b45309;--metric-focus:#b453092e;--metric-shadow:#b4530924}.metric-asset{--metric-color:#7e22ce;--metric-focus:#7e22ce33;--metric-shadow:#7e22ce26}.metric-target{--metric-color:#0f766e;--metric-focus:#0f766e33;--metric-shadow:#0f766e26}.hero-stats span{color:var(--muted);background:#ffffff8a;border:1px solid #ffffffb8;border-radius:16px}.hero-stats strong,.metric-panel strong{color:var(--foreground);font-size:1.6rem}.metric-stage strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em;font-size:1.02rem;line-height:1.25;display:-webkit-box;overflow:hidden}.stage-mini-progress{background:#2563eb1a;border:1px solid #2563eb2e;border-radius:999px;height:7px;overflow:hidden}.stage-mini-progress span{border-radius:inherit;background:linear-gradient(90deg,#4f7dff,#21b7a8);height:100%;display:block}.team-add-form{max-width:100%}.team-media-row{grid-template-columns:minmax(260px,360px) minmax(240px,320px);justify-content:start;align-items:start;gap:12px;display:grid}.team-media-row label{width:100%}.team-project-grid{gap:16px;display:grid}.team-project-card{gap:18px}.team-project-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.team-project-head .panel-title{margin-bottom:6px}.team-project-stats{gap:10px;display:flex}.team-project-stats span{min-width:88px;color:var(--muted);text-align:center;background:#ffffffa3;border:1px solid #4f7dff2e;border-radius:14px;gap:2px;padding:12px;font-size:.82rem;font-weight:800;display:grid}.team-project-stats strong{color:var(--foreground);font-size:1.25rem}.team-member-list{gap:10px;display:grid}.team-member-row{background:#ffffff8a;border:1px solid #4f7dff2e;border-radius:16px;grid-template-columns:minmax(240px,1fr) minmax(320px,.9fr);align-items:center;gap:14px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffffd1}.team-member-main{gap:6px;min-width:0;display:grid}.team-member-main strong,.team-member-main small{overflow-wrap:anywhere;min-width:0}.team-member-main small{color:var(--muted);line-height:1.5}.role-pill{color:#0f766e;background:#21b7a81a;border:1px solid #21b7a83d;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:fit-content;min-height:26px;padding:0 10px;font-size:.76rem;font-weight:900;display:inline-flex}.role-pill.pic{color:#315fe7;background:#4f7dff1f;border-color:#4f7dff47}.team-member-edit{grid-template-columns:repeat(2,minmax(104px,1fr)) auto;align-items:end;gap:10px;display:grid}.team-member-edit .form-message{grid-column:1/-1;margin:0}.team-hero-stats{width:min(420px,100%)}.field-team-grid{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr))}.field-team-card{align-content:start}.team-card-top{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.team-pic-photo,.member-photo{color:var(--primary);background:linear-gradient(145deg,#ffffffe6,#e8f2ffbd),#eef6ff;border:1px solid #4f7dff33;border-radius:18px;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffe0}.team-pic-photo{width:72px;height:72px}.team-pic-photo img,.member-photo img{object-fit:cover;width:100%;height:100%}.member-photo{border-radius:14px;width:52px;height:52px}.team-card-identity{gap:5px;min-width:0;display:grid}.team-card-identity h2{color:var(--foreground);margin:0;font-size:1.25rem}.team-card-identity strong{overflow-wrap:anywhere}.team-card-identity small{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.role-pill.free{color:#087443;background:#15b77c1f;border-color:#15b77c47}.role-pill.inactive{color:#667085;background:#637fb41a;border-color:#637fb438}.team-assignment{color:var(--primary);background:#eff7ffa8;border:1px solid #4f7dff2e;border-radius:16px;align-items:center;gap:12px;padding:13px;display:flex}.team-assignment div{gap:3px;min-width:0;display:grid}.team-assignment span{color:var(--muted);font-size:.78rem;font-weight:850}.team-assignment strong{color:var(--foreground);overflow-wrap:anywhere}.team-details{background:#ffffff7a;border:1px solid #4f7dff2e;border-radius:16px;gap:12px;padding:12px;display:grid}.team-details summary{cursor:pointer;color:var(--primary-strong);font-weight:900}.team-details[open] summary{margin-bottom:12px}.team-inline-form{background:#ffffff8a;border:1px solid #4f7dff24;border-radius:14px;padding:12px}.team-delete-form{justify-items:start;gap:8px;margin-top:10px;display:grid}.team-member-section{gap:14px;padding-top:4px;display:grid}.field-member-row{grid-template-columns:auto minmax(180px,1fr)}.field-member-row .member-details{grid-column:1/-1}.field-member-edit{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}.module-nav{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.module-nav a{border:1px solid var(--line);color:#344054;background:#ffffffad;border-radius:999px;flex:none;padding:9px 12px;font-size:.86rem;font-weight:800;box-shadow:0 12px 30px #4f7dff14}.project-tab-shell{gap:10px;display:grid;position:relative}.project-tab-nav{z-index:20;border:1px solid var(--glass-border);background:linear-gradient(145deg, #ffffffd1, #eff7ffad), var(--glass);-webkit-backdrop-filter:blur(20px)saturate(130%);border-radius:18px;gap:8px;padding:8px;display:flex;position:sticky;top:0;overflow-x:auto;box-shadow:0 18px 54px #375bff1f}.project-tab-nav a{color:#344054;background:#ffffffb8;border:1px solid #4f7dff38;border-radius:999px;flex:none;min-height:34px;padding:8px 12px;font-size:.82rem;font-weight:850}.project-tab-nav a:hover,.project-tab-nav a:focus-visible{color:var(--primary);background:#e2eefff0;border-color:#4f7dff7a}:is(.project-tab-shell:not(:has(.tab-target:target)) .project-tab-nav a[href=\#tab-overview],.project-tab-shell:has(#tab-overview:target) .project-tab-nav a[href=\#tab-overview],.project-tab-shell:has(#tab-rab:target) .project-tab-nav a[href=\#tab-rab],.project-tab-shell:has(#tab-work:target) .project-tab-nav a[href=\#tab-work],.project-tab-shell:has(#tab-report:target) .project-tab-nav a[href=\#tab-report],.project-tab-shell:has(#tab-timeline:target) .project-tab-nav a[href=\#tab-timeline]){color:#fff;background:linear-gradient(135deg,#4f7dff,#21b7a8);border-color:#0000;box-shadow:0 14px 28px #4f7dff38}.tab-target{width:1px;height:1px;position:absolute;top:-74px;overflow:hidden}.project-tab-shell .tab-panel{display:none}:is(.project-tab-shell:not(:has(.tab-target:target)) .tab-overview,.project-tab-shell:has(#tab-overview:target) .tab-overview,.project-tab-shell:has(#tab-rab:target) .tab-rab,.project-tab-shell:has(#tab-work:target) .tab-work,.project-tab-shell:has(#tab-report:target) .tab-report,.project-tab-shell:has(#tab-timeline:target) .tab-timeline){display:grid}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-panel svg{color:var(--metric-color,var(--primary))}.project-progress-panel{min-height:132px;color:var(--foreground);background:linear-gradient(135deg, #ffffffe6, #e8faf7b8), var(--glass);border:1px solid #21b7a842;border-radius:18px;grid-column:1/-1;gap:14px;padding:18px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 58px #21b7a824,inset 0 1px #ffffffeb}.project-progress-panel:after{content:"Lihat roadmap";color:#087443;background:#ffffffb8;border:1px solid #21b7a838;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:850;position:absolute;top:18px;right:18px;box-shadow:0 10px 24px #1f2c4414}.project-progress-panel:hover,.project-progress-panel:focus-visible{border-color:#21b7a8;transform:translateY(-2px);box-shadow:0 24px 64px #21b7a833,inset 0 1px #fffffff5}.project-progress-panel:focus-visible{outline-offset:3px;outline:3px solid #21b7a833}.project-progress-copy{align-items:center;gap:12px;padding-right:132px;display:flex}.project-progress-copy svg{color:#21b7a8;flex:none}.project-progress-copy span,.project-progress-panel small{color:var(--muted);font-size:.84rem;font-weight:750;display:block}.project-progress-copy strong{color:var(--foreground);margin-top:2px;font-size:clamp(1.8rem,4vw,3rem);line-height:1;display:block}.project-overall-progress{background:#21b7a81f;border:1px solid #21b7a838;border-radius:999px;height:18px;overflow:hidden;box-shadow:inset 0 2px 4px #15234614}.project-overall-progress span{border-radius:inherit;background:linear-gradient(90deg,#4f7dff,#21b7a8);height:100%;display:block;box-shadow:0 0 14px #21b7a857}.work-table{gap:8px;display:grid}.work-row{background:#ffffff8f;border-radius:12px;grid-template-columns:80px minmax(0,1fr) minmax(130px,.35fr) 84px;align-items:center;gap:10px;min-height:48px;padding:8px 10px;display:grid;box-shadow:inset 0 1px 1px #ffffffa3}.work-row span{color:var(--muted);font-size:.86rem}.work-row small{color:var(--muted);margin-top:3px;display:block}.work-progress-cell{gap:5px;min-width:120px;display:grid}.work-progress-bar{background:#4f7dff1f;border:1px solid #4f7dff29;border-radius:999px;height:9px;overflow:hidden;box-shadow:inset 0 1px 2px #15234614}.work-progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#4f7dff,#21b7a8);height:100%;display:block;box-shadow:0 0 14px #21b7a859}.work-progress-cell small{margin-top:0;font-size:.78rem;font-weight:850}.progress-input-card{background:#f4f8ffb8;border:1px solid #4f7dff29;border-radius:14px;gap:10px;padding:10px;display:grid}.resource-table{gap:8px;display:grid}.resource-row{border:1px solid var(--line);background:#ffffff94;border-radius:14px;grid-template-columns:minmax(0,1fr) 120px 150px;align-items:center;gap:12px;padding:12px;display:grid;box-shadow:inset 0 1px 1px #ffffffa3}.resource-row.stacked{grid-template-columns:1fr}.resource-row.material-usage-row{grid-template-columns:minmax(180px,1.2fr) repeat(3,minmax(110px,.7fr)) minmax(120px,.8fr)}.resource-row strong,.resource-row span{display:block}.resource-row div span,.resource-row>span{color:var(--muted);font-size:.88rem;line-height:1.5}.resource-row>span:last-child{color:var(--foreground);text-align:right;font-weight:850}.resource-row.stacked>span:last-child{text-align:left}.resource-row small{color:var(--muted);font-size:.82rem}.mini-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.mini-summary-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-summary-grid div{background:#ffffff94;border:1px solid #7cddff6b;border-radius:14px;padding:12px}.mini-summary-grid span,.asset-card span,.asset-card p,.asset-card small{color:var(--muted);font-size:.86rem}.mini-summary-grid strong,.asset-card strong{margin-top:4px;display:block}.usage-form{grid-template-columns:minmax(90px,1fr) auto;align-items:center;gap:8px;display:grid}.usage-form input{min-height:38px;padding:8px 10px}.compact-submit{min-height:38px;padding:8px 12px;font-size:.84rem}.asset-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;display:grid}.asset-card{border:1px solid var(--line);background:#ffffff94;border-radius:14px;padding:14px;box-shadow:inset 0 1px 1px #ffffffa3}.asset-card p{margin:8px 0;line-height:1.5}.asset-card small{color:var(--foreground);font-weight:850;display:block}.field-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field-material-grid h3{margin:0 0 10px;font-size:1rem}.field-list{gap:10px;display:grid}.field-card{border:1px solid var(--line);background:#ffffff9e;border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(170px,auto);align-items:center;gap:12px;padding:12px;display:grid;box-shadow:inset 0 1px 1px #ffffffa3}.field-card.compact{grid-template-columns:1fr}.field-card strong,.field-card span,.field-card small{display:block}.field-card span,.field-card small{color:var(--muted);line-height:1.5}.status-form{grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:8px;display:grid}.status-form select{min-height:38px}.status-form .form-message{grid-column:1/-1}.status-pill.success{color:var(--success);background:#ecfdf3f0}.resource-total{border-top:1px solid var(--line);justify-content:space-between;gap:14px;margin-top:12px;padding-top:14px;display:flex}.resource-total span{color:var(--muted)}.timeline-card span,.timeline-card small{color:var(--muted);font-size:.84rem}.timeline-list.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-photo-grid{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),220px));gap:10px;margin-top:8px;display:grid}.progress-photo-grid a{background:#ffffffc2;border:1px solid #4f7dff38;border-radius:14px;display:block;overflow:hidden;box-shadow:0 10px 24px #1f2c4414}.progress-photo{object-fit:cover;width:100%;height:150px;display:block}.page-stack:has(.project-hero){gap:14px;width:min(1520px,100% - 20px);padding-top:18px}.page-stack:has(.project-hero) .project-hero{align-items:center;min-height:auto;padding:18px 22px}.page-stack:has(.project-hero) .project-hero h1{max-width:760px;margin-bottom:6px;font-size:clamp(1.75rem,3vw,3rem)}.page-stack:has(.project-hero) .hero-stats{grid-template-columns:repeat(4,minmax(74px,1fr))}.page-stack:has(.project-hero) .hero-stats span{min-height:74px;padding:10px}.page-stack:has(.project-hero) .hero-stats strong{font-size:1.35rem}.page-stack:has(.project-hero) .module-nav{gap:6px}.page-stack:has(.project-hero) .module-nav a{padding:7px 10px;font-size:.78rem}.page-stack:has(.project-hero) .summary-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px}.page-stack:has(.project-hero) .project-progress-panel{min-height:116px;padding:16px}.page-stack:has(.project-hero) .project-progress-copy strong{font-size:clamp(1.55rem,3vw,2.45rem)}.page-stack:has(.project-hero) .project-overall-progress{height:16px}.page-stack:has(.project-hero) .metric-panel{border-radius:14px;gap:3px;min-height:84px;padding:12px}.page-stack:has(.project-hero) .metric-panel:after{border-radius:8px;width:22px;height:22px;font-size:1rem;top:10px;right:10px}.page-stack:has(.project-hero) .metric-panel svg{width:17px;height:17px}:is(.page-stack:has(.project-hero) .metric-panel span,.page-stack:has(.project-hero) .metric-panel small){font-size:.74rem}.page-stack:has(.project-hero) .metric-panel strong{font-size:clamp(.95rem,1.3vw,1.25rem)}.page-stack:has(.project-hero) .panel{border-radius:16px;padding:16px}.page-stack:has(.project-hero) .panel-title{margin-bottom:12px}.page-stack:has(.project-hero) .panel-title h2{font-size:1.05rem}.page-stack:has(.project-hero) .detail-grid{grid-template-columns:minmax(0,1fr) 330px;gap:12px}#project-field-material.detail-grid{grid-template-columns:minmax(0,1fr)}#project-field-material .detail-side-stack{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px}#project-field-material .detail-side-stack .panel{align-self:start}.field-material-grid{gap:12px}.field-card,.project-card,.category-card,.timeline-card,.asset-card,.resource-row{border-radius:12px}:is(.page-stack:has(.project-hero) .category-list,.page-stack:has(.project-hero) .timeline-list,.page-stack:has(.project-hero) .resource-table,.page-stack:has(.project-hero) .field-list){gap:8px}:is(.page-stack:has(.project-hero) .category-card,.page-stack:has(.project-hero) .timeline-card,.page-stack:has(.project-hero) .asset-card,.page-stack:has(.project-hero) .field-card,.page-stack:has(.project-hero) .resource-row){padding:10px}:is(.page-stack:has(.project-hero) .category-card h3,.page-stack:has(.project-hero) .timeline-card h3){margin:4px 0;font-size:.95rem}.page-stack:has(.project-hero) .work-row{grid-template-columns:64px minmax(0,1fr) minmax(116px,.35fr) 64px;min-height:40px;padding:6px 8px}.page-stack:has(.project-hero) .resource-row.material-usage-row{grid-template-columns:minmax(150px,1.2fr) repeat(3,minmax(86px,.65fr)) minmax(96px,.7fr) minmax(170px,.9fr);gap:8px}.page-stack:has(.project-hero) .usage-form{grid-template-columns:minmax(72px,.7fr) auto}.page-stack:has(.project-hero) .mini-summary-grid{gap:8px;margin-bottom:10px}.page-stack:has(.project-hero) .mini-summary-grid div{border-radius:12px;padding:9px}.page-stack:has(.project-hero) .compact-form{gap:9px}.page-stack:has(.project-hero) label{gap:5px;font-size:.82rem}:is(.page-stack:has(.project-hero) input,.page-stack:has(.project-hero) select){min-height:38px}.page-stack:has(.project-hero) textarea{min-height:86px}@container (max-width:420px){.form-grid,.form-grid.three{grid-template-columns:1fr}.form-section{padding:14px}.planner-row{padding:12px}.planner-footer{flex-direction:column;align-items:stretch}.inline-action{width:100%}.planner-footer span{text-align:center}}@media (max-width:980px){.auth-shell,.app-shell,.app-shell.sidebar-collapsed,.content-grid,.detail-grid,.summary-grid{grid-template-columns:1fr}.auth-aside{display:none}.app-sidebar{align-items:stretch;height:auto;padding:16px;position:static}.sidebar-collapsed .app-sidebar{align-items:stretch;padding:16px}.sidebar-collapsed .sidebar-head{justify-content:space-between}.sidebar-collapsed .sidebar-label,.sidebar-collapsed .sidebar-user{display:block}.sidebar-collapsed .sidebar-toggle{position:static}.side-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.side-nav a,.side-nav span{justify-content:center}.sidebar-collapsed .side-nav a,.sidebar-collapsed .side-nav span{width:auto;padding:0 12px;font-size:.92rem}.sidebar-collapsed .side-nav a.active:before{left:0}.page-header,.project-hero{flex-direction:column}.hero-stats{grid-template-columns:repeat(3,1fr)}.resource-row.material-usage-row,.field-material-grid,.team-member-row,#project-field-material .detail-side-stack,.mini-summary-grid,.mini-summary-grid.two{grid-template-columns:1fr}.team-project-head{display:grid}}@media (max-width:640px){.page-stack{width:min(100% - 20px,1440px);padding-top:20px}.form-grid,.form-grid.three,.team-media-row,.team-member-edit,.timeline-list.compact,.side-nav{grid-template-columns:1fr}.page-header,.project-hero,.panel{padding:18px}.hero-stats,.team-project-stats,.summary-grid{grid-template-columns:1fr}.team-project-stats{display:grid}.project-progress-panel{padding:16px}.project-progress-panel:after{order:3;justify-self:start;position:static}.project-progress-copy{padding-right:0}.work-row{grid-template-columns:1fr;padding:10px}.resource-row{grid-template-columns:1fr}.resource-row>span:last-child{text-align:left}.usage-form,.field-card,.status-form{grid-template-columns:1fr}}