.personal-plan-open-btn{display:inline-flex;align-items:center;gap:10px;margin-top:14px;padding:11px 19px;border-radius:999px;box-shadow:0 10px 24px rgba(16,39,70,.17)}
.personal-plan-open-btn span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:rgba(255,255,255,.16)}
.personal-plan-modal-open{overflow:hidden}
.personal-plan-modal-overlay{position:fixed;inset:0;z-index:2800;display:grid;place-items:center;padding:18px;background:rgba(10,25,45,.62);backdrop-filter:blur(7px)}
.personal-plan-modal{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1180px,calc(100vw - 28px));max-height:min(92vh,900px);overflow:hidden;border:1px solid rgba(255,255,255,.65);border-radius:25px;background:#f5f8fc;box-shadow:0 30px 90px rgba(7,20,38,.34);color:#173451}
.personal-plan-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px;color:#fff;background:linear-gradient(120deg,#102746,#24547b 72%,#3c7392)}
.personal-plan-modal-head .eyebrow,.personal-plan-editor-heading .eyebrow,.personal-plan-library-head .eyebrow{margin:0 0 5px;color:#e6c58f;font-size:.67rem;font-weight:900;letter-spacing:.13em}
.personal-plan-modal-head h2{margin:0;color:#fff;font-size:1.65rem}
.personal-plan-modal-head p:last-child{margin:7px 0 0;color:rgba(255,255,255,.78);font-size:.82rem}
.personal-plan-modal-head>.tiny-icon-btn{flex:0 0 auto;width:40px;height:40px;border-color:rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.12)}
.personal-plan-modal-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);min-height:0;overflow:auto}
.personal-plan-modal-editor{padding:22px;border-inline-end:1px solid #dce5ee}
.personal-plan-editor{display:grid;gap:16px}
.personal-plan-editor-heading,.personal-plan-library-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.personal-plan-editor-heading h3,.personal-plan-library-head h3{margin:0;color:#173451;font-size:1.05rem}
.personal-plan-form-field{display:grid;gap:6px;min-width:0;color:#61758b;font-size:.76rem;font-weight:800}
.personal-plan-form-field input,.personal-plan-form-field select{width:100%;min-height:41px;padding:8px 11px;border:1px solid #d8e2ec;border-radius:11px;background:#fff;color:#183653;font:inherit;font-size:.83rem}
.personal-plan-title-field{padding:14px;border:1px solid #e1e8ef;border-radius:16px;background:#fff}
.personal-plan-title-field input{min-height:46px}
.personal-plan-step-list{display:grid;gap:12px}
.personal-plan-step{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px;border:1px solid #dce5ee;border-radius:17px;background:linear-gradient(145deg,#fff,#f8fbfe);box-shadow:0 8px 20px rgba(25,55,84,.045)}
.personal-plan-step-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-bottom:-3px}
.personal-plan-step-number{color:#bd8a45;font-size:.7rem;font-weight:900;letter-spacing:.1em}
.personal-plan-frequency-options{grid-column:1/-1;display:grid;gap:10px}
.personal-plan-frequency-panel[hidden]{display:none!important}
.personal-plan-frequency-panel[data-frequency-panel="weekly"]{display:flex;flex-wrap:wrap;gap:6px}
.personal-plan-frequency-panel[data-frequency-panel="weekly"][hidden]{display:none!important}
.personal-plan-weekday{position:relative;cursor:pointer}
.personal-plan-weekday input{position:absolute;opacity:0;pointer-events:none}
.personal-plan-weekday span{display:inline-flex;min-height:33px;align-items:center;padding:6px 10px;border:1px solid #dce5ee;border-radius:999px;background:#fff;color:#596f85;font-size:.7rem;font-weight:800}
.personal-plan-weekday input:checked+span{border-color:#1d4771;background:#1d4771;color:#fff}
.personal-plan-yearly-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.personal-plan-frequency-panel.personal-plan-yearly-fields{display:grid}
.personal-plan-frequency-panel.personal-plan-yearly-fields[hidden]{display:none!important}
.personal-plan-specific-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.personal-plan-frequency-panel.personal-plan-specific-dates{display:grid}
.personal-plan-frequency-panel.personal-plan-specific-dates[hidden]{display:none!important}
.personal-plan-date-field{display:grid;gap:5px;color:#61758b;font-size:.7rem;font-weight:800}
.personal-plan-date-field input{min-height:38px;padding:7px 9px;border:1px solid #d8e2ec;border-radius:10px;background:#fff;color:#183653;font:inherit}
.personal-plan-add-date{align-self:end;min-height:38px;font-size:.72rem}
.personal-plan-editor-footer{display:flex;justify-content:space-between;gap:10px;padding-top:4px}
.personal-plan-modal-library{display:grid;align-content:start;gap:14px;padding:22px;background:linear-gradient(180deg,#f8fbfe,#f2f6fa)}
.personal-plan-library-head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e7eef5;color:#244e72;font-weight:900}
.personal-plan-library-list{display:grid;gap:11px}
.personal-plan-card{display:grid;gap:11px;padding:14px;border:1px solid #dbe5ee;border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(25,55,84,.05)}
.personal-plan-card.is-paused{opacity:.72}
.personal-plan-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.personal-plan-card-top small{color:#9b7443;font-size:.63rem;font-weight:900;letter-spacing:.08em}
.personal-plan-card-top h4{margin:4px 0 0;color:#173451;font-size:.98rem}
.personal-plan-score-badge{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:4px solid #e4edf4;border-top-color:#c59758;border-radius:50%;color:#173451;font-size:.72rem;font-weight:900}
.personal-plan-card-meta{display:flex;flex-wrap:wrap;gap:6px 12px;color:#71849a;font-size:.7rem}
.personal-plan-card-meta strong{color:#1d4771}
.personal-plan-progress{height:7px;overflow:hidden;border-radius:999px;background:#e8eef4}
.personal-plan-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1c4b74,#d0a36a)}
.personal-plan-card-actions{display:flex;flex-wrap:wrap;gap:6px}
.personal-plan-card-actions .ghost-btn{min-height:32px;padding:6px 9px;font-size:.69rem}
.personal-plan-delete{color:#a3453c!important}
.personal-plan-empty-library,.personal-plan-empty{display:flex;align-items:center;gap:12px;padding:18px;border:1px dashed #cbd9e6;border-radius:16px;background:rgba(255,255,255,.72);color:#647a90}
.personal-plan-empty-library{display:grid;justify-items:start}
.personal-plan-empty-library>span,.personal-plan-empty>span{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:12px;background:#e9f0f6;color:#bd8a45;font-size:1.2rem}
.personal-plan-empty-library strong,.personal-plan-empty strong{color:#1d3f60}
.personal-plan-empty-library p,.personal-plan-empty p{margin:3px 0 0;font-size:.77rem;line-height:1.6}
.personal-plan-empty-library .ghost-btn{margin-top:5px}
.overview-personal-plan-panel{display:grid;gap:14px}
.personal-plan-panel-head{align-items:flex-start}
.personal-plan-panel-head h3{margin:2px 0 5px}
.personal-plan-panel-head .subtle{margin:0;font-size:.76rem}
.personal-plan-today-list{display:grid;gap:9px}
.personal-plan-task{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 14px;border:1px solid #dce5ee;border-radius:14px;background:#fbfdff}
.personal-plan-task.is-done{border-color:#b8dfce;background:#f2fbf6}
.personal-plan-task.is-missed{border-color:#edc9c1;background:#fff7f5}
.personal-plan-task-copy{display:grid;gap:4px;min-width:0}
.personal-plan-task-copy small{color:#8292a4;font-size:.68rem}
.personal-plan-task-copy small span{color:#bd8a45;font-weight:800}
.personal-plan-task-copy strong{overflow-wrap:anywhere;color:#173451;font-size:.88rem}
.personal-plan-task-status{color:#71849a;font-size:.7rem}
.personal-plan-task.is-done .personal-plan-task-status{color:#267451;font-weight:800}
.personal-plan-task.is-missed .personal-plan-task-status{color:#a3453c;font-weight:800}
.personal-plan-task-actions{display:flex;flex:0 0 auto;gap:6px}
.personal-plan-task-actions button{min-height:34px;padding:6px 10px;border:1px solid #d6e1eb;border-radius:10px;background:#fff;color:#335675;font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}
.personal-plan-task-actions button.is-selected{border-color:#27845e;background:#27845e;color:#fff}
.personal-plan-task-actions button.is-selected.is-negative{border-color:#b94a42;background:#b94a42}
.personal-plan-empty{justify-content:flex-start}
.personal-plan-empty>div{flex:1}
.personal-plan-empty>a{color:#1c4b74;font-size:.75rem;font-weight:900;white-space:nowrap}
.personal-plan-analytics{display:grid;gap:18px}
.personal-plan-analytics-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.personal-plan-analytics-summary article{display:grid;gap:6px;min-height:116px;padding:15px;border:1px solid #dce5ee;border-radius:15px;background:linear-gradient(145deg,#fff,#f8fbfe)}
.personal-plan-analytics-summary small{color:#71849a;font-size:.74rem;font-weight:800}
.personal-plan-analytics-summary strong{color:#173451;font-size:1.8rem}
.personal-plan-analytics-summary span{color:#9b7443;font-size:.72rem;font-weight:800}
.personal-plan-analytics-list{display:grid;gap:9px}
.personal-plan-analytics-row{display:grid;gap:9px;padding:13px 15px;border:1px solid #e0e8ef;border-radius:14px;background:#fff}
.personal-plan-analytics-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.personal-plan-analytics-row-head div{display:grid;gap:4px}
.personal-plan-analytics-row-head small{color:#9b7443;font-size:.68rem}
.personal-plan-analytics-row-head strong{color:#173451;font-size:.85rem}
.personal-plan-analytics-row-head>b{color:#1d4771;font-size:1.1rem}
.personal-plan-analytics-row-foot{display:flex;flex-wrap:wrap;gap:6px 14px;color:#788a9d;font-size:.68rem}
@media(max-width:850px){.personal-plan-modal-body{grid-template-columns:1fr}.personal-plan-modal-editor{border-inline-end:0;border-bottom:1px solid #dce5ee}.personal-plan-modal-library{max-height:35vh;overflow:auto}}
@media(max-width:600px){.personal-plan-modal-overlay{padding:7px}.personal-plan-modal{width:100%;max-height:96vh;border-radius:18px}.personal-plan-modal-head{padding:18px}.personal-plan-modal-editor,.personal-plan-modal-library{padding:15px}.personal-plan-editor-heading{align-items:flex-start;flex-direction:column}.personal-plan-editor-heading>.personal-plan-form-field{width:100%}.personal-plan-step{grid-template-columns:1fr}.personal-plan-step-head,.personal-plan-frequency-options{grid-column:auto}.personal-plan-analytics-summary{grid-template-columns:1fr}.personal-plan-analytics-summary article{min-height:0}.personal-plan-task{align-items:flex-start;flex-direction:column}.personal-plan-task-actions{width:100%}.personal-plan-task-actions button{flex:1}.personal-plan-empty{align-items:flex-start;flex-wrap:wrap}.personal-plan-empty>a{margin-inline-start:48px}}