main{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 24px;gap:28px}.layout-center{width:100%;max-width:800px;display:flex;flex-direction:column;gap:24px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:20px}.card-title{color:#fff;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding-bottom:12px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}input,select{background:var(--bg3);border:1px solid var(--border);color:#fff;padding:12px;border-radius:var(--r);outline:none;font-family:JetBrains Mono,monospace;font-size:14px;transition:border-color .2s}input:focus,select:focus{border-color:var(--accent)}.input-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.input-row .control-group{flex:1;min-width:120px}.input-row button{height:42px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-box{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);padding:16px}.info-box .info-value{font-size:18px;font-weight:700;color:#fff;font-family:JetBrains Mono,monospace;margin-top:4px}.info-box .info-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.info-box.accent .info-value{color:var(--accent)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-top:12px}.calendar-header{text-align:center;font-size:11px;font-weight:600;color:var(--muted);padding:4px;text-transform:uppercase}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:11px;border-radius:4px;background:var(--bg3);color:var(--muted);cursor:default}.calendar-day.in-quarter{background:#00a8ff1a;color:var(--accent)}.calendar-day.in-week{background:#2ea04326;color:var(--success);font-weight:700}.calendar-day.outside{opacity:.25}.calendar-day.today{box-shadow:0 0 0 2px var(--accent)}.calendar-day.weekend{opacity:.5}.month-label{font-size:13px;font-weight:600;color:#fff;margin-top:16px;margin-bottom:4px}.week-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:4px;max-height:300px;overflow-y:auto}.week-item{padding:8px;text-align:center;background:var(--bg3);border-radius:4px;font-size:11px;cursor:default;transition:all .15s}.week-item:hover{background:var(--bg)}.week-item .week-num{color:var(--accent);font-weight:700;font-size:14px;display:block}.week-item .week-dates{color:var(--muted);font-size:10px}.week-item.active{background:#00a8ff26;border:1px solid var(--accent)}@media(max-width:768px){main{padding:20px 12px;gap:16px}.card{padding:16px}.info-grid{grid-template-columns:1fr}.input-row{flex-direction:column}.input-row .control-group{min-width:auto}}.hidden{display:none}