.planner-demo{position:relative;padding:24px;border-radius:12px;background:#f4f6f8;border:1px solid #d8dde3;box-shadow:0 2px 8px #0f172a0f;color:#1f2937;overflow:hidden}.planner-demo,.planner-demo *{box-sizing:border-box}.planner-demo *{scrollbar-width:thin;scrollbar-color:#b8c2cc #eef2f5}.planner-demo *::-webkit-scrollbar{width:10px;height:10px}.planner-demo *::-webkit-scrollbar-track{background:#eef2f5;border-radius:999px}.planner-demo *::-webkit-scrollbar-thumb{background:#b8c2cc;border-radius:999px;border:2px solid #eef2f5}.planner-shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:16px;min-height:640px}.planner-sidebar{padding:16px;border-radius:10px;background:#fff;border:1px solid #d9dee5;box-shadow:0 1px 4px #0f172a0f;display:grid;gap:12px;align-content:start}.planner-sidebar-nav{display:grid;gap:8px}.planner-sidebar-button{width:100%;border:1px solid #d5dbe3;background:#fff;color:#334155;border-radius:8px;padding:10px 12px;font-size:.92rem;font-weight:600;text-align:left;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.planner-sidebar-button:hover{color:#0f172a;background:#f8fafc;border-color:#b9c5d2}.planner-sidebar-button.is-active{color:#0b3f85;background:#eaf2ff;border-color:#8db1e2;box-shadow:inset 0 0 0 1px #346dbe26}.planner-main{min-width:0;display:grid;gap:12px}.planner-header{border-radius:10px;background:#fff;border:1px solid #d9dee5;box-shadow:0 1px 4px #0f172a0f;padding:14px 16px;display:grid;gap:12px}.planner-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.planner-title{margin:0;font-size:clamp(1.1rem,1.8vw,1.4rem);letter-spacing:0;color:#0f172a}.planner-subtitle{margin:0;color:#475569;font-size:.9rem}.planner-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.planner-button{appearance:none;border:1px solid #c7d1db;border-radius:8px;padding:9px 13px;font:inherit;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.planner-button--primary{color:#fff;background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 1px 1px #0f172a1f}.planner-button--primary:hover{background:#1e40af;border-color:#1e40af}.planner-button--secondary{color:#1e293b;background:#fff;border-color:#c7d1db}.planner-button--secondary:hover{background:#f8fafc;border-color:#b6c3d1}.planner-button--danger{color:#991b1b;background:#fff5f5;border-color:#efc8c8}.planner-button--danger:hover{background:#feecec;border-color:#e7adad}.planner-select{min-width:190px;border-radius:8px;border:1px solid #c7d0da;background:#fff;color:#0f172a;padding:8px 10px;font:inherit;transition:border-color .15s ease,box-shadow .15s ease}.planner-grid{display:grid;gap:12px}.planner-grid--two-col{grid-template-columns:1fr 1fr}.planner-mt-12{margin-top:12px}.planner-card{border-radius:10px;border:1px solid #d8dee6;background:#fff;box-shadow:0 1px 4px #0f172a0d;padding:14px}.planner-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.planner-card-title{margin:0;font-size:.98rem;font-weight:700;color:#0f172a}.planner-card-subtitle{margin:0;color:#4b5563;font-size:.84rem}.planner-day-card{padding:12px}.planner-day-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e3e8ef}.planner-day-header-text{display:grid;gap:2px}.planner-day-date{margin:0;font-size:.98rem;font-weight:700;color:#0f172a}.planner-day-weekday{margin:0;font-size:.8rem;color:#64748b}.planner-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.planner-stat{border-radius:8px;border:1px solid #d7dee6;background:#f8fafc;padding:12px;display:grid;gap:4px}.planner-stat-value{margin:0;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:700;color:#0f172a}.planner-stat-label{margin:0;color:#475569;font-size:.8rem;letter-spacing:0}.planner-task-list{display:grid;gap:8px}.planner-task-row{border-radius:8px;border:1px solid #d7dee6;background:#fff;padding:8px 10px;display:grid;gap:6px;transition:border-color .15s ease,background-color .15s ease}.planner-task-row:hover{border-color:#b8c5d4;background:#fbfcfe}.planner-task-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.planner-day-list{gap:6px}.planner-entry-row{text-align:left}.planner-entry-main{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:8px}.planner-entry-time{font-size:.78rem;font-weight:700;color:#334155}.planner-entry-title{min-width:0;font-size:.9rem;line-height:1.25;color:#0f172a}.planner-entry-notes{margin:0;font-size:.78rem;line-height:1.3;color:#64748b}.planner-entry-action{justify-self:end;font-size:.78rem;font-weight:600;color:#1d4ed8}.planner-task-meta{display:flex;flex-wrap:wrap;gap:8px;color:#475569;font-size:.8rem}.planner-badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid transparent;padding:3px 8px;font-size:.72rem;font-weight:700;letter-spacing:0}.planner-badge--todo{color:#1e3a8a;background:#eaf1ff;border-color:#bfd2f4}.planner-badge--progress{color:#92400e;background:#fff4e5;border-color:#f3d3a3}.planner-badge--done{color:#166534;background:#e9f8ef;border-color:#b8e5c6}.planner-badge--hidden{color:#5b21b6;background:#f3ecff;border-color:#d8c2f6}.planner-priority{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid transparent;padding:3px 9px;font-size:.72rem;font-weight:700}.planner-priority--low{color:#065f46;background:#e8f7f1;border-color:#b5e3d3}.planner-priority--medium{color:#9a3412;background:#fff4e8;border-color:#f3d0b0}.planner-priority--high{color:#991b1b;background:#fbecec;border-color:#f0c0c0}.planner-modal-backdrop{position:fixed;inset:0;background:#0f172a4d;z-index:70}.planner-modal{position:fixed;z-index:80;top:50%;left:50%;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;border-radius:10px;border:1px solid #d6dde6;background:#fff;box-shadow:0 14px 34px #0f172a2e;padding:16px}.planner-modal--details{z-index:85;width:min(520px,calc(100vw - 24px));padding:14px}.planner-details-list{display:grid;gap:8px}.planner-details-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;align-items:start;padding:8px 10px;border:1px solid #dbe2ea;border-radius:8px;background:#f8fafc}.planner-details-label{font-size:.82rem;font-weight:700;color:#475569}.planner-details-value{font-size:.9rem;color:#0f172a;overflow-wrap:anywhere}.planner-details-secondary{background:#f8fafc}.planner-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.planner-team-card{border-radius:8px;border:1px solid #d7dee6;background:#fff;box-shadow:0 1px 4px #0f172a0d;padding:12px;display:grid;gap:10px}.planner-calendar{border-radius:10px;border:1px solid #d8dee6;background:#fff;padding:12px}.planner-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.planner-calendar-day{border-radius:8px;border:1px solid #d7dee6;background:#f8fafc;min-height:122px;padding:8px;display:grid;grid-template-rows:auto 1fr;gap:7px;transition:border-color .15s ease,background-color .15s ease}.planner-calendar-day:hover{border-color:#b8c5d4;background:#fff}.planner-calendar-day-header{display:flex;justify-content:space-between;align-items:center;color:#475569;font-size:.76rem}.planner-calendar-task{border:1px solid #bcd1f0;background:#eaf2ff;color:#1e3a8a;border-radius:6px;padding:5px 6px;font-size:.72rem;line-height:1.25;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.planner-calendar-task:hover{background:#dfeaff;border-color:#9fbee8}.planner-empty-state{border-radius:8px;border:1px dashed #c4ced9;background:#f8fafc;color:#475569;text-align:center;padding:18px}.planner-button:focus-visible,.planner-sidebar-button:focus-visible,.planner-select:focus-visible,.planner-calendar-task:focus-visible,.planner-task-row:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media(max-width:1080px){.planner-shell{grid-template-columns:1fr}.planner-sidebar{position:static}.planner-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-team-grid{grid-template-columns:1fr}}@media(max-width:760px){.planner-demo{padding:14px;border-radius:10px}.planner-header-top,.planner-day-header{flex-direction:column;align-items:flex-start}.planner-entry-main{grid-template-columns:1fr;gap:4px}.planner-actions,.planner-select,.planner-button{width:100%}.planner-stats,.planner-grid--two-col,.planner-calendar-grid{grid-template-columns:1fr}.planner-calendar-day{min-height:0}.planner-modal{width:calc(100vw - 14px);max-height:calc(100vh - 14px);border-radius:10px;padding:12px}.planner-modal--details{width:calc(100vw - 14px)}.planner-details-row{grid-template-columns:1fr;gap:4px;padding:8px}}