*{box-sizing:border-box}html,body{color:#17252d;background:#edf1f3;min-height:100%;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}.shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#10272f;width:245px;min-height:100vh;padding:24px 16px}.brand{align-items:center;gap:12px;margin-bottom:30px;display:flex}.logoMark{color:#10272f;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:25px;font-weight:800;display:flex}.brand strong{letter-spacing:1px;font-size:18px;display:block}.brand span{color:#79cbd2;letter-spacing:3px;margin-top:3px;font-size:12px;display:block}.eventLabel{color:#9eb3ba;background:#ffffff0f;border-radius:10px;margin-bottom:20px;padding:15px;font-size:10px}.eventLabel strong{color:#fff;margin-top:7px;font-size:14px;display:block}.eventLabel span{color:#79cbd2;margin-top:5px;display:block}nav{flex-direction:column;gap:3px;display:flex}.menuItem{color:#c0cdd1;border-radius:7px;padding:10px 12px;font-size:13px}.menuItem.active{color:#fff;background:#1d5963;font-weight:600}.main{flex:1;padding:28px 34px 50px}header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}header p{color:#73858d;letter-spacing:1.4px;margin:0 0 4px;font-size:11px;font-weight:700}header h1{margin:0;font-size:29px}header span{color:#75858b;margin-top:6px;font-size:13px;display:block}.status{color:#8f6614;background:#fff0c9;border:1px solid #ead59e;border-radius:20px;padding:8px 13px;font-size:12px;font-weight:700}.cards{grid-template-columns:repeat(6,minmax(130px,1fr));gap:13px;margin-bottom:18px;display:grid}.card{background:#fff;border:1px solid #d8e0e3;border-radius:11px;padding:17px}.card span{color:#778990;margin-bottom:10px;font-size:11px;display:block}.card strong{color:#17323b;font-size:21px}.grid{grid-template-columns:1.7fr 1fr;gap:18px;display:grid}.panel{background:#fff;border:1px solid #d8e0e3;border-radius:11px;padding:19px}.panelTitle{margin-bottom:17px;font-size:14px;font-weight:700}.empty{text-align:center;color:#73858d;flex-direction:column;justify-content:center;align-items:center;min-height:170px;display:flex}.empty strong{color:#304852;margin-bottom:8px}.empty p{max-width:450px;font-size:13px;line-height:1.5}.front{border-bottom:1px solid #edf0f1;justify-content:space-between;padding:13px 0;font-size:13px;display:flex}.front:last-child{border-bottom:0}.front b{color:#809096;font-size:11px}.alerts{margin-top:18px}.notice{color:#65777e;background:#f5f7f8;border-radius:8px;padding:14px;font-size:13px}@media (max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){.sidebar{display:none}.main{padding:20px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}a.menuItem{text-decoration:none;display:block}.planningHeader{justify-content:space-between;align-items:center;gap:20px;display:flex}.primaryButton{color:#fff;cursor:pointer;background:#176474;border:0;border-radius:8px;padding:11px 18px;font-size:13px;font-weight:700}.primaryButton:hover{background:#135562}.primaryButton:disabled{opacity:.6;cursor:not-allowed}.secondaryButton{color:#40555d;cursor:pointer;background:#fff;border:1px solid #ccd6da;border-radius:8px;padding:10px 17px;font-weight:600}.planningCards{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.systemMessage{color:#285963;background:#edf7f8;border:1px solid #cce3e6;border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:13px}.planningFormPanel{margin-bottom:18px}.planningListPanel{margin-bottom:30px}.planningPanelHeader{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.panelSubtitle{color:#809097;margin:4px 0 0;font-size:12px}.closeButton{color:#60747c;cursor:pointer;background:#f0f3f4;border:0;border-radius:8px;width:34px;height:34px;font-size:22px}.planningForm{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px;display:grid}.formGroup{flex-direction:column;gap:7px;display:flex}.formGroup.wide{grid-column:span 4}.formGroup label{color:#40555d;font-size:12px;font-weight:700}.formGroup input,.formGroup select,.formGroup textarea{color:#17252d;background:#fff;border:1px solid #ccd6da;border-radius:8px;outline:none;width:100%;padding:10px 11px;font-size:13px}.formGroup input:focus,.formGroup select:focus,.formGroup textarea:focus{border-color:#397f8c;box-shadow:0 0 0 2px #397f8c14}.formGroup textarea{resize:vertical;min-height:90px}.formGroup small{color:#8a9a9f;font-size:10px}.formActions{justify-content:flex-end;gap:10px;display:flex}.formActions.wide{grid-column:span 4}.planningEmpty{color:#7b8c92;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:210px;display:flex}.planningEmpty strong{color:#354e57;margin-bottom:7px}.planningEmpty p{max-width:400px;font-size:12px;line-height:1.5}.tableWrapper{margin-top:15px;overflow-x:auto}.planningTable{border-collapse:collapse;width:100%;min-width:900px}.planningTable th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#84959b;border-bottom:1px solid #e0e6e8;padding:11px 10px;font-size:10px}.planningTable td{color:#41555d;border-bottom:1px solid #edf1f2;padding:14px 10px;font-size:12px}.planningTable td strong{color:#1c343c}.statusBadge{border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex}.statusBadge.DRAFT{color:#697b82;background:#f1f3f4}.statusBadge.PLANNED{color:#8f6614;background:#fff0c9}.statusBadge.CONFIRMED{color:#277248;background:#e0f3e8}.actionsCell{text-align:right}.deleteButton{color:#a34e4e;cursor:pointer;background:0 0;border:0;font-size:11px}.deleteButton:hover{text-decoration:underline}@media (max-width:1100px){.planningCards,.planningForm{grid-template-columns:repeat(2,1fr)}.formGroup.wide,.formActions.wide{grid-column:span 2}}@media (max-width:700px){.planningHeader{flex-direction:column;align-items:flex-start}.planningCards,.planningForm{grid-template-columns:1fr}.formGroup.wide,.formActions.wide{grid-column:span 1}}.compactTop{margin-bottom:20px}.compactCards{margin-bottom:14px}.compactCards .card{padding:14px 17px}.compactCards .card span{margin-bottom:6px}.compactCards .card strong{font-size:19px}.compactFormPanel{margin-bottom:16px;padding:16px 18px 0}.compactForm{grid-template-columns:1.6fr 1fr 1.2fr 1fr;gap:11px;margin-top:13px}.compactForm .formGroup{gap:5px}.compactForm .formGroup label{font-size:11px}.compactForm .formGroup input,.compactForm .formGroup select,.compactForm .formGroup textarea{min-height:37px;padding:8px 10px}.locationField{grid-column:span 2}.notesCompact{grid-column:span 4}.notesCompact textarea{min-height:55px!important}.stickyActions{z-index:3;background:#fff;border-top:1px solid #edf1f2;grid-column:span 4;margin:0 -18px;padding:10px 18px 14px;position:sticky;bottom:0}.compactTable th{padding-top:9px;padding-bottom:9px}.compactTable td{padding-top:11px;padding-bottom:11px}.rowActions{justify-content:flex-end;gap:10px;display:flex}.editButton{color:#176474;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}.editButton:hover{text-decoration:underline}@media (max-width:1100px){.compactForm{grid-template-columns:repeat(2,1fr)}.locationField,.notesCompact,.stickyActions{grid-column:span 2}}@media (max-width:700px){.compactForm{grid-template-columns:1fr}.locationField,.notesCompact,.stickyActions{grid-column:span 1}}
