:root{--bg:#f3f5f7;--card:#ffffff;--text:#1f2937;--muted:#6b7280;--primary:#2563eb;--border:#d1d5db}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,sans-serif;color:var(--text);background:var(--bg)}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#f8fafc;border-right:1px solid var(--border);padding:24px 12px}.sidebar h2{margin:0 0 16px;font-size:20px}.sidebar a{display:block;padding:8px 10px;color:var(--text);text-decoration:none;border-radius:8px;margin-bottom:4px}.sidebar a:hover{background:#e5e7eb}.content{padding:24px}.grid{display:grid;grid-gap:16px;gap:16px}.grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card{border:1px solid var(--border);border-radius:12px;padding:16px}.card,table{background:var(--card)}table{width:100%;border-collapse:collapse}td,th{border:1px solid var(--border);padding:10px;text-align:left}.controls{display:flex;gap:8px;margin-bottom:16px}button,input,select,textarea{padding:8px 10px;border-radius:8px;border:1px solid var(--border)}.desktop-mockup-page{min-height:calc(100vh - 48px);margin:-24px;padding:24px;overflow:auto;background:#ecf5fd;color:#282828;font-family:Montserrat,Segoe UI,Tahoma,sans-serif}.desktop-mockup-frame{width:min(1100px,100%);min-height:800px;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;gap:10px}.desktop-mockup-panel{width:100%;background:#ffffff;border-radius:8px}.desktop-mockup-header{min-height:108px;padding:24px;display:flex;align-items:center;justify-content:space-between}.desktop-mockup-logo{display:flex;align-items:center;height:60px;padding:10px}.desktop-mockup-logo img{width:auto;height:42.8px}.desktop-mockup-profile{display:flex;align-items:center;gap:12px}.desktop-mockup-profile>span:first-child{width:43px;height:43px;display:grid;place-items:center;border-radius:999px;background:#ecf5fd;color:#419bee;font-size:14px;font-weight:500}.desktop-mockup-profile div{display:flex;flex-direction:column;gap:4px}.desktop-mockup-profile strong{font-size:14px;font-weight:600}.desktop-mockup-profile small{color:#585859;font-size:12px;font-weight:600}.desktop-mockup-main-panel{padding:24px;display:flex;flex-direction:column;gap:24px}.desktop-mockup-schedule,.desktop-mockup-section-heading,.desktop-mockup-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.desktop-mockup-section-heading h2,.desktop-mockup-title-row h1{margin:0;font-size:16px;font-weight:600;line-height:1.5}.desktop-mockup-title-row p{margin:4px 0 0;color:#585859;font-size:14px;font-weight:500;line-height:1.5}.desktop-mockup-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 12px;border-radius:4px;font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap}.desktop-mockup-chip span{width:9px;height:9px;border:1px solid #ffffff;border-radius:50%}.desktop-mockup-chip.blue{background:#ecf5fd;color:#419bee}.desktop-mockup-chip.blue span{background:#419bee}.desktop-mockup-chip.orange{background:#fff7e8;color:#fbae17}.desktop-mockup-chip.orange span{background:#fbae17}.desktop-mockup-chip.green{background:#e6f7f2;color:#05ae81}.desktop-mockup-chip.green span{background:#05ae81}.desktop-mockup-schedule{min-height:102px;align-items:center;padding:20px 24px;border:1px solid #e0e1e2;border-radius:4px}.desktop-mockup-schedule-copy{display:flex;flex-direction:column;gap:8px}.desktop-mockup-schedule-row{display:grid;grid-template-columns:20px 80px 4px auto;align-items:center;grid-gap:8px;gap:8px;font-size:14px;font-weight:500;line-height:1.5}.desktop-mockup-schedule-row strong{font-weight:500}.desktop-mockup-time{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.desktop-mockup-time strong{font-size:24px;font-weight:800;line-height:1.5}.desktop-mockup-time span{color:#585859;font-size:14px;font-weight:500}.desktop-mockup-actions{display:flex;gap:24px}.desktop-mockup-button{width:100%;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:4px;color:#ffffff;font-size:14px;font-weight:600;line-height:1.5}.desktop-mockup-button.blue{background:#419bee}.desktop-mockup-button.orange{background:#fbae17}.desktop-mockup-button.red{background:#e26158}.desktop-mockup-section-heading{align-items:center;justify-content:flex-start;gap:10px}.desktop-mockup-section-heading a{display:inline-flex;align-items:center;gap:4px;color:#419bee;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none}.desktop-mockup-activity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.desktop-mockup-activity-card{min-height:98px;display:flex;align-items:center;gap:20px;padding:24px;border:1px solid #e0e1e2;border-radius:4px}.desktop-mockup-activity-card p{margin:0 0 4px;color:#585859;font-size:14px;font-weight:500;line-height:1.5}.desktop-mockup-activity-card strong{font-size:16px;font-weight:600;line-height:1.5}.desktop-mockup-icon-tile{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:4px}.desktop-mockup-icon-tile.blue{background:#ecf5fd;color:#419bee}.desktop-mockup-icon-tile.red{background:#fbebea;color:#e26158}.desktop-mockup-icon-tile.orange{background:#fff7e8;color:#fbae17}.desktop-mockup-icon{width:20px;height:20px;display:inline-block;flex:0 0 20px;object-fit:contain}.desktop-mockup-footer{width:100%;min-height:66px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;background:#ffffff}.desktop-mockup-footer p{margin:0;color:#949596;font-size:14px;font-weight:500}.desktop-mockup-footer a{color:#419bee}.desktop-mockup-footer div{display:flex;align-items:center;gap:12px}.desktop-mockup-footer strong{font-size:14px;font-weight:600}.desktop-mockup-store-badge{width:110px;height:33px;object-fit:cover;object-position:center;border-radius:4px}@media (max-width:920px){.desktop-mockup-footer,.desktop-mockup-header,.desktop-mockup-schedule,.desktop-mockup-title-row{align-items:flex-start;flex-direction:column}.desktop-mockup-actions,.desktop-mockup-footer div{flex-direction:column;align-items:stretch}.desktop-mockup-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.desktop-mockup-page{padding:12px}.desktop-mockup-header,.desktop-mockup-main-panel{padding:16px}.desktop-mockup-activity-grid{grid-template-columns:1fr}.desktop-mockup-schedule-row{grid-template-columns:20px 72px 4px 1fr}}