:root{--bg:#080e1b;--panel:#101827;--panel2:#121e30;--line:#223048;--text:#f0f5ff;--muted:#97a8c2;--cyan:#73e7df;--blue:#739dff;--purple:#b39bfb;--green:#69d6b2;--red:#ff9b9b;--amber:#f4ca84;--font:'IBM Plex Sans Arabic',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.8 var(--font);min-height:100vh}body:before{content:'';position:fixed;pointer-events:none;width:600px;height:550px;background:radial-gradient(ellipse,#11314c30,transparent 70%);top:0;right:10%;z-index:-1}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan)}button{border:0;color:inherit}h1,h2,h3,p{margin:0}h1{line-height:1.4;font-size:44px;font-weight:700;letter-spacing:-1.3px}h2{font-size:22px;line-height:1.5}h3{font-size:17px;line-height:1.7}small,.small{font-size:12px}svg{vertical-align:middle}.muted{color:var(--muted)}.cyan{color:var(--cyan)}.num,time{font-family:Inter,var(--font);font-variant-numeric:tabular-nums}.ltr{direction:ltr;unicode-bidi:embed;display:inline-block}.wrap{max-width:1520px;margin:auto}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);background:#0b1220d9;backdrop-filter:blur(18px);position:relative;z-index:5}.brand{display:flex;gap:13px;align-items:center}.brand img{width:47px;height:47px}.brand strong{font-size:18px;display:block}.brand .en{display:block;font:10px Inter;color:#91a5c4;letter-spacing:2px;text-transform:uppercase;margin-top:1px}.top-actions{display:flex;align-items:center;gap:18px}.project-state{display:flex;gap:7px;align-items:center;color:var(--cyan);font-size:12px}.dot{width:6px;height:6px;display:inline-block;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px #73e7df60}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:10px 17px;background:#172338;border:1px solid #304059;font-weight:500;font-size:13px;transition:.2s}.button:hover{border-color:var(--cyan);transform:translateY(-1px);color:var(--text)}.button.primary{background:var(--cyan);color:#09212a;border-color:var(--cyan);font-weight:600}.button.ghost{background:transparent}.button.danger{color:var(--red);border-color:#6c363b;background:#321e2a}.button.sm{padding:5px 11px;font-size:12px}.iconbutton{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--line);background:#152036;border-radius:9px;padding:8px}.layout{display:grid;grid-template-columns:216px minmax(0,1fr)}.sidebar{padding:30px 22px;border-left:1px solid var(--line);min-height:calc(100vh - 90px);position:relative}.side-label{font-size:10px;color:#71829d;letter-spacing:2px;margin:2px 13px 15px}.navlink{display:flex;gap:11px;align-items:center;padding:12px 14px;border-radius:9px;font-size:13px;color:#96a8c3;margin-bottom:7px;border:1px solid transparent}.navlink.active{background:linear-gradient(100deg,#123337,#142b37);color:var(--cyan);border-color:#24474d}.navlink:hover{background:#131f30}.navlink .count{margin-right:auto;background:#24364a;padding:0 6px;font:10px/19px Inter;border-radius:4px;color:#a9bdd8}.side-bottom{margin-top:44px;border-top:1px solid var(--line);padding-top:22px}.side-card{border-radius:12px;padding:15px;border:1px solid #29364b;background:linear-gradient(140deg,#132235,#141a2a)}.side-card h3{font-size:13px;margin-top:11px}.side-card p{font-size:11px;color:var(--muted);margin:5px 0 15px}.side-card a{font-size:11px;color:var(--cyan)}main{padding:28px 38px 50px;min-width:0}.breadcrumb{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;margin-bottom:25px}.breadcrumb span:first-child{display:flex;align-items:center;gap:7px}.hero{position:relative;display:grid;grid-template-columns:1.18fr 1fr;align-items:center;min-height:245px;margin-bottom:27px;border-bottom:1px solid var(--line);padding-bottom:25px;overflow:hidden}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--cyan);letter-spacing:2px;font-family:Inter,var(--font);margin-bottom:13px}.eyebrow:before{content:'';height:1px;width:25px;background:var(--cyan)}.hero h1 em{font-style:normal;color:var(--cyan)}.hero .sub{font-size:17px;margin:10px 0;color:#ced9ea}.hero .desc{font-size:12px;max-width:440px;color:var(--muted);line-height:2}.hero-tags{display:flex;align-items:center;gap:16px;font-size:11px;color:#b3c0d6;margin-top:23px}.hero-tags span{display:flex;align-items:center;gap:7px}.city-art{height:245px;position:relative;direction:ltr;align-self:center}.city-art svg{height:100%;width:100%;filter:drop-shadow(0 0 15px #3acbd21a)}.city-orbit{transform-origin:260px 150px;animation:breathe 7s ease-in-out infinite}.art-note{position:absolute;bottom:14px;left:12px;font:8px Inter;letter-spacing:3px;color:#6d94ad}.demo-banner{background:#132b38;border:1px solid #2a505e;border-radius:9px;padding:9px 14px;color:#b5dbde;margin-bottom:20px;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-banner button{background:none;font-size:11px;color:var(--cyan)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:25px}.timer{padding:19px 21px;background:linear-gradient(140deg,#13203299,#101726);border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden}.timer:after{position:absolute;content:'';height:2px;left:24px;right:24px;top:0;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.75}.timer-head{display:flex;align-items:center;gap:9px;margin-bottom:14px}.timer-icon{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);border-radius:9px;width:34px;height:34px;display:flex;justify-content:center;align-items:center}.timer-head h3{font-size:13px;font-weight:500}.timer-head .tag{margin-right:auto;color:var(--accent);font-size:9px;background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:5px;padding:2px 7px}.timer-date{font-size:11px;color:var(--muted);margin-bottom:13px}.digits{display:flex;direction:ltr;gap:8px;justify-content:center;margin:4px 0 15px}.digit{flex:1;text-align:center;position:relative}.digit:not(:last-child):after{content:':';position:absolute;right:-5px;top:0;color:#455570;font:25px Inter}.digit strong{display:block;font:600 29px/1.3 Inter;letter-spacing:1px}.digit small{color:#8797b0;font-size:9px}.timer-foot{font-size:10px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px}.bar{background:#223049;border-radius:20px;height:5px;overflow:hidden}.bar i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#418fd5,var(--cyan));transition:width .6s}.timer .bar{height:3px;margin-top:10px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:20px}.panel{border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,#111b2be6,#101725);padding:22px;margin-bottom:20px}.panel-head,.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.panel-head h2{font-size:16px}.panel-head p{font-size:11px;color:var(--muted);margin-top:3px}.text-link{background:none;color:var(--cyan);font-size:11px;padding:0}.progress-content{display:flex;align-items:center;gap:25px}.ring{width:136px;height:136px;flex-shrink:0;position:relative;display:grid;place-content:center;direction:ltr;text-align:center}.ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.ring strong{font:600 34px/1.3 Inter}.ring small{font:10px var(--font);color:var(--muted)}.progress-info{flex:1}.progress-info h3{font-size:15px}.progress-info p{font-size:11px;color:var(--muted);margin:4px 0 15px}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-metrics strong{display:block;font:500 20px Inter;margin-bottom:5px}.mini-metrics small{font-size:10px;color:var(--muted)}.mini-metrics>div{border-left:1px solid var(--line)}.mini-metrics>div:last-child{border:0}.legend{display:flex;gap:16px;font-size:10px;color:var(--muted);margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.legend span:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);margin-left:5px}.legend span:nth-child(2):before{background:var(--cyan)}.legend span:nth-child(3):before{background:var(--purple)}.phase-list{display:grid;gap:0}.phase-row{display:grid;grid-template-columns:35px minmax(0,1fr) 55px;gap:13px;padding:15px 0;border-bottom:1px solid #22304888;align-items:center}.phase-row:last-child{border-bottom:0;padding-bottom:0}.phase-number{width:32px;height:32px;border-radius:9px;display:grid;place-content:center;font:11px Inter;background:#1b293e;border:1px solid #2b3a52;color:#a6b6d0}.phase-row:first-child .phase-number{background:#173437;color:var(--cyan);border-color:#285653}.phase-row h3{font-size:12px;font-weight:500}.phase-row p{font-size:10px;color:var(--muted)}.phase-row .bar{margin-top:7px;height:3px}.phase-percent{text-align:left;font:11px Inter;color:var(--muted)}.phase-percent span{display:block;font:9px var(--font);color:#8394b0;margin-top:4px}.empty{padding:28px 16px;text-align:center;border:1px dashed #30425a;border-radius:10px;color:var(--muted);font-size:12px}.empty .empty-icon{width:44px;height:44px;margin:0 auto 10px;display:grid;place-content:center;border-radius:50%;color:var(--cyan);background:#183039}.empty h3{font-size:14px;color:#d5dfef;margin-bottom:4px}.next-delivery{padding:15px;border:1px solid #344057;border-radius:10px;background:#172237;margin-top:15px}.next-delivery h3{font-size:14px;margin:8px 0 4px}.next-delivery p{font-size:11px;color:var(--muted)}.next-delivery .bottom{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding-top:11px;border-top:1px solid #2a3a50}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;border:1px solid #34425a;border-radius:5px;padding:2px 8px;white-space:nowrap;color:#a8b8d0;background:#1b273c}.badge.completed{color:var(--green);background:#122d29;border-color:#275149}.badge.active{color:var(--cyan);background:#13313a;border-color:#24515a}.badge.review{color:var(--purple);background:#25223d;border-color:#453d63}.badge.delayed{color:var(--red);background:#351f2a;border-color:#653444}.badge.postponed{color:var(--amber);background:#31291e;border-color:#5b4b2f}.week-row{display:flex;gap:7px;direction:ltr;margin-top:15px}.week-cell{flex:1;aspect-ratio:1;display:grid;place-content:center;border-radius:7px;background:#172338;border:1px solid #29394f;color:#92a4c0;font:11px Inter}.week-cell:hover{border-color:var(--cyan);color:var(--cyan)}.small-notice{font-size:10px;line-height:1.9;color:var(--muted);margin-top:15px;display:flex;gap:8px}.footnote{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#6d819e;margin-top:25px;padding-top:17px;border-top:1px solid var(--line)}.footnote span{font:9px Inter;letter-spacing:2px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0 25px;gap:15px}.page-heading h1{font-size:30px;letter-spacing:-.5px}.page-heading p{color:var(--muted);font-size:12px;margin-top:6px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.field,input,select,textarea{min-width:0}.filters input{flex:1;min-width:180px}input,select,textarea{background:#0a1322;border:1px solid #304059;color:var(--text);border-radius:8px;padding:10px 12px;width:100%;font-size:13px}input:focus,select:focus,textarea:focus{border-color:var(--cyan)}textarea{min-height:100px;resize:vertical;line-height:1.8}.filters select{width:auto;max-width:100%}.phase-tabs,.admin-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:9px;margin-bottom:19px;scrollbar-width:thin}.phase-tabs button,.admin-tabs button{background:#142035;border:1px solid var(--line);white-space:nowrap;border-radius:8px;padding:8px 13px;color:var(--muted);font-size:12px}.phase-tabs button.active,.admin-tabs button.active{background:#17363b;border-color:#376167;color:var(--cyan)}.tasks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.task-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:#111b2b;transition:.25s;display:flex;flex-direction:column;min-height:222px}.task-card:hover{border-color:#46627e;transform:translateY(-3px)}.task-card .card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.day-label{font-size:11px;color:var(--muted)}.day-label b{font:600 19px Inter;color:var(--text);margin-right:4px}.task-card h3{font-size:14px;flex:1}.task-card .task-date{font-size:10px;color:#92a4be;margin:9px 0 16px}.task-card .percent-row{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-bottom:6px}.task-card .bar{height:4px}.task-card .detail-link{font-size:10px;margin-top:13px;color:var(--cyan);display:flex;justify-content:space-between}.detail-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:20px}.copy-block{white-space:pre-line;color:#b6c5da;font-size:14px;line-height:2}.content-label{font-size:10px;letter-spacing:1px;color:var(--cyan);margin-bottom:12px}.detail-pair{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.detail-pair:last-child{border:0}.detail-pair dt{color:var(--muted)}.detail-pair dd{margin:0}.timeline{border-right:1px solid #3a4a63;margin:8px 5px;padding-right:23px}.timeline-item{padding:0 0 24px;position:relative}.timeline-item:before{content:'';position:absolute;right:-28px;top:8px;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px #142437}.timeline-item time{font-size:10px;color:var(--muted)}.timeline-item h3{font-size:14px;margin:4px 0 8px}.timeline-item p{font-size:12px;white-space:pre-line;color:#b6c5da}.delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.delivery-card{padding:24px;border:1px solid var(--line);background:#111b2b;border-radius:14px}.delivery-card h2{font-size:19px;margin:13px 0 8px}.delivery-card p{font-size:12px;color:var(--muted)}.delivery-top{display:flex;align-items:center;justify-content:space-between}.delivery-no{font:11px Inter;letter-spacing:1px;color:var(--cyan)}.delivery-card .date{margin:18px 0;font-size:11px}.approved{display:flex;gap:7px;font-size:11px;color:var(--green);margin-top:14px}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.media-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#111b2b}.media-card img{width:100%;height:180px;object-fit:cover;display:block;background:#192439}.media-card p{padding:11px;font-size:12px;word-break:break-word}.admin-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;font-size:12px;text-align:right}th{color:var(--muted);font-weight:500;font-size:11px;background:#111d2f}th,td{padding:14px 16px;border-bottom:1px solid var(--line)}td{background:#0e1828}td .actions{display:flex;gap:6px;white-space:nowrap}tr:last-child td{border:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid .wide{grid-column:1/-1}.field label{font-size:12px;color:#c1cee2;margin-bottom:6px;display:block}.field .hint{display:block;color:#8295b2;font-size:10px;margin-top:4px}.check{display:flex!important;align-items:center;gap:9px;background:#121f32;border:1px solid var(--line);border-radius:8px;padding:10px}.check input{width:17px;height:17px;accent-color:var(--cyan)}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:24px}.login-screen{max-width:450px;margin:9vh auto}.login-screen .brand{justify-content:center;margin-bottom:30px}.login-screen h1{font-size:26px;margin-bottom:7px;letter-spacing:0}.login-screen .field{margin:18px 0}.login-screen p{color:var(--muted);font-size:12px}.login-screen .button{width:100%;margin-top:10px}.error{color:var(--red);font-size:12px}.notice{border:1px solid #3a475e;border-radius:9px;background:#152135;padding:13px 16px;color:#c1cee2;font-size:12px;margin:16px 0}.warning{border-color:#655334;background:#2b261d;color:var(--amber)}dialog{width:min(820px,calc(100% - 30px));max-height:88vh;border:1px solid #3b4a64;background:#101a2b;color:var(--text);border-radius:16px;padding:26px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#030814d9;backdrop-filter:blur(6px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.modal-head h2{font-size:20px}.close{font-size:22px;background:#1a2840;border-radius:8px;width:32px;height:32px}.modal-body{max-height:66vh;overflow:auto;padding:4px}#toast{position:fixed;bottom:25px;left:25px;z-index:100;padding:13px 20px;background:#17373a;color:#d6fff5;border:1px solid #3c6a68;border-radius:11px;box-shadow:0 10px 40px #0004;opacity:0;transform:translateY(20px);transition:.2s;pointer-events:none;max-width:calc(100vw - 40px);font-size:13px}#toast.visible{opacity:1;transform:translateY(0)}.initial{max-width:360px;margin:20vh auto;text-align:center;padding:20px}.initial h1{font-size:25px;margin:15px 0}.initial p{color:var(--muted);font-size:13px}.skeleton{height:6px;background:linear-gradient(90deg,#142338,#3a777c,#142338);background-size:200%;border-radius:9px;margin-top:25px;animation:skeleton 1.8s infinite}.fade{animation:fade .45s ease both}.skip{position:absolute;top:-100px;z-index:999;background:var(--cyan);color:#081b23;padding:10px}.skip:focus{top:5px}.mobile-nav{display:none}.report-header{display:none}.update-card{border:1px solid var(--line);background:#111b2b;border-radius:14px;padding:25px;margin-bottom:18px}.update-card h2{font-size:20px;margin:10px 0}.update-card time{font-size:11px;color:var(--muted)}.update-card .copy-block{margin-top:13px}.update-card .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}.status-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.summary-box{padding:20px;border:1px solid var(--line);border-radius:12px;background:#111d2e}.summary-box b{font:600 30px Inter;display:block}.summary-box span{font-size:11px;color:var(--muted)}.subhead{margin:20px 0 12px;font-size:15px}.links-list{display:grid;gap:8px;margin:15px 0}.attachment{font-size:12px;color:var(--cyan);padding:11px;background:#152437;border:1px solid #2b4159;border-radius:8px;display:flex;align-items:center;gap:8px;word-break:break-word}.admin-note{border-top:1px solid var(--line);padding-top:16px;margin-top:16px;font-size:11px;color:var(--muted)}.checkbox-list{display:grid;gap:7px}.checkbox-list .check{font-size:12px}.feedback-form{display:grid;gap:13px}.hidden{display:none!important}.sensitive{word-break:break-all}.report-only{display:none}.count-pill{display:inline-flex;border-radius:20px;padding:2px 9px;background:#1c2d43;font-size:11px;color:var(--cyan)}@keyframes fade{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton{to{background-position:-200%}}@keyframes breathe{50%{opacity:.65;transform:translateY(-4px)}}
@media(min-width:1600px){.topbar{border-left:1px solid var(--line);border-right:1px solid var(--line)}.layout{border-left:1px solid var(--line)}}
@media(max-width:1180px){.layout{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding:24px 12px}main{padding:25px}.topbar{padding:0 26px}.hero h1{font-size:36px}.timer{padding:16px 13px}.timer-head .tag{font-size:8px;padding:2px 4px}.digit strong{font-size:25px}.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr)}.progress-content{gap:16px}.ring{width:110px;height:110px}.ring strong{font-size:29px}.tasks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.layout{grid-template-columns:1fr}.sidebar{display:none}.topbar{height:78px}.hero{grid-template-columns:1.3fr 1fr}.hero h1{font-size:39px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#0c1525f5;backdrop-filter:blur(15px);border-top:1px solid #304059;z-index:10;justify-content:space-around;padding:10px 5px max(10px,env(safe-area-inset-bottom));gap:4px}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:9px}.mobile-nav a.active{color:var(--cyan)}main{padding-bottom:100px}.footnote{padding-bottom:15px}.top-actions{gap:13px}}
@media(max-width:680px){body{font-size:14px}.topbar{padding:0 17px;height:77px}.brand{gap:9px}.brand img{width:39px;height:39px}.brand strong{font-size:14px}.brand .en{font-size:8px;letter-spacing:1.3px}.top-actions .project-state,.top-actions .official{display:none}.top-actions .button{font-size:11px;padding:7px 11px}.top-actions{gap:6px}main{padding:20px 16px 95px}.breadcrumb{font-size:10px;margin-bottom:18px}.breadcrumb .refresh{display:none}.demo-banner{font-size:10px;padding:8px 11px;align-items:flex-start}.demo-banner span{max-width:82%}.hero{display:block;padding:5px 0 23px;min-height:0;margin-bottom:20px}.hero h1{font-size:36px;letter-spacing:-1px}.hero .sub{font-size:14px}.hero .desc{font-size:11px;max-width:90%;position:relative;z-index:1}.hero-tags{gap:13px;font-size:10px;margin-top:20px}.city-art{position:absolute;width:210px;height:170px;left:-60px;bottom:-17px;opacity:.24;z-index:-1}.art-note{display:none}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:12px}.stats-grid{grid-template-columns:1fr;gap:12px}.timer{padding:15px 18px}.timer-head{margin-bottom:6px}.timer-head h3{font-size:14px}.timer-head .tag{font-size:10px;padding:2px 8px}.timer-date{margin-bottom:8px;font-size:11px}.digits{justify-content:space-around;gap:18px;margin:8px 0}.digit{max-width:75px}.digit strong{font-size:29px}.digit small{font-size:10px}.digit:not(:last-child):after{right:-14px}.timer-foot{font-size:10px}.overview-grid,.detail-grid{grid-template-columns:1fr;gap:0}.panel{padding:19px;margin-bottom:16px}.panel-head{margin-bottom:15px}.panel-head h2{font-size:15px}.progress-content{gap:18px}.ring{width:116px;height:116px}.ring strong{font-size:29px}.progress-info h3{font-size:13px}.progress-info p{font-size:10px}.mini-metrics{gap:7px}.mini-metrics strong{font-size:20px}.mini-metrics small{font-size:9px}.legend{font-size:9px;gap:12px}.phase-row{padding:14px 0;gap:10px}.phase-row h3{font-size:13px}.phase-row p{font-size:10px}.phase-number{width:33px;height:33px}.phase-percent{font-size:11px}.phase-percent span{font-size:9px}.footnote{font-size:9px;gap:10px}.footnote span{display:none}.page-heading h1{font-size:25px}.page-heading{align-items:flex-start}.page-heading .button{font-size:11px;padding:7px 11px}.tasks-grid{grid-template-columns:1fr}.task-card{min-height:190px}.task-card h3{font-size:15px}.task-card .card-top{margin-bottom:10px}.filters{gap:8px}.filters select{flex:1;font-size:12px}.filters input{flex-basis:100%}.delivery-grid{grid-template-columns:1fr}.delivery-card{padding:20px}.form-grid{grid-template-columns:1fr;gap:15px}.form-grid .wide{grid-column:auto}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-card img{height:130px}.status-summary{grid-template-columns:repeat(2,1fr);gap:10px}.summary-box{padding:15px}.summary-box b{font-size:25px}.admin-toolbar .button{flex:1}dialog{padding:19px;width:calc(100% - 22px)}.modal-body{max-height:70vh}.login-screen{padding:15px;margin:7vh auto}.login-screen .panel{padding:24px}.empty{padding:24px 14px}.section-head h2{font-size:18px}.hero-tags svg{width:13px}.content-label{font-size:11px}#toast{bottom:85px;left:15px}.top-actions .iconbutton{padding:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{@page{size:A4;margin:15mm}body{background:white;color:#142135;font:12px var(--font)}.topbar,.sidebar,.mobile-nav,.breadcrumb,.demo-banner,.footnote,.filters,.phase-tabs,.admin-tabs,.admin-toolbar,.page-heading .button,.no-print,#toast,dialog,.hero,.stats-grid{display:none!important}.layout{display:block}main{padding:0}.panel,.task-card,.delivery-card,.update-card{background:white;color:#142135;border-color:#ccd4df;box-shadow:none;break-inside:avoid}.panel p,.muted,.copy-block,.task-date,.day-label,.timer-date{color:#44546a!important}.tasks-grid{grid-template-columns:repeat(2,1fr)}.report-header{display:block;margin-bottom:20px;border-bottom:2px solid #245b79;padding-bottom:14px}.report-header h1{font-size:25px}.report-header p{font-size:11px}.report-only{display:block}.bar{background:#ddd}.task-card{min-height:160px}.badge{background:white!important;color:#142135!important;border-color:#aaa}.task-card .detail-link{display:none}.ring strong,.mini-metrics strong{color:#142135}.page-heading h1{color:#142135}.fade{animation:none}}
@media(max-width:680px){.hero .desc{font-size:13px;line-height:1.95;max-width:100%}.hero .sub{font-size:16px}.hero-tags{font-size:11px;gap:11px}.brand strong{font-size:15px}.demo-banner{font-size:11px}.demo-banner button{font-size:11px;white-space:nowrap}.timer-date{font-size:12px}.timer-foot{font-size:11px}.digit small{font-size:11px}.panel-head p{font-size:12px}.progress-info p{font-size:11px}.mini-metrics small{font-size:10px}.legend{font-size:10px}.small-notice{font-size:12px}.phase-row p{font-size:11px}.phase-percent span{font-size:10px}.next-delivery p{font-size:12px}.content-label{font-size:12px}.task-card .task-date,.task-card .detail-link{font-size:12px}.task-card .percent-row{font-size:11px}.mobile-nav a{font-size:11px}.footnote{font-size:10px}.empty{font-size:13px}.copy-block{font-size:14px}.delivery-card p{font-size:13px}.delivery-card .date{font-size:12px}}
/* 1.1.0 — Calm blue, a compact checklist and a mobile-first roadmap. */
:root{--bg:#f4f7fc;--panel:#fff;--panel2:#edf3fb;--line:#dfe7f2;--text:#233854;--muted:#70839c;--cyan:#487fca;--blue:#487fca;--purple:#6987b4;--green:#487fca;--red:#ba5b50;--amber:#9c7443}body{background:var(--bg);color:var(--text)}body:before{display:none}.topbar{background:#ffffffed;backdrop-filter:blur(14px);height:82px;padding:0 34px}.brand .en{color:#7d91ad}.brand img{width:43px;height:43px}.brand strong{font-size:17px}.top-actions .project-state{color:#5f7fa9}.dot{background:#6f9cd6;box-shadow:none}.button{background:#edf3fb;border-color:#d6e2f1;color:#42618b;border-radius:10px}.button:hover{color:#244c82;border-color:#8aaedb;transform:translateY(-1px)}.button.primary{background:#4b7fc2;color:#fff;border-color:#4b7fc2}.button.primary:hover{background:#3b6eb1;color:white}.button.danger{background:#fff0ed;color:#ad5449;border-color:#efd0c9}.iconbutton{background:#eff4fb;border-color:#dbe5f3;color:#4f6f99}.client-simple .layout{display:block}.client-simple .sidebar{display:none}.client-simple main{max-width:1040px;margin:auto;padding:24px 30px 46px}.client-simple .breadcrumb{display:none}.client-simple .footnote{max-width:860px;margin:32px auto 0;color:#7d8ea5}.simple-top-nav{display:flex;align-items:center;justify-content:center;gap:12px;border-bottom:1px solid var(--line);background:#fff;padding:7px 20px}.simple-top-nav .navlink{padding:8px 16px;margin:0;font-size:13px;border-radius:8px;color:#75869d}.simple-top-nav .navlink.active{background:#edf4ff;border-color:transparent;color:#3c70b6}.simple-top-nav .navlink .count{background:#dce9fb;color:#587daa}.simple-top-nav .navlink:hover{background:#f2f6fc}.admin-mode .simple-top-nav{display:none}.navlink:hover{background:#edf4fd}.navlink.active{background:#e9f2ff;border-color:#d2e2f8;color:#4178be}.sidebar{background:#fff}.side-card{background:#f0f5fc;border-color:#d9e5f3}.side-label{color:#92a1b4}.navlink{color:#72859f}.navlink .count{background:#e5effc;color:#507bae}.side-card p,.side-card h3{color:#70839c}.side-card h3{color:#4f6c92}.demo-banner{background:#eef4fd;border:1px solid #d6e4f7;color:#6e88a9;font-size:11px;margin-bottom:23px;border-radius:10px}.demo-banner button{color:#477cc2}.simple-page{max-width:860px;margin:auto}.simple-heading{margin:20px 0 27px}.section-kicker{display:block;color:#7e96b5;font-size:12px;font-weight:500;letter-spacing:0;margin-bottom:7px}.simple-heading h1{font-size:32px;letter-spacing:-.6px;font-weight:600;color:#23446f;line-height:1.6}.simple-heading p{color:#8493a8;font-size:14px;margin-top:5px}.credit-banner{display:flex;align-items:center;gap:15px;border:1px solid #d6e4f8;background:linear-gradient(110deg,#f8fbff,#eaf2fe);padding:21px 25px;border-radius:16px;margin:0 0 21px;box-shadow:0 7px 20px #4b7fc205}.credit-symbol{display:grid;place-content:center;width:49px;height:49px;border-radius:14px;background:#dceafd;color:#537fb9;flex-shrink:0}.credit-copy{display:flex;flex-direction:column;min-width:110px}.credit-copy>span{font-size:12px;color:#6582a8}.credit-copy .money{font:600 30px/1.5 Inter,sans-serif;color:#345f97;text-align:right}.credit-rule{margin-right:auto;text-align:left;display:grid;gap:3px}.credit-rule b{font-size:12px;font-weight:500;color:#57779f}.credit-rule span{font-size:11px;color:#8b9cb4}.simple-progress{border:1px solid #e0e8f3;border-radius:16px;background:#fff;padding:23px 25px;margin-bottom:16px;box-shadow:0 5px 20px #183e6803}.progress-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.progress-title h2{font-size:17px;font-weight:600;color:#365777}.progress-title p{font-size:12px;color:#8a9bb0;margin-top:3px}.progress-title p b{color:#5f7fa7;font-weight:600}.simple-percent{font-size:34px;font-weight:600;color:#5083c6;line-height:1}.simple-percent small{font-size:18px;margin-right:4px;color:#9bb6d8}.simple-progress .bar{height:8px;background:#eaf0f8}.bar i{background:linear-gradient(90deg,#8fb3e4,#4d81c6)}.progress-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9aa9bd;font-size:10px;margin-top:13px}.progress-caption span:first-child{display:flex;align-items:center;gap:5px}.simple-dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.simple-dates>div{background:#fff;border:1px solid #e2e9f4;padding:15px 17px;border-radius:12px}.simple-dates span{display:flex;gap:6px;align-items:center;color:#9aa9bd;font-size:11px}.simple-dates strong{display:block;color:#55769e;font-size:14px;font-weight:500;margin:5px 23px 0 0}.timer-details{margin:13px 0 29px}.timer-details>summary{cursor:pointer;list-style:none;text-align:left;color:#7794b9;font-size:11px;padding:3px}.timer-details>summary::-webkit-details-marker{display:none}.timer-details[open]>summary{margin-bottom:13px}.timer{background:#fff;border-color:#dce7f5}.timer .digit strong{color:#436b9f;font-size:26px}.timer .digit small,.timer-date,.timer-foot{color:#8a9bb2}.timer-head h3{color:#5f7da5}.timer-icon{background:#edf4fe;color:#668bbc}.timer .bar{background:#edf2f8}.timer-head .tag{background:#eef4fc;color:#7796bc}.section-head.simple-section{margin:0 0 16px}.simple-section h2{font-size:20px;font-weight:600;color:#31547f}.simple-section p{font-size:12px;color:#91a0b5;margin-top:3px}.soft-pill{font-size:11px;color:#7294c0;border-radius:20px;background:#e8f0fb;padding:5px 12px;white-space:nowrap}.simple-roadmap{position:relative;display:grid;gap:12px}.roadmap-phase{border:1px solid #dfe8f5;background:#fff;border-radius:14px;overflow:hidden;transition:border-color .2s}.roadmap-phase[open]{border-color:#c7daf4;box-shadow:0 5px 24px #5e8dc208}.roadmap-phase summary{display:flex;align-items:center;gap:15px;cursor:pointer;list-style:none;padding:19px 21px;user-select:none}.roadmap-phase summary::-webkit-details-marker{display:none}.phase-step{width:39px;height:39px;background:#eef4fc;color:#7195c2;border:1px solid #dfeaf9;border-radius:11px;display:grid;place-content:center;font:500 13px Inter;flex-shrink:0}.roadmap-phase[open] .phase-step{background:#e5effd;color:#467fc4;border-color:#cfdef4}.phase-done .phase-step{background:#4c80c2;color:#fff;border-color:#4c80c2}.phase-title{flex:1}.phase-title h3{color:#48668e;font-size:15px;font-weight:500}.phase-title>span{color:#9aaabd;font-size:11px}.phase-toggle{color:#a2b4ce;font-size:24px;transition:transform .2s;line-height:1}.roadmap-phase[open] .phase-toggle{transform:rotate(180deg)}.phase-tasks{border-top:1px solid #eaf0f8;padding:0 21px 0 12px;position:relative}.phase-tasks:before{content:'';position:absolute;right:38px;top:26px;bottom:27px;width:1px;background:#e2eaf5}.simple-task{position:relative;display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid #edf2f8;background:transparent}.simple-task:last-child{border-bottom:0}.completion-mark{width:34px;height:34px;flex-shrink:0;display:grid;place-content:center;border-radius:50%;background:#fff;border:1px solid #d8e3f2;color:#4e82c5;position:relative;z-index:1}.completion-mark>span{width:7px;height:7px;border-radius:50%;background:#cfdbeb}.is-done .completion-mark{background:#eaf2ff;border-color:#c9dcf8;color:#4c80c2}.simple-task-copy{min-width:0;flex:1}.simple-task-copy:hover{color:#477fc7}.task-overline{display:flex;gap:5px;align-items:center;font-size:10px;color:#a1afc1;line-height:1.6;margin-bottom:3px}.task-overline b{font-weight:500}.task-overline i{font-style:normal;color:#bdcada;margin:0 2px}.simple-task h3{font-size:13px;color:#6b7f9b;font-weight:450;line-height:1.8}.is-done h3{color:#5375a1}.done-label{display:inline-block;color:#6b91c0;font-size:10px;margin-top:2px}.late-label{color:#b38352;font-size:10px}.simple-task-end{display:flex;align-items:center;gap:7px}.day-chevron{color:#afc1d9;display:flex;padding:8px}.credit-tag{font:500 10px Inter;color:#a17e51;background:#fbf5ec;border:1px solid #f1e3cd;border-radius:5px;padding:4px 6px;white-space:nowrap}.simple-task-list{border:1px solid #dfe8f4;background:#fff;border-radius:14px;padding:0 20px}.simple-task-list .simple-task{padding:18px 0}.simple-next{display:flex;align-items:center;gap:17px;border:1px solid #dce7f4;background:#fff;border-radius:14px;margin-top:22px;padding:20px 23px}.next-icon{width:45px;height:45px;border-radius:12px;background:#eaf2ff;color:#6f95c7;display:grid;place-content:center}.simple-next>div{flex:1}.simple-next span:not(.next-icon){font-size:10px;color:#91a5bf}.simple-next h3{font-size:15px;color:#54769f;font-weight:500;margin:2px 0}.simple-next p{font-size:11px;color:#9baabd}.simple-next>svg{color:#89a7cc}.simple-update{background:#fff;border:1px solid #e0e9f5;border-radius:14px;padding:22px;margin-top:17px}.simple-update h3{font-size:16px;color:#5275a1}.simple-update p{color:#8a9fb7;font-size:13px;margin:8px 0 14px;white-space:pre-line}.completion-control{width:42px;height:42px;border-radius:10px;background:#fff;border:1.5px solid #c7d8ed;color:#4b7fc2;display:grid;place-content:center;flex-shrink:0;z-index:1;transition:.15s}.completion-control[aria-checked="true"]{background:#4b7fc2;border-color:#4b7fc2;color:#fff}.completion-control:hover{border-color:#487fca;box-shadow:0 0 0 4px #edf4ff}.completion-control:disabled{cursor:wait;opacity:.5}.details-button{width:36px;height:36px;background:transparent;border:1px solid #e0e8f4;border-radius:9px;color:#8ca6c5;display:grid;place-content:center}.details-button:hover{background:#ecf3fc;color:#4b7fc2}.simple-admin-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 13px}.simple-admin-tools p{font-size:12px;color:#7c93af}.admin-task-list{margin-top:15px}.admin-task-list .simple-task h3{font-size:14px}.admin-task-list .task-overline{font-size:11px}#simple-admin-search{background:#fff;border-color:#d9e5f3;padding:12px 15px}.heading-check{color:#4b7fc2;display:inline-block;border-radius:50%;font-size:21px;margin-left:8px}.panel,.task-card,.delivery-card,.update-card{background:#fff;border-color:#dde7f3;box-shadow:none}.panel-head h2,.delivery-card h2,.update-card h2{color:#46678f}.panel .empty,.empty{border-color:#dce7f5;color:#99a9be;background:#f9fbff}.empty h3{color:#7c96b8}.empty .empty-icon{color:#779bcc;background:#ebf3ff}.copy-block{color:#6e839f}.field label{color:#667e9f}input,select,textarea{background:#fff;border-color:#d8e3f1;color:#547195}input::placeholder,textarea::placeholder{color:#b0bed1}.check{background:#f5f8fd;border-color:#e2eaf5;color:#6b83a2}.badge{background:#eff4fc;border-color:#dae5f5;color:#86a0c0}.badge.completed,.badge.active{background:#eaf2ff;border-color:#d3e2f9;color:#5583bd}.badge.review{background:#eff2fc;border-color:#dee4f4;color:#8192b6}.badge.delayed{background:#fcf1e9;border-color:#f1ddc9;color:#b28b5d}.badge.postponed{background:#f6f3ed;border-color:#e9e1d6;color:#a59477}dialog{background:#fff;border-color:#d2e1f4;color:#42628e;box-shadow:0 30px 100px #2b4f7933}dialog::backdrop{background:#243e6659;backdrop-filter:blur(4px)}.close{background:#eef4fc;color:#7d99be}.notice{background:#f0f5fd;border-color:#dbe7f6;color:#7a95b6}.notice.warning{background:#fcf6ec;color:#a5875e;border-color:#efdfc4}.error{color:#b56960}.summary-box{background:#fff;border-color:#dfe7f4}.summary-box b{color:#5d87ba}.admin-tabs button,.phase-tabs button{background:#fff;border-color:#dfe8f4;color:#8b9fb9}.admin-tabs button.active,.phase-tabs button.active{background:#eaf2ff;border-color:#cddef7;color:#5784be}.admin-note{color:#8ca0bb}.table-wrap{border-color:#dce6f4}th{background:#edf3fb;color:#7d96b5}td{background:#fff;color:#728aa8}th,td{border-color:#e4ebf5}.attachment{background:#edf4fe;border-color:#d9e6f7;color:#6b91c2}.detail-pair{border-color:#e6edf6;color:#7891b2}.ring circle:first-child{stroke:#e7eef8}.ring circle:last-child{stroke:#769fd2}.ring strong{color:#5e88bb}.mini-metrics>div{border-color:#e3eaf4}.mini-metrics strong{color:#6d91c1}.progress-info h3{color:#6283ab}.page-heading h1{color:#3c618f}.detail-pair dt{color:#9aacc3}.mobile-nav{background:#fffffff5;border-color:#dce6f4;box-shadow:0 -5px 20px #294a7510}.mobile-nav a{color:#9eb0c6}.mobile-nav a.active{color:#4c7fc0}#toast{background:#4e79ae;color:white;border-color:#7c9dc7}.login-screen .panel{padding:27px}.login-screen h1{color:#496d9a}.initial h1{color:#4b709d}.skeleton{background:linear-gradient(90deg,#e4edf9,#9cb8dc,#e4edf9);background-size:200%}
@media(min-width:951px){.client-simple .mobile-nav{display:none}.client-simple .topbar{max-width:none}.client-simple .top-actions .button{padding:8px 15px;font-size:12px}.client-simple .footnote{padding-top:22px}}
@media(max-width:950px){.simple-top-nav{display:none}.client-simple main{padding:21px 23px 105px}.admin-mode main{padding:23px 23px 105px}.topbar{height:76px}.simple-page{max-width:820px}.credit-rule span{max-width:220px}}
@media(max-width:680px){.topbar{height:74px;padding:0 16px}.brand strong{font-size:14px}.brand img{width:37px;height:37px}.brand .en{font-size:7px;letter-spacing:1.2px}.top-actions .button{font-size:11px;padding:7px 10px}.client-simple main{padding:17px 16px 100px}.admin-mode main{padding:20px 15px 100px}.demo-banner{font-size:10px;line-height:1.9;padding:9px 11px;margin-bottom:22px}.demo-banner span{max-width:none}.demo-banner button{font-size:10px;flex-shrink:0}.simple-heading{margin:7px 0 21px}.simple-heading .section-kicker{font-size:11px;margin-bottom:6px}.simple-heading h1{font-size:25px;letter-spacing:-.5px;line-height:1.7}.simple-heading p{font-size:12px;line-height:1.9;margin-top:3px}.credit-banner{padding:16px 15px;gap:11px;border-radius:13px;margin-bottom:15px;flex-wrap:wrap}.credit-symbol{width:43px;height:43px;border-radius:11px}.credit-copy{min-width:70px}.credit-copy>span{font-size:11px}.credit-copy .money{font-size:27px;line-height:1.4}.credit-rule{margin-right:auto;flex:1;min-width:120px;gap:3px}.credit-rule b{font-size:11px}.credit-rule span{font-size:10px;line-height:1.8;max-width:155px}.simple-progress{padding:18px 17px;border-radius:13px;margin-bottom:12px}.progress-title{margin-bottom:17px}.progress-title h2{font-size:15px}.progress-title p{font-size:11px}.simple-percent{font-size:29px}.simple-percent small{font-size:14px}.simple-progress .bar{height:7px}.progress-caption{font-size:9px;margin-top:12px;gap:5px}.simple-dates{gap:7px;margin-bottom:9px}.simple-dates>div{padding:11px 9px;border-radius:10px}.simple-dates span{font-size:9px;gap:4px}.simple-dates svg{width:13px;height:13px}.simple-dates strong{font-size:12px;margin:4px 17px 0 0}.timer-details{margin:9px 0 23px}.timer-details>summary{font-size:10px;padding:3px}.timer-details .stats-grid{margin-top:13px}.section-head.simple-section{gap:10px;margin-bottom:13px}.simple-section h2{font-size:18px}.simple-section p{font-size:10px;line-height:1.9;margin-top:3px;max-width:255px}.soft-pill{font-size:10px;padding:4px 10px}.simple-roadmap{gap:10px}.roadmap-phase{border-radius:12px}.roadmap-phase summary{padding:15px 13px;gap:11px}.phase-step{width:34px;height:34px;border-radius:10px;font-size:11px}.phase-title h3{font-size:13px;line-height:1.8}.phase-title>span{font-size:10px}.phase-toggle{font-size:22px}.phase-tasks{padding:0 13px 0 10px}.phase-tasks:before{right:28px;top:29px;bottom:30px}.simple-task{padding:15px 0;gap:11px}.completion-mark{width:29px;height:29px}.completion-mark svg{width:18px;height:18px}.task-overline{font-size:10px;margin-bottom:4px}.simple-task h3{font-size:12px;line-height:1.95;font-weight:450}.done-label,.late-label{font-size:10px}.day-chevron{padding:7px 0 7px 4px}.day-chevron svg{width:14px}.simple-task-end{gap:4px}.credit-tag{font-size:9px;padding:4px}.simple-task-list{padding:0 13px;border-radius:12px}.simple-task-list .simple-task{padding:15px 0}.simple-next{padding:17px 14px;gap:12px;margin-top:17px;border-radius:12px}.next-icon{width:38px;height:38px;border-radius:10px}.simple-next h3{font-size:13px}.simple-next span:not(.next-icon){font-size:10px}.simple-next p{font-size:10px}.simple-update{padding:18px 15px;border-radius:12px}.simple-update h3{font-size:14px}.simple-update p{font-size:12px}.simple-admin-tools{align-items:flex-start;gap:10px}.simple-admin-tools p{font-size:11px;line-height:1.9;max-width:240px}.simple-admin-tools .button{white-space:nowrap;font-size:10px;padding:6px 9px}.completion-control{width:40px;height:40px;border-radius:10px}.admin-task-list .simple-task{gap:11px}.admin-task-list .simple-task h3{font-size:12px}.admin-task-list .task-overline{font-size:10px}.details-button{width:31px;height:34px;border-radius:8px}.client-simple .footnote{font-size:10px;margin-top:26px}.mobile-nav{padding:10px 12px max(10px,env(safe-area-inset-bottom))}.mobile-nav a{font-size:10px;gap:4px}.mobile-nav a svg{width:19px;height:19px}.filters input{font-size:12px}.filters select{font-size:11px}.page-heading h1{font-size:24px}.page-heading p{font-size:12px}.panel{padding:18px}.copy-block{font-size:13px}.summary-box{padding:14px}.summary-box span{font-size:10px}.status-summary{gap:9px}.admin-tabs button{font-size:11px;padding:7px 12px}.detail-pair{font-size:12px}.timer{padding:17px}.timer-head h3{font-size:13px}.timer .digit strong{font-size:28px}}
@media print{body{background:white}.simple-top-nav,.timer-details,.simple-admin-tools,.details-button{display:none!important}.credit-banner{background:#f3f7fc!important;border-color:#cad9ec;break-inside:avoid}.credit-copy .money{color:#244c7c}.client-simple main{max-width:none;padding:0}.simple-task{break-inside:avoid}.roadmap-phase{break-inside:auto}.credit-rule{color:#46638a}.panel,.task-card,.delivery-card,.update-card{background:white}}
/* Legible supporting text and a shorter route to the roadmap. */
:root{--muted:#637994}.client-simple main{padding-top:16px}.simple-heading{margin:10px 0 19px}.simple-heading h1{font-size:29px}.simple-heading p{color:#6f839d;font-size:13px}.section-kicker{color:#637d9f}.credit-banner{padding:16px 22px;margin-bottom:16px}.credit-rule b{color:#526f94}.credit-rule span{color:#687f9d;font-size:12px}.credit-copy>span{color:#5d7ba1}.simple-progress{padding:18px 22px}.progress-title{margin-bottom:16px}.progress-title p{color:#6f839d}.progress-caption{color:#71849f;font-size:11px}.simple-dates>div{padding:12px 15px}.simple-dates span{color:#7387a1;font-size:12px}.simple-dates strong{color:#4f729e}.timer-details{margin:9px 0 19px}.timer-details>summary{color:#607fa5;font-size:12px}.simple-section p{color:#7086a3;font-size:12px}.phase-title>span{color:#7186a1;font-size:12px}.phase-title h3{color:#45668f}.task-overline{color:#7489a4;font-size:11px}.simple-task h3{color:#5a7394;font-size:14px}.simple-task-copy .small{font-size:11px}.done-label{color:#4f7db7;font-size:11px}.simple-next span:not(.next-icon),.simple-next p{color:#758ba7}.demo-banner{color:#6c84a4}.brand .en{color:#6e86a5}.simple-top-nav .navlink{color:#6b7f9a}.simple-update p{color:#6c839f}.phase-tasks .simple-task{padding:15px 0}
@media(max-width:680px){.client-simple main{padding-top:14px}.demo-banner{margin-bottom:15px}.simple-heading{margin:5px 0 17px}.simple-heading h1{font-size:24px}.simple-heading p{font-size:12px}.credit-banner{padding:13px 14px;gap:10px}.credit-symbol{width:39px;height:39px}.credit-rule span{font-size:10px;max-width:150px;color:#69809e}.credit-rule b{font-size:11px}.credit-copy .money{font-size:25px}.simple-progress{padding:16px}.progress-title{margin-bottom:14px}.progress-title p{font-size:11px}.progress-caption{font-size:9px;color:#6d829e}.simple-dates>div{padding:10px 8px}.simple-dates span{font-size:10px}.simple-dates strong{font-size:12px}.timer-details{margin:8px 0 17px}.timer-details>summary{font-size:11px}.simple-section p{font-size:11px}.phase-title>span{font-size:11px}.phase-title h3{font-size:14px}.task-overline{font-size:11px}.simple-task h3{font-size:13px}.admin-task-list .simple-task h3{font-size:13px}.admin-task-list .task-overline{font-size:11px}.simple-next span:not(.next-icon),.simple-next p{font-size:11px}}
.completion-control{width:44px;height:44px}.simple-task[hidden]{display:none!important}
/* 1.1.1 — Completed work has a vivid, unmistakable finish. */
.simple-task.is-done{background:linear-gradient(100deg,#f8fffb,#e6fff2);border:1px solid #a6ebc6;border-radius:12px;margin:9px 0;padding:14px 12px;box-shadow:0 3px 16px #22c77b14;gap:13px}.simple-task.is-done+.simple-task{border-top:0}.is-done .completion-mark{background:linear-gradient(140deg,#28d899,#16b97c);border-color:#13ba7b;color:#fff;box-shadow:0 0 0 4px #d9fae9,0 0 15px #24d38b44}.is-done .completion-mark>span{display:none}.is-done h3{color:#187550;font-weight:600}.is-done .task-overline{color:#4d9877}.done-label{display:inline-flex;align-items:center;gap:4px;border:1px solid #9ce5bd;background:#d3fbe5;color:#14764e;border-radius:20px;font-size:11px;padding:1px 9px;margin-top:5px;font-weight:500}.completion-control[aria-checked="true"]{background:linear-gradient(145deg,#23dca0,#10b879);border-color:#0eae72;color:#fff;box-shadow:0 0 0 4px #dafbea,0 0 18px #2bd78f55}.completion-control[aria-checked="true"]:hover{box-shadow:0 0 0 5px #c9f7de,0 0 22px #23ce8844}.roadmap-phase.phase-done{border-color:#7fdfaf;background:#f7fffb;box-shadow:0 0 18px #19bf7314}.phase-done>summary{background:linear-gradient(100deg,#f6fffa,#e2fff0)}.phase-done .phase-step,.roadmap-phase.phase-done[open] .phase-step{background:linear-gradient(140deg,#26d998,#0db975);border-color:#14bc7c;color:#fff;box-shadow:0 0 0 4px #d5fbe7,0 0 14px #27cf8740}.phase-done .phase-title h3{color:#18734f}.phase-done .phase-title>span{color:#419571}.badge.completed{background:#d9ffe9;color:#147449;border-color:#88deae;box-shadow:0 0 10px #39d78a1c}.heading-check{background:#1ac986;color:#fff;border:1px solid #0eb274;width:36px;height:36px;line-height:34px;text-align:center;box-shadow:0 0 0 4px #dcfbed,0 0 16px #2bd38c44}.is-done .day-chevron{color:#59ab83}.simple-task.is-done .details-button{border-color:#a9e7c7;color:#308b61;background:#f4fff9}.simple-task.is-done .details-button:hover{background:#d8f9e8}.simple-task.is-done .completion-mark svg,.completion-control[aria-checked="true"] svg{stroke-width:2.5}.simple-task.is-done .credit-tag{background:#fff5df;color:#a27824;border-color:#efd399}
@media(max-width:680px){.simple-task.is-done{padding:13px 9px;margin:8px 0;border-radius:10px;gap:11px}.is-done .completion-mark{box-shadow:0 0 0 3px #d9fae9,0 0 12px #24d38b44}.done-label{font-size:10px;padding:1px 8px}.completion-control[aria-checked="true"]{box-shadow:0 0 0 3px #dafbea,0 0 14px #2bd78f55}.heading-check{width:31px;height:31px;line-height:29px;font-size:18px}.phase-done .phase-step{box-shadow:0 0 0 3px #d5fbe7,0 0 12px #27cf8740}}
@media print{.simple-task.is-done{box-shadow:none;background:#effbf5!important;border-color:#81cda6}.done-label{background:#e2f4e9!important;color:#185e3e!important}.completion-mark,.phase-step{box-shadow:none!important}}