.header-actions{display:flex;gap:9px;align-items:center}.refresh-button{border:0;border-radius:12px;padding:10px 15px;background:#b91c1c;color:#fff;font-weight:750;cursor:pointer}.refresh-button:disabled{opacity:.62;cursor:wait}.breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:16px;color:#64748b}.breadcrumb button{border:0;background:none;color:#991b1b;font-weight:750;cursor:pointer}.page-controls,.filters-panel{margin:18px 0;background:#fff;border:1px solid #e4eaf2;border-radius:18px;padding:16px}.page-controls{display:flex;align-items:center;justify-content:space-between;gap:18px}.page-controls p{margin:3px 0 0;color:#64748b}.compact{width:min(260px,100%)}.filter-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.filter-heading span{color:#64748b;font-size:13px}.filters-panel .filters{margin:0}.field{position:relative;display:flex;flex-direction:column;gap:6px}.field>span{font-size:12px;text-transform:uppercase;font-weight:800;color:#64748b}.select-like{height:52px;width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #d6deea;background:#fff;border-radius:12px;padding:0 14px;font:inherit}.area-menu{position:absolute;top:80px;z-index:20;width:min(380px,88vw);max-height:360px;overflow:auto;background:#fff;border:1px solid #d6deea;border-radius:14px;padding:10px;box-shadow:0 18px 50px #0f172a26}.area-menu-actions{text-align:right;border-bottom:1px solid #eee;padding-bottom:8px}.area-menu-actions button{border:0;border-radius:8px;padding:7px 10px}.area-option{display:flex;align-items:center;gap:9px;padding:8px;border-radius:9px}.area-option:hover{background:#f8fafc}.area-option input{width:auto;margin:0}.day-tabs{display:flex;flex-wrap:wrap;gap:8px}.day-tabs button{border:1px solid #d6deea;background:#fff;border-radius:999px;padding:9px 13px;font-weight:700;cursor:pointer}.day-tabs button.active{background:#0f172a;color:#fff;border-color:#0f172a}.toast{position:fixed;right:20px;bottom:25px;z-index:50;max-width:440px;border-radius:14px;padding:14px 17px;background:#047857;color:#fff;box-shadow:0 16px 45px #0005}.toast.error{background:#991b1b}.sync-running .status-dot{background:#f59e0b}.sync-failed .status-dot{background:#dc2626}@media(max-width:699px){.header-actions{flex-direction:column-reverse}.refresh-button,.ghost{padding:8px 10px;font-size:13px}.filter-heading,.page-controls{display:block}.filter-heading span{display:block}.day-tabs{margin-top:12px}.compact{width:100%}}
