.project-planning-frame,.project-planning-frame *, .project-planning-dialog,.project-planning-dialog *{box-sizing:border-box;font-family:"Segoe UI",sans-serif}
.project-planning-frame{width:100%;position:relative;flex:none;color:#e6eef3;overflow:hidden;background:radial-gradient(ellipse at 40% 0,#082d3b50,transparent 55%),#001723}
.project-planning-frame .pp-stage{position:relative;width:1280px;height:560px;overflow:hidden;font-size:10px;line-height:1.35;padding:9px 12px 8px;background:linear-gradient(160deg,#001c29a0,transparent 65%)}
#detail .project-planning-reference .pp-title{font-family:"Segoe UI",sans-serif!important;font-size:28px!important;line-height:36px!important;font-weight:650!important;letter-spacing:0!important;text-transform:none!important;margin:0!important;color:#f2f3ed!important;text-shadow:0 1px 2px #0009}
.project-planning-reference button,.project-planning-reference input,.project-planning-reference select{font-family:inherit;color:inherit}
.project-planning-reference button{cursor:pointer}
.project-planning-reference button:focus-visible,.project-planning-reference [tabindex]:focus-visible,.project-planning-reference input:focus-visible{outline:2px solid #ffe1a0;outline-offset:2px}
.project-planning-reference .pp-icon{width:21px;height:21px;flex:none;vertical-align:middle;filter:drop-shadow(0 1px 2px #0007)}
.project-planning-reference .pp-demo{font-size:8px;font-weight:400;color:#a6bcc7;white-space:nowrap;letter-spacing:.1px}
.project-planning-reference .pp-dash-header{height:62px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.project-planning-reference .pp-heading{display:flex;align-items:center;gap:16px;padding:6px 11px;white-space:nowrap}
.project-planning-reference .pp-kpis{display:flex;gap:10px;padding-top:0}
.project-planning-reference .pp-kpi{display:flex;align-items:center;gap:13px;width:164px;height:56px;padding:7px 10px;border:1px solid #28536b;border-radius:6px;text-align:left;background:linear-gradient(110deg,#102d3cbb,#032331aa);box-shadow:inset 0 0 12px #1d638421,0 2px 5px #0004;font-size:9px;font-weight:400;line-height:1.3}
.project-planning-reference .pp-kpi .pp-icon{width:38px;height:38px;padding:7px;border-radius:7px;background:#206aa42b;color:#81caff;box-shadow:inset 0 0 10px #4ba6d828;stroke-width:1.5}
.project-planning-reference .pp-kpi strong{display:block;font-size:21px;font-weight:650;color:#95cdff;line-height:25px}
.project-planning-reference .pp-kpi.green strong,.project-planning-reference .pp-kpi.green .pp-icon{color:#68e7be}
.project-planning-reference .pp-kpi.gold strong,.project-planning-reference .pp-kpi.gold .pp-icon{color:#ffe095}
.project-planning-reference .pp-kpi.red strong,.project-planning-reference .pp-kpi.red .pp-icon{color:#f68f9d}
.project-planning-reference .pp-kpi.gold{border-color:#676044;background:linear-gradient(120deg,#393c32a0,#062532aa)}
.project-planning-reference .pp-kpi.red{border-color:#734852;background:linear-gradient(120deg,#41273277,#08232cbb)}
.project-planning-reference .pp-plan-board{display:grid;grid-template-columns:626px 1fr;height:329px;border:1px solid #2a566a;border-radius:5px;overflow:hidden;background:linear-gradient(130deg,#052634bb,#03202ed0)}
.project-planning-reference .pp-wbs-wrap{overflow:hidden;border-right:1px solid #406271}
.project-planning-reference table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:8px;line-height:1.15;color:#dbe7ed;text-align:left}
.project-planning-reference th{font-weight:400;font-size:7.6px;color:#dceaf0;white-space:nowrap;border-right:1px solid #183e50;padding:4px 5px;background:#08293790}
.project-planning-reference td{padding:2px 5px;border-right:1px solid #123447;border-bottom:1px solid #123447;white-space:nowrap;overflow:hidden;text-overflow:clip}
.project-planning-reference .pp-wbs th{height:35px;padding:3px 5px;font-size:7.6px}
.project-planning-reference .pp-wbs tbody tr{height:19px}
.project-planning-reference .pp-wbs td{height:19px;font-size:8px;padding:1px 5px}
.project-planning-reference .pp-wbs td:first-child{padding-left:10px}
.project-planning-reference .pp-wbs td:nth-child(2){padding-left:3px}
.project-planning-reference .pp-wbs .pp-child td:nth-child(2){padding-left:37px}
.project-planning-reference .pp-wbs .pp-parent td:nth-child(2){font-weight:600}
.project-planning-reference .pp-collapse{display:inline-flex;gap:5px;align-items:center;vertical-align:middle;background:none;border:0;padding:0 4px 0 0;color:#e4e9e8;line-height:16px;font-size:9px}
.project-planning-reference .pp-collapse .pp-icon{width:12px;height:12px;color:#f2d18b;fill:#b7994b88;stroke-width:1.7}
.project-planning-reference .pp-status{display:inline-block;white-space:nowrap;border-radius:3px;padding:2px 5px;font-size:7.1px;line-height:10px;color:#e4f2f1;background:#284754;box-shadow:inset 0 1px 4px #77bfd51a}
.project-planning-reference .pp-status.complete{background:linear-gradient(100deg,#15593f,#1b6650);color:#d9f9e7}
.project-planning-reference .pp-status.progress{background:linear-gradient(100deg,#114c75,#206b97);color:#e1efff}
.project-planning-reference .pp-status.pending{background:linear-gradient(100deg,#743442,#5f303c);color:#ffe1e4}
.project-planning-reference .pp-date-check{font-size:8px;padding:0;border:0;background:none;letter-spacing:0;color:inherit;text-decoration:underline dotted #d8ba7777;text-underline-offset:2px}
.project-planning-reference .pp-gantt-wrap{overflow:hidden}
.project-planning-reference .pp-gantt{display:block;width:100%;height:329px;font-family:"Segoe UI",sans-serif;overflow:hidden}
.project-planning-reference .pp-gantt text{fill:#dceaf1;font-size:8px;font-family:inherit}
.project-planning-reference .pp-gantt .pp-gantt-month{font-size:8px}
.project-planning-reference .pp-gantt .pp-gantt-label{font-size:7.6px}
.project-planning-reference .pp-gantt .pp-legend text{font-size:7.5px}
.project-planning-reference .pp-gantt-bar,.project-planning-reference .pp-gantt g[role=button],.project-planning-reference .pp-baseline-marker{cursor:pointer}
.project-planning-reference .pp-bottom{height:141px;display:grid;grid-template-columns:319px 298px 310px 1fr;gap:10px;margin-top:11px}
.project-planning-reference .pp-card{height:141px;border:1px solid #2b566a;border-radius:6px;background:linear-gradient(150deg,#062b3bbb,#00202bcc);overflow:hidden}
#detail .project-planning-reference .pp-card h3{margin:0;padding:5px 9px;height:29px;display:flex;gap:9px;align-items:center;border-bottom:1px solid #2b566a;font-size:11px;line-height:18px;font-weight:600;color:#f1efe7;letter-spacing:0;text-transform:none}
.project-planning-reference .pp-card h3 .pp-icon{height:17px;width:17px;color:#f0ce79}
.project-planning-reference .pp-bottom th{height:21px;padding:3px 8px;font-size:7.6px}
.project-planning-reference .pp-bottom td{height:17.5px;font-size:7.6px;border-bottom:0;padding:1px 8px;border-right:0}
.project-planning-reference .pp-scope th:nth-child(1){width:40%}
.project-planning-reference .pp-scope th:nth-child(2){width:25%}
.project-planning-reference .pp-scope th:nth-child(3){width:35%}
.project-planning-reference .pp-check{display:flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;font-weight:400}
.project-planning-reference .pp-check input{appearance:auto;accent-color:#54cdb7;width:11px;height:11px;min-width:11px;margin:0;border:1px solid #a7bdc6;padding:0;vertical-align:middle;cursor:pointer}
#detail .project-planning-reference .pp-check{margin:0;padding:0;min-height:0;line-height:12px;font-size:7.6px;letter-spacing:0;color:#dbe7ed}
.project-planning-reference .pp-source-cell{font-size:6.6px!important;color:#8facbd}
.project-planning-reference .pp-deliverables th:first-child{width:13%}
.project-planning-reference .pp-deliverables th:nth-child(2){width:45%}
.project-planning-reference .pp-deliverables th:nth-child(3){width:23%}
.project-planning-reference .pp-deliverables th:last-child{width:28%}
.project-planning-reference .pp-deliverables td:first-child,.project-planning-reference .pp-deliverables td:nth-child(3){text-align:center}
.project-planning-reference .pp-people th:nth-child(1){width:31%}
.project-planning-reference .pp-people th:nth-child(2){width:16%}
.project-planning-reference .pp-people th:nth-child(3){width:31%}
.project-planning-reference .pp-people th:last-child{width:25%;font-size:6.9px}
.project-planning-reference .pp-people td{padding:1px 6px;font-size:7.1px}
.project-planning-reference .pp-people td:last-child{text-align:center}
.project-planning-reference .pp-initial{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border-radius:50%;width:14px;height:14px;font-size:6.1px;margin-right:4px;background:linear-gradient(140deg,#bca7d6,#7752ac);border:.7px solid #adbed1}
.project-planning-reference .pp-initial.p1{background:#4798ac}.project-planning-reference .pp-initial.p2{background:#b75670}.project-planning-reference .pp-initial.p3{background:#319ace}.project-planning-reference .pp-initial.p4{background:#3b9cce}
.project-planning-reference .pp-deps th:nth-child(1){width:32%}.project-planning-reference .pp-deps th:nth-child(2){width:36%}.project-planning-reference .pp-deps th:nth-child(3){width:12%}
.project-planning-reference .pp-deps td,.project-planning-reference .pp-deps th{padding:1px 7px;font-size:7px}
.project-planning-reference .pp-dependency{padding:0;border:0;background:none;position:relative;white-space:nowrap}
.project-planning-reference .pp-dependency small{color:#ffe0a0;font-size:5px;position:absolute;right:-10px;bottom:-2px;background:#153440}
.project-planning-reference .pp-dependency .pp-status{padding:1px 6px}
.project-planning-reference .pp-draft-note{position:absolute;bottom:0;left:18px;max-width:600px;height:10px;font-size:7px;color:#efcf88;pointer-events:none}
.project-planning-reference .pp-empty{height:100px!important;text-align:center;color:#b1c8d4}
.project-planning-reference.pp-story .pp-stage{padding:12px 24px 8px;background:radial-gradient(ellipse at 50% 95%,#08364c66,transparent 60%),#001723}
.project-planning-reference .pp-story-header{height:65px;padding:0 20px}
.project-planning-reference .pp-story-header .pp-demo{display:block;margin:4px 0 0 2px;font-size:9px}
.project-planning-reference .pp-steps{display:grid;grid-template-columns:302px 296px 288px 310px;gap:12px;height:330px}
.project-planning-reference .pp-step{height:330px;position:relative;isolation:isolate;border:1px solid #50839a;border-radius:9px;background:radial-gradient(ellipse at 85% 3%,#1e739344,transparent 35%),linear-gradient(145deg,#062c3d9c,#001b2a);box-shadow:inset 0 0 10px #3890b327,0 3px 10px #0005}
#detail .project-planning-reference .pp-step h3{height:44px;margin:0;padding:7px 10px 6px 13px;display:flex;align-items:center;gap:19px;font-size:15px;line-height:22px;font-weight:650;letter-spacing:0;color:#f8edcf;text-transform:none;text-shadow:0 1px 2px #000}
.project-planning-reference .pp-step-number{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;font-size:21px;font-weight:400;color:#fff5cc;border:1.5px solid #fce4aa;background:radial-gradient(circle at 35% 20%,#b39d69,#665536 70%);box-shadow:0 0 7px #e1b95777,inset 0 0 3px #fff8d2;flex:none}
.project-planning-reference .pp-step-arrow{position:absolute;top:131px;right:-21px;width:34px;height:31px;z-index:20;color:#f3d387;filter:drop-shadow(0 0 5px #e9be6766);pointer-events:none}
.project-planning-reference .pp-step-arrow .pp-icon{width:34px;height:31px;stroke-width:2.1}
.project-planning-reference .pp-document-stack{position:absolute;top:52px;left:25px;width:248px;height:175px}
.project-planning-reference .pp-stack-sheet{position:absolute;inset:-4px 3px 0 -5px;border:1px solid #e3f4eaa0;border-radius:10px;background:linear-gradient(110deg,#ecf8db55,#1d617e88 28%,#042232b0);transform:rotate(1.5deg);box-shadow:inset 3px 0 6px #fff6,0 0 6px #60d7ff44}
.project-planning-reference .pp-stack-sheet.second{inset:0 -5px 0 -1px;transform:rotate(-1deg);border-color:#6bc9ed88}
.project-planning-reference .pp-scope-document{position:absolute;inset:2px 2px 0 6px;padding:10px 12px;border:1px solid #a3dcf2aa;border-radius:7px;background:linear-gradient(120deg,#1c4a5be0,#042434ec 65%);box-shadow:inset 2px 0 7px #f4f9d444,inset -1px 0 7px #7bd6ff66,0 0 5px #72d7fa66}
#detail .project-planning-reference h4{margin:0;font-size:12px;line-height:20px;font-weight:400;letter-spacing:0;color:#edf6f9;text-transform:none}
.project-planning-reference .pp-scope-document h4{padding:0 0 5px;border-bottom:1px solid #6f99a566}
.project-planning-reference .pp-scope-document dl{display:grid;grid-template-columns:90px 1fr;gap:10px 1px;margin:8px 0 0;font-size:8px;line-height:13px}
.project-planning-reference .pp-scope-document dt,.project-planning-reference .pp-scope-document dd{margin:0;white-space:nowrap}
.project-planning-reference .pp-story-outputs{position:absolute;left:99px;top:177px;width:182px;height:136px;border-radius:7px;padding:9px 12px;isolation:isolate}
.project-planning-reference .pp-story-outputs::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:1px solid #9cdbefcc;border-radius:7px;background:linear-gradient(120deg,#2b647bc9,#053040e8 70%);box-shadow:inset 3px 0 8px #cef5f959,inset -2px 0 7px #8addff88,2px 3px 6px #0006,0 7px 9px #5eafd055;transform:skewY(-3deg)}
.project-planning-reference .pp-story-outputs h4{font-size:11px;font-weight:500;line-height:17px;margin-bottom:9px}
.project-planning-reference .pp-story-outputs .pp-check{font-size:8.3px;gap:6px;margin:7px 0}
#detail .project-planning-reference .pp-story-outputs .pp-check{font-size:8.3px;line-height:13px;gap:6px;margin:7px 0}
.project-planning-reference .pp-story-outputs input{width:12px;height:12px;min-width:12px;accent-color:#e8c77a}
.project-planning-reference .pp-file-holder{position:absolute;left:9px;top:197px;width:84px;height:113px;border:2px solid #9bcee2cc;border-radius:12px 24px 10px 9px;background:linear-gradient(120deg,#bad9d056,#07516b88 35%,#012938c4);box-shadow:inset 3px 0 8px #e3fffb88,inset -3px 0 3px #64c5eeaa,0 0 5px #8bc4d988,6px 3px 0 #002c3c;transform:skewY(-6deg);display:flex;align-items:center;justify-content:center}
.project-planning-reference .pp-file-holder .pp-icon{width:49px;height:64px;fill:#bb9852;stroke:#f4d890;stroke-width:1.9;filter:drop-shadow(0 3px 5px #0009)}
.project-planning-reference .pp-glass-reflection{position:absolute;left:20px;right:20px;bottom:6px;height:17px;background:linear-gradient(175deg,transparent,#8bd6df22 50%,transparent);transform:skewX(-15deg);pointer-events:none}
.project-planning-reference .pp-story-root{position:absolute;left:71px;top:47px;width:160px;height:37px;display:flex;align-items:center;gap:8px;padding:5px 9px;border:1px solid #6cacc6aa;border-radius:5px;font-size:9px;color:#eff0df;background:linear-gradient(125deg,#14465a,#062939);box-shadow:inset 0 0 6px #69c6f344,0 2px 6px #0007}
.project-planning-reference .pp-story-root .pp-icon{color:#f3d38f;fill:#c4a253b3;width:20px;height:22px}
.project-planning-reference .pp-story-links{position:absolute;top:48px;left:0;width:296px;height:280px;pointer-events:none;filter:drop-shadow(0 0 2px #b59e5c66)}
.project-planning-reference .pp-story-groups{position:absolute;left:17px;right:13px;top:118px;display:flex;gap:10px}
.project-planning-reference .pp-story-groups button{display:flex;align-items:center;gap:4px;text-align:left;padding:5px 5px;width:80px;height:45px;border:1px solid #71a5bd;border-radius:6px;font-size:8px;background:linear-gradient(145deg,#24566b,#072b3e);box-shadow:inset 0 0 6px #9addf340,0 2px 4px #0006}
.project-planning-reference .pp-story-groups .pp-icon{width:18px;height:22px;color:#e9cf95}
.project-planning-reference .pp-story-groups small{display:block;font-size:7px;margin-top:2px;color:#c6d9df}
.project-planning-reference .pp-story-task-grid{position:absolute;left:17px;right:13px;top:184px;display:grid;grid-template-columns:112px 115px;grid-template-rows:59px 59px;column-gap:37px;row-gap:7px}
.project-planning-reference .pp-story-task{height:59px;text-align:left;padding:5px 7px;border:1px solid #70a3b9;border-radius:7px;font-size:8px;background:linear-gradient(120deg,#15495bb0,#042a3ee6);box-shadow:inset 0 0 7px #3d8da355,0 2px 5px #0006}
.project-planning-reference .pp-story-task.task1{grid-column:1;grid-row:2}.project-planning-reference .pp-story-task.task2{grid-column:2;grid-row:1}.project-planning-reference .pp-story-task.task3{grid-column:2;grid-row:2}
.project-planning-reference .pp-story-task strong{display:block;font-weight:400;white-space:nowrap;font-size:8px;margin-bottom:3px}
.project-planning-reference .pp-story-task>span{display:flex;align-items:center;gap:5px}
.project-planning-reference .pp-avatar{display:inline-block;width:21px;height:26px;flex:none;vertical-align:middle;position:relative;overflow:hidden;border:1px solid #8fc8dd;border-radius:50%;background:#142f3b}
.project-planning-reference .pp-avatar img{position:absolute;display:block;width:500%;max-width:none;height:auto;top:50%;transform:translateY(-50%);object-fit:contain;filter:none}
.project-planning-reference .pp-story-task small{display:block;font-size:7.5px;margin-top:2px;white-space:nowrap}
.project-planning-reference .pp-story-task .pp-icon{width:14px;height:14px;color:#e7d083;margin-left:auto;align-self:flex-end}
.project-planning-reference .pp-calendar{position:absolute;left:12px;right:12px;top:47px;height:266px;border:1px solid #5b97b0aa;border-radius:8px;background:linear-gradient(135deg,#092a38,#032434);overflow:hidden;box-shadow:inset 0 0 10px #3a839e33}
.project-planning-reference .pp-calendar-head{height:32px;display:flex;align-items:center;justify-content:space-between;padding:4px 9px;font-size:11px;border-bottom:1px solid #34566a;position:relative;z-index:2}
.project-planning-reference .pp-calendar-head button{background:none;border:0;padding:2px 4px;font-size:16px;color:#c7dee5}
.project-planning-reference .pp-calendar-days{height:43px;display:grid;grid-template-columns:77px repeat(7,1fr);font-size:8px;text-align:center;padding-top:5px}
.project-planning-reference .pp-calendar-days b{font-weight:400;display:block;margin-top:8px}
.project-planning-reference .pp-calendar-rows{position:relative;background:repeating-linear-gradient(90deg,transparent 0,transparent 25px,#164052 26px,#164052 26.4px);background-position:77px 0}
.project-planning-reference .pp-calendar-person{display:flex;align-items:center;width:100%;height:35px;padding:2px 5px;background:none;border:0;border-top:1px solid #17445644;text-align:left;font-size:8px;position:relative}
.project-planning-reference .pp-person-label{width:76px;flex:none;display:flex;align-items:center;gap:4px;white-space:nowrap}
.project-planning-reference .pp-person-label small{display:block;font-size:7px;margin-top:1px;color:#c2d3df}
.project-planning-reference .pp-calendar-plot{display:block;position:relative;height:24px;flex:1}
.project-planning-reference .pp-booking{position:absolute;top:2px;height:21px;display:flex;align-items:center;padding:0 5px;border:1px solid #a5ceeea0;border-radius:2px;white-space:nowrap;box-shadow:0 1px 4px #0005;font-size:7.2px;z-index:1}
.project-planning-reference .blue{--pp-color:#2a79b9}.project-planning-reference .cyan{--pp-color:#258ba7}.project-planning-reference .gold{--pp-color:#c8a04c}.project-planning-reference .purple{--pp-color:#7766bd}
.project-planning-reference .pp-booking{background:linear-gradient(180deg,color-mix(in srgb,var(--pp-color) 77%,#a7d4e7),var(--pp-color));color:#e8f6fc}
.project-planning-reference .pp-booking.gold{color:#20323a}
.project-planning-reference .pp-calendar-guide{position:absolute;top:74px;bottom:7px;width:1px;left:82.5%;background:#e3ca74;box-shadow:0 0 3px #c9b25855;z-index:1;pointer-events:none}
.project-planning-reference .pp-baseline{position:absolute;left:13px;right:10px;top:47px;height:266px;border:1px solid #6ea0b4;border-radius:8px;overflow:hidden;background:linear-gradient(145deg,#244a57c9,#062e3be6 22%,#062535);box-shadow:inset 0 0 9px #81acb53b}
.project-planning-reference .pp-baseline h4{height:34px;border-bottom:1px solid #416473;padding:3px 8px}
.project-planning-reference .pp-baseline h4 button{background:none;width:100%;height:100%;font-size:12px;border:0;text-align:left;padding:0}
.project-planning-reference .pp-baseline h4 span{float:right;color:#88adbb;font-size:16px}
.project-planning-reference .pp-baseline svg{width:100%;height:230px;display:block;overflow:hidden}
.project-planning-reference .pp-baseline svg text{font-family:"Segoe UI",sans-serif;font-size:7.6px;fill:#e3ecf1;letter-spacing:0}
.project-planning-reference .pp-baseline-marker text{font-size:8.2px!important}
.project-planning-reference .pp-benefits{margin-top:18px;height:110px;display:grid;grid-template-columns:432px 378px 1fr;gap:14px}
.project-planning-reference .pp-benefit{display:flex;align-items:center;position:relative;overflow:hidden;text-align:left;gap:7px;height:110px;padding:3px 12px 3px 5px;border:1px solid #528ca5;border-radius:8px;background:radial-gradient(ellipse at 20% 100%,#17607a66,transparent 67%),linear-gradient(130deg,#072c3d,#032437 80%);box-shadow:inset 0 0 12px #1f7ba02f,0 3px 10px #0005}
.project-planning-reference .pp-benefit img{display:block;width:173px;height:110px;object-fit:contain;flex:none;filter:drop-shadow(0 4px 3px #00131e88)}
.project-planning-reference .pp-benefit:nth-child(2) img{width:147px}.project-planning-reference .pp-benefit:nth-child(3) img{width:155px}
.project-planning-reference .pp-benefit>span{display:block;position:relative;z-index:1}
.project-planning-reference .pp-benefit strong{display:block;font-size:13.4px;line-height:19px;color:#f5eedb;font-weight:650;margin-bottom:6px;white-space:nowrap}
.project-planning-reference .pp-benefit>span>span{display:block;font-size:9.4px;line-height:15px;color:#cfdee5}
.project-planning-reference .pp-story-root::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,#c7edfd0d 45%,transparent 60%);pointer-events:none}
.project-planning-dialog{border:1px solid #68a0b4;border-radius:13px;padding:0;width:min(580px,92vw);height:fit-content;min-height:0;max-height:88vh;margin:auto;overflow:auto;color:#e1eff6;background:linear-gradient(135deg,#0c3545,#001c2a 70%);box-shadow:0 20px 90px #000b,inset 0 0 24px #8dd2f11a;font-family:"Segoe UI",sans-serif;font-size:14px;line-height:1.55}
.project-planning-dialog::backdrop{background:#00111cb0;backdrop-filter:blur(3px)}
.project-planning-dialog .pp-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 20px;border-bottom:1px solid #45778a88}
.project-planning-dialog .pp-dialog-heading h3{color:#f6dfaa;margin:0;font:600 21px/1.35 "Segoe UI",sans-serif;letter-spacing:0;text-transform:none}
.project-planning-dialog .pp-dialog-heading button{width:30px;height:30px;border:1px solid #578296;border-radius:5px;background:#0c3545;color:#e7f2f6;cursor:pointer;font:22px/1 "Segoe UI",sans-serif;padding:0}
.project-planning-dialog .pp-dialog-body{padding:14px 21px}
.project-planning-dialog .pp-dialog-body p{margin:8px 0 13px;font-size:14px;line-height:1.65}
.project-planning-dialog .pp-dialog-body ul{margin:12px 0;padding-left:20px}
.project-planning-dialog .pp-dialog-body li{margin:7px 0}
.project-planning-dialog .pp-dialog-foot{font-size:11px;color:#a8c1cd;border-top:1px solid #45778a55;margin:0;padding:12px 20px}
.project-planning-dialog .pp-kv{display:grid;grid-template-columns:160px 1fr;gap:9px 12px;margin:4px 0 16px}
.project-planning-dialog .pp-kv dt{color:#a6c3d1}.project-planning-dialog .pp-kv dd{margin:0;color:#f2efde}
.project-planning-dialog .pp-primary,.project-planning-dialog .pp-filter button{padding:8px 14px;border:1px solid #d2b66d;border-radius:6px;background:linear-gradient(130deg,#f3d493,#b68b3d);color:#112735;font:600 13px "Segoe UI",sans-serif;cursor:pointer}
.project-planning-dialog .pp-warning{color:#f0ca80;font-weight:600}
.project-planning-dialog .pp-filter{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:14px 0}
.project-planning-dialog .pp-filter label:first-child{grid-column:1/-1}
.project-planning-dialog .pp-filter label{display:grid;gap:4px;font-size:12px;color:#c5d9e2}
.project-planning-dialog .pp-filter input,.project-planning-dialog .pp-filter select{background:#052534;border:1px solid #527b8b;border-radius:5px;padding:8px;color:#e0edf3;font:13px "Segoe UI",sans-serif;min-width:0;width:100%}
.project-planning-dialog .pp-filter button{grid-column:1/-1;justify-self:start}
.project-planning-dialog .pp-results{font-size:13px;max-height:220px;overflow:auto}
.project-planning-dialog .pp-results span{display:block;font-size:11px;color:#9dbbcb}
.project-planning-dialog button:focus-visible,.project-planning-dialog input:focus-visible,.project-planning-dialog select:focus-visible{outline:2px solid #ffe3a0;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.project-planning-reference *{animation:none!important;transition:none!important}}