:root{font-family:Inter,Arial,sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{background:#111827;color:#fff;padding:24px 18px}.brand{font-size:22px;font-weight:800;margin-bottom:30px}.nav{display:grid;grid-gap:8px;gap:8px}.nav a{padding:11px 12px;border-radius:10px;color:#d7deea;min-height:44px;display:flex;align-items:center}.nav a.active,.nav a:hover{background:#243044;color:#fff}.content{padding:28px;min-width:0}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.top.compact{margin-bottom:14px}.title{font-size:28px;font-weight:800;margin:0}.muted{color:#6b7280}.small{font-size:12px;margin-top:4px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:22px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 6px 20px rgba(17,24,39,.05)}.metric{font-size:28px;font-weight:800;margin-top:8px}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;min-width:0}.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;min-width:620px}.table td,.table th{text-align:left;padding:13px 10px;border-bottom:1px solid #edf0f5;font-size:14px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#eef6ff;color:#245a9a;font-size:12px;font-weight:700}.badge.success{background:#ecfdf3;color:#16794b}.badge.warning{background:#fff7ed;color:#9a4b0b}.badge.danger{background:#fef2f2;color:#b42318}.badge.inactive{background:#f3f4f6;color:#6b7280}.subscription-detail.success{color:#16794b}.subscription-detail.warning{color:#9a4b0b}.subscription-detail.danger{color:#b42318}.subscription-detail.inactive{color:#6b7280}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login{width:min(420px,100%);background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:28px;box-shadow:0 15px 40px rgba(17,24,39,.08)}.field{display:grid;grid-gap:6px;gap:6px;margin:14px 0}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #d7dce4;border-radius:10px;font-size:16px;background:#fff;color:#172033;min-height:44px}.field textarea{resize:vertical;min-height:92px}.field-narrow{max-width:420px}.checkbox-field{align-content:end}.checkbox-field label{display:flex;align-items:center;gap:8px;min-height:44px}.checkbox-field input{width:auto;min-height:auto}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:12px 16px;background:#111827;color:#fff;font-weight:700;cursor:pointer;width:100%;min-height:44px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.auto{width:auto}.btn.secondary{background:#eef1f5;color:#273244}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:0 16px;gap:0 16px}.form-actions,.form-full{grid-column:1/-1}.form-actions{margin-top:8px}.actions-row{display:flex;gap:10px;flex-wrap:wrap}.search-row{display:flex;gap:10px;align-items:center;margin:0 0 16px}.search-row input{flex:1 1;min-width:220px;padding:12px 13px;border:1px solid #d7dce4;border-radius:10px;font-size:16px;background:#fff;color:#172033;min-height:44px}.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.check-item{display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;background:#fafbfc;min-height:44px}.check-item input{width:auto}.notice{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:#f4f7fb;color:#3d4a5c;font-size:14px}.agenda-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);grid-gap:16px;gap:16px;margin-bottom:18px}.agenda-filters .field{margin:0}.agenda-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.35fr);grid-gap:18px;gap:18px}.agenda-list{display:grid;grid-gap:10px;gap:10px}.appointment-card{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(145px,auto);grid-gap:14px;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #edf0f5}.appointment-card:last-child{border-bottom:0}.appointment-time{display:grid;grid-gap:2px;gap:2px}.appointment-time strong{font-size:20px}.appointment-time span{font-size:12px;color:#6b7280}.appointment-title{font-weight:800}.appointment-actions{display:grid;grid-gap:8px;gap:8px;justify-items:end}.appointment-actions select{min-height:40px;border:1px solid #d7dce4;border-radius:9px;background:#fff;padding:8px 10px;font-size:14px}.status-pending{background:#fff7ed;color:#9a4b0b}.status-confirmed{background:#ecfdf3;color:#16794b}.status-in_service{background:#eef6ff;color:#245a9a}.status-completed{background:#f0fdf4;color:#166534}.status-cancelled,.status-no_show{background:#fef2f2;color:#b42318}.empty-state{padding:28px 12px;text-align:center;color:#6b7280;border:1px dashed #d7dce4;border-radius:12px}.calendar-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.calendar-selectors .field{margin:0 0 14px}.availability-calendar{border:1px solid #e5e7eb;border-radius:16px;padding:16px;background:#fafbfc}.calendar-head{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;grid-gap:10px;gap:10px;align-items:center;text-align:center;margin-bottom:14px}.calendar-nav{border:1px solid #d7dce4;background:#fff;border-radius:10px;min-height:44px;font-size:24px;cursor:pointer}.calendar-grid,.calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:7px;gap:7px}.calendar-week{margin-bottom:7px}.calendar-week span{text-align:center;font-size:12px;font-weight:700;color:#6b7280}.calendar-day{border:1px solid transparent;border-radius:12px;min-height:70px;padding:8px 5px;display:grid;align-content:center;justify-items:center;grid-gap:3px;gap:3px;cursor:pointer;font-weight:800}.calendar-day small{font-size:10px;font-weight:600}.calendar-day.available{background:#dcfce7;color:#166534;border-color:#86efac}.calendar-day.limited{background:#fef3c7;color:#92400e;border-color:#fcd34d}.calendar-day.unavailable{background:#fee2e2;color:#991b1b;border-color:#fecaca}.calendar-day.off{background:#f3f4f6;color:#6b7280;border-color:#e5e7eb}.calendar-day.loading{background:#f8fafc;color:#94a3b8;border-color:#e2e8f0}.calendar-day.selected{outline:3px solid #2563eb;outline-offset:1px}.calendar-blank{min-height:70px}.calendar-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;font-size:12px;color:#4b5563}.calendar-legend span{display:flex;align-items:center;gap:6px}.dot{width:10px;height:10px;border-radius:999px;display:inline-block}.dot.available{background:#22c55e}.dot.limited{background:#f59e0b}.dot.unavailable{background:#ef4444}.dot.off{background:#9ca3af}.business-cards-mobile{display:none}.business-card{border:1px solid #e5e7eb;border-radius:14px;padding:16px;background:#fafbfc}.business-card.subscription-success{border-color:#86efac;background:#f7fff9}.business-card.subscription-warning{border-color:#fcd34d;background:#fffcf2}.business-card.subscription-danger{border-color:#fecaca;background:#fff8f8}.business-card.subscription-inactive{border-color:#e5e7eb;background:#f9fafb}.business-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.business-card-head h3{margin:0;font-size:18px}.business-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:16px}.business-card-grid>div{display:grid;grid-gap:4px;gap:4px}.business-card-grid strong{font-size:14px}.business-card-grid small{font-size:12px;color:#6b7280;overflow-wrap:anywhere}.business-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;font-weight:700}.business-card-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:16px}.business-card-actions .btn:last-child{grid-column:1/-1}.mobile-backdrop,.mobile-drawer,.mobile-header{display:none}@media(max-width:1100px){.agenda-layout{grid-template-columns:1fr}}@media(max-width:900px){.shell{display:block}.desktop-sidebar{display:none}.mobile-header{display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:40;height:64px;align-items:center;justify-content:space-between;padding:0 16px;background:#111827;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-brand{font-size:19px;font-weight:800}.drawer-close,.menu-toggle{border:0;background:transparent;color:inherit;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer}.menu-toggle{flex-direction:column;gap:5px}.menu-toggle span{display:block;width:22px;height:2px;background:currentColor;border-radius:2px}.mobile-backdrop{display:block;position:fixed;inset:0;z-index:48;border:0;background:rgba(15,23,42,.45)}.mobile-drawer{display:block;position:fixed;z-index:50;top:0;left:0;bottom:0;width:min(84vw,320px);padding:18px;background:#111827;color:#fff;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto}.mobile-drawer.open{transform:translateX(0)}.mobile-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.mobile-drawer-brand{margin-bottom:2px}.drawer-close{font-size:30px;line-height:1}.mobile-nav a{font-size:16px}.content{padding:18px}.cards,.check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top{align-items:flex-start}.panel{border-radius:14px}}@media(max-width:700px){.business-table-desktop{display:none}.business-cards-mobile{display:grid;grid-gap:12px;gap:12px}}@media(max-width:650px){.agenda-filters,.calendar-selectors{grid-template-columns:1fr}.appointment-card{grid-template-columns:64px minmax(0,1fr);align-items:start}.appointment-actions{grid-column:1/-1;grid-template-columns:auto minmax(150px,1fr);align-items:center;justify-items:stretch}.appointment-actions .badge{justify-self:start}.appointment-actions select{width:100%}.calendar-grid,.calendar-week{gap:4px}.calendar-blank,.calendar-day{min-height:58px}.calendar-day{padding:5px 2px}.calendar-day small{font-size:9px}}@media(max-width:560px){.content{padding:14px}.top{flex-direction:column;margin-bottom:18px}.title{font-size:24px}.cards,.check-grid,.form-grid{grid-template-columns:1fr}.form-actions,.form-full{grid-column:auto}.card,.panel{padding:16px}.table{min-width:560px}.search-row{align-items:stretch;flex-direction:column}.search-row input{min-width:0}.search-row .btn.auto{width:100%}.actions-row{flex-direction:column}.actions-row .btn.auto{width:100%}.btn.auto{min-width:120px}.login-wrap{padding:14px}.login{padding:22px;border-radius:16px}.appointment-card{grid-template-columns:56px minmax(0,1fr);gap:10px}.appointment-time strong{font-size:18px}.availability-calendar{padding:10px}.calendar-head{grid-template-columns:40px minmax(0,1fr) 40px}.calendar-day small{display:none}.calendar-blank,.calendar-day{min-height:48px}.business-card-actions,.business-card-grid{grid-template-columns:1fr}.business-card-actions .btn:last-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){.mobile-drawer{transition:none}}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:14px;gap:14px;margin-top:18px}.portfolio-item{border:1px solid #e5e7eb;border-radius:14px;padding:10px;background:#fafbfc;display:grid;grid-gap:10px;gap:10px}.portfolio-item img{aspect-ratio:4/3}.portfolio-item img,.public-service-thumb{width:100%;object-fit:cover;border-radius:10px;background:#eef1f5}.public-service-thumb{aspect-ratio:16/9;margin-bottom:10px}.public-service-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:10px;gap:10px;margin-top:14px}.public-service-gallery figure{margin:0;display:grid;grid-gap:5px;gap:5px}.public-service-gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px}.public-service-gallery figcaption{font-size:12px;color:#6b7280}.attachment-panel{border:1px solid #e5e7eb;border-radius:14px;padding:14px;background:#fafbfc;margin-bottom:16px}.attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:10px;gap:10px}.attachment-grid a{display:grid;grid-gap:5px;gap:5px;font-size:12px;color:#4b5563}.attachment-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;background:#eef1f5}.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(15,23,42,.56);display:grid;place-items:center;padding:18px}.modal-card{width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:20px;box-shadow:0 24px 70px rgba(15,23,42,.28)}.modal-card-wide{width:min(920px,100%)}.history-item{display:grid;grid-gap:6px;gap:6px;padding:13px 0;border-bottom:1px solid #edf0f5}.history-item:last-child{border-bottom:0}.appointment-card.anticipation-opportunity{background:#f0fdf4;border:1px solid #86efac;border-radius:14px;padding:14px}.appointment-card.anticipation-opportunity+.appointment-card{margin-top:4px}.client-quick-actions{display:flex;gap:8px;margin-top:10px}.quick-icon{width:44px;height:44px;border-radius:12px;background:#eef1f5;color:#273244;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e1e5eb}.quick-icon.whatsapp{background:#ecfdf3;color:#16794b;border-color:#bbf7d0}.quick-icon:active{transform:translateY(1px)}.settings-list{display:grid;grid-gap:12px;gap:12px}.settings-row{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;grid-gap:14px;gap:14px;padding:16px 18px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;text-align:left;color:#172033;cursor:pointer}.settings-row:hover{border-color:#cbd5e1;background:#fafbfc}.settings-row>div:nth-child(2){display:grid;grid-gap:4px;gap:4px}.settings-row strong{font-size:17px}.settings-row span{font-size:13px;color:#6b7280}.settings-row b{font-size:26px;color:#94a3b8}.settings-icon{width:48px;height:48px;border-radius:14px;background:#eef6ff;color:#245a9a;display:grid;place-items:center;font-weight:800;font-size:18px}.professional-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:14px;gap:14px;margin-top:16px}.professional-card{border:1px solid #e5e7eb;border-radius:16px;padding:16px;background:#fafbfc;display:grid;grid-gap:16px;gap:16px}.professional-card-head{display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center}.professional-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#e8eef7;color:#243044;font-weight:800;font-size:20px}.professional-card-title{display:grid;grid-gap:3px;gap:3px;min-width:0}.professional-card-title strong{font-size:18px;overflow-wrap:anywhere}.professional-card-title span{font-size:13px;color:#6b7280}.professional-card-meta{display:grid;grid-template-columns:1fr 90px;grid-gap:12px;gap:12px}.professional-card-meta>div{display:grid;grid-gap:4px;gap:4px}.professional-card-meta span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;font-weight:700}.professional-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.professional-card-actions .btn{width:100%}.permission-list{display:grid;grid-gap:10px;gap:10px}.permission-list label{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start;border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fafbfc}.permission-list input{margin-top:4px}.permission-list span{display:grid;grid-gap:3px;gap:3px}.permission-list small{color:#6b7280;line-height:1.35}.availability-manager{display:grid;grid-gap:22px;gap:22px;margin-top:22px}.availability-section{border-top:1px solid #edf0f5;padding-top:20px;display:grid;grid-gap:14px;gap:14px}.availability-section:first-child{border-top:0;padding-top:0}.availability-section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.availability-section-head h3{margin:0}.availability-section-head p{margin:4px 0 0;color:#6b7280;font-size:13px}.availability-block-list,.availability-hour-list{display:grid;grid-gap:10px;gap:10px}.availability-block-card,.availability-hour-card{border:1px solid #e5e7eb;border-radius:14px;padding:14px;background:#fafbfc}.availability-time-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.availability-hour-card .field{margin-top:0}.availability-block-card{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;grid-gap:12px;gap:12px;align-items:end}.availability-block-card>div{display:grid;grid-gap:4px;gap:4px}.availability-block-card span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;font-weight:700}.availability-block-card strong{font-size:14px}.weekly-day-card,.weekly-schedule-list{display:grid;grid-gap:12px;gap:12px}.weekly-day-card{border:1px solid #e5e7eb;border-radius:16px;padding:14px;background:#fafbfc}.weekly-day-card.disabled{background:#f8fafc;opacity:.78}.weekly-day-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.weekly-day-head>div{display:grid;grid-gap:3px;gap:3px}.weekly-day-head strong{font-size:16px}.weekly-day-head span{font-size:12px;color:#6b7280}.switch-line{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.switch-line input{width:20px;height:20px}.break-toggle{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:12px;background:#eef6ff;color:#245a9a;font-weight:700}.break-toggle input{width:18px;height:18px}.break-row{padding:10px;border:1px dashed #bfdbfe;border-radius:12px;background:#f8fbff}.exception-form{display:grid;grid-gap:12px;gap:12px}.exception-mode{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.exception-mode button{min-height:44px;border:1px solid #d7dce4;border-radius:10px;background:#fff;color:#273244;font-weight:700;cursor:pointer}.exception-mode button.active{background:#111827;color:#fff;border-color:#111827}.professional-range-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin:14px 0}.professional-range-tabs button{min-height:44px;border:1px solid #d7dce4;border-radius:10px;background:#fff;color:#273244;font-weight:700;cursor:pointer}.professional-range-tabs button.active{background:#111827;color:#fff;border-color:#111827}.professional-day-groups{display:grid;grid-gap:14px;gap:14px}.professional-day-section{padding-top:14px}.professional-day-title{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:10px;border-bottom:1px solid #edf0f5;text-transform:capitalize}.professional-day-title strong{font-size:17px}.professional-day-title span{font-size:12px;color:#6b7280}@media(max-width:700px){.professional-grid{grid-template-columns:1fr}.availability-section-head{flex-direction:column}.availability-section-head .btn.auto{width:100%}.availability-block-card{grid-template-columns:1fr 1fr}.availability-block-card>.btn,.availability-block-card>div:nth-child(3){grid-column:1/-1}.availability-block-card>.btn{width:100%}}@media(max-width:560px){.portfolio-grid{grid-template-columns:1fr 1fr}.attachment-grid,.public-service-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.agenda-list .appointment-card{display:block;padding:18px 0}.agenda-list .appointment-card.anticipation-opportunity{padding:16px}.agenda-list .appointment-time{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;min-width:0}.agenda-list .appointment-time strong{font-size:18px;line-height:1.2;white-space:nowrap}.agenda-list .appointment-time span{font-size:13px;line-height:1.2;white-space:nowrap}.agenda-list .appointment-main{min-width:0;width:100%}.agenda-list .appointment-title{font-size:18px;line-height:1.3;margin-bottom:4px;overflow-wrap:anywhere}.agenda-list .appointment-main .muted.small{font-size:13px;line-height:1.35;overflow-wrap:anywhere}.agenda-list .appointment-main>.small{font-size:14px;margin-top:6px}.agenda-list .appointment-main .actions-row{margin-top:10px!important;gap:8px;flex-direction:row}.agenda-list .appointment-main .actions-row .badge{width:auto}.agenda-list .appointment-main>.btn{margin-top:12px!important;width:100%}.modal-backdrop{padding:0;align-items:end}.modal-card{width:100%;max-height:92vh;border-radius:20px 20px 0 0;padding:18px}.modal-card .top.compact{flex-direction:row;align-items:flex-start}.modal-card .top.compact .btn.auto{width:auto;min-width:90px}.client-quick-actions{margin-top:12px}.settings-row{grid-template-columns:44px minmax(0,1fr) 20px;padding:14px}.settings-icon{width:44px;height:44px}.professional-card-actions{grid-template-columns:1fr}.professional-card-meta{grid-template-columns:1fr 80px}.availability-time-row{grid-template-columns:1fr 1fr}.availability-block-card{grid-template-columns:1fr}.availability-block-card>.btn,.availability-block-card>div,.availability-block-card>div:nth-child(3){grid-column:auto}.availability-block-card>.btn{width:100%}.weekly-day-head{align-items:flex-start}.exception-mode{grid-template-columns:1fr}.exception-mode button{width:100%}.professional-day-title{align-items:flex-start;flex-direction:column;gap:3px}}.operational-backdrop{z-index:300}.operational-prompt-card{width:min(560px,100%);display:grid;grid-gap:18px;gap:18px}.operational-prompt-card h2{margin:8px 0 4px;font-size:25px}.operational-prompt-icon{width:56px;height:56px;border-radius:999px;display:grid;place-items:center;background:#eef6ff;color:#245a9a;font-size:28px;font-weight:900}.operational-prompt-icon.satisfaction{background:#fff7e6;color:#d97706}.operational-summary{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.operational-summary>div{display:grid;grid-gap:3px;gap:3px;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fafbfc}.operational-summary span{color:#6b7280;font-size:12px}.operational-summary strong{font-size:14px}.operational-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.operational-actions.secondary-line{grid-template-columns:1fr 1fr}.operational-confirm-send{display:grid;grid-gap:12px;gap:12px}.operational-confirm-send .operational-actions{grid-template-columns:1fr 1fr}@media(max-width:560px){.operational-prompt-card{border-radius:22px 22px 0 0}.operational-actions,.operational-actions.secondary-line,.operational-confirm-send .operational-actions,.operational-summary{grid-template-columns:1fr}.operational-actions .btn{width:100%}}.customer-relationship{margin-top:22px;padding:18px;border:1px solid #e5e7eb;border-radius:16px;background:#fafbfc;display:grid;grid-gap:14px;gap:14px}.customer-relationship-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.customer-relationship-head h3{margin:0 0 4px}.customer-relationship-head p{margin:0;color:#6b7280;font-size:13px}.customer-share-actions{display:flex;gap:8px;flex-wrap:wrap}.relationship-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.relationship-metrics>div{display:grid;grid-gap:4px;gap:4px;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.relationship-metrics span{color:#6b7280;font-size:12px}.relationship-metrics strong{font-size:15px}.relationship-status.normal{color:#16794b}.relationship-status.upcoming{color:#b26a00}.relationship-status.overdue{color:#b42318}.relationship-status.insufficient,.relationship-status.no_history{color:#6b7280}.relationship-alert{display:grid;grid-gap:4px;gap:4px;padding:13px;border-radius:12px;background:#fef2f2;color:#991b1b}.relationship-upcoming{padding:13px;border-radius:12px;background:#fff7e6;color:#92400e}@media(max-width:700px){.customer-relationship-head{display:grid}.customer-share-actions{display:grid}.customer-share-actions,.relationship-metrics{grid-template-columns:1fr 1fr}}@media(max-width:430px){.customer-share-actions,.relationship-metrics{grid-template-columns:1fr}.customer-share-actions .btn{width:100%}}.reactivation-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:16px}.reactivation-summary button{border:1px solid #e1e5eb;border-radius:14px;background:#fff;padding:14px;display:grid;grid-gap:5px;gap:5px;text-align:left;cursor:pointer}.reactivation-summary button.active{border-color:#111827;box-shadow:0 0 0 1px #111827}.reactivation-summary span{color:#6b7280;font-size:12px}.reactivation-summary strong{font-size:24px;color:#172033}.reactivation-list{display:grid;grid-gap:12px;gap:12px}.reactivation-card{background:#fff;border:1px solid #e5e7eb;border-left:5px solid #d1d5db;border-radius:16px;padding:16px;display:grid;grid-gap:14px;gap:14px}.reactivation-card.overdue{border-left-color:#ef4444}.reactivation-card.upcoming{border-left-color:#f59e0b}.reactivation-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.reactivation-card-head>div{display:grid;grid-gap:3px;gap:3px}.reactivation-card-head>div>strong{font-size:18px}.reactivation-card-head>div>span{color:#6b7280;font-size:12px}.reactivation-delay{padding:5px 9px;border-radius:999px;background:#fef2f2;color:#b42318;font-size:12px}.reactivation-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.reactivation-metrics>div{background:#f8fafc;border-radius:11px;padding:10px;display:grid;grid-gap:3px;gap:3px}.reactivation-habit span,.reactivation-metrics span{color:#6b7280;font-size:11px}.reactivation-metrics strong{font-size:13px}.reactivation-habit{display:grid;grid-gap:3px;gap:3px;padding:11px 12px;border-radius:11px;background:#f8fafc}.reactivation-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:700px){.reactivation-metrics{grid-template-columns:1fr 1fr}}@media(max-width:480px){.reactivation-summary{grid-template-columns:repeat(3,1fr);gap:6px}.reactivation-summary button{padding:10px 8px}.reactivation-summary strong{font-size:21px}.reactivation-actions{display:grid;grid-template-columns:1fr 1fr}.reactivation-actions .btn{width:100%}}.read-only-selection,.selected-customer{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d7dce4;border-radius:12px;background:#fafbfc;padding:12px 14px;min-height:48px}.selected-customer>div{display:grid;grid-gap:3px;gap:3px}.selected-customer span{font-size:13px;color:#6b7280}.customer-suggestions{display:grid;grid-gap:6px;gap:6px;margin-top:6px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:8px;max-height:300px;overflow:auto}.customer-suggestions button{border:0;background:#fafbfc;border-radius:10px;padding:11px 12px;text-align:left;display:flex;justify-content:space-between;gap:12px;cursor:pointer;color:#172033}.customer-suggestions button:hover{background:#eef6ff}.customer-suggestions button span{font-size:13px;color:#6b7280}.time-slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:10px;gap:10px}.time-slot-button{border:1px solid #d7dce4;background:#fff;color:#172033;border-radius:12px;min-height:58px;padding:9px 12px;display:grid;grid-gap:2px;gap:2px;cursor:pointer}.time-slot-button strong{font-size:16px}.time-slot-button span{font-size:11px;color:#6b7280}.time-slot-button:hover{border-color:#93c5fd;background:#f8fbff}.time-slot-button.selected{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 2px rgba(37,99,235,.12)}.booking-review{margin-top:12px;border:1px solid #dbe4ef;background:#f8fafc;border-radius:14px;padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px 18px;gap:12px 18px}.booking-review h3{grid-column:1/-1;margin:0 0 2px}.booking-review>div{display:grid;grid-gap:3px;gap:3px}.booking-review span{font-size:12px;color:#6b7280}.booking-review strong{font-size:15px}.calendar-selection-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;padding:10px 12px;border-radius:10px;background:#eef6ff;color:#245a9a}.calendar-selection-summary span{font-size:13px}.calendar-day:disabled{cursor:not-allowed}.calendar-day.off:disabled{opacity:.72}.public-option.selected:not(button){border:2px solid #2563eb;background:#eff6ff;padding:14px;border-radius:14px;display:grid;grid-gap:5px;gap:5px}.public-option.selected:not(button) small,.public-option.selected:not(button) span{color:#6b7280}@media(max-width:560px){.booking-review{grid-template-columns:1fr}.booking-review h3{grid-column:auto}.selected-customer{align-items:flex-start;flex-direction:column}.selected-customer .btn.auto{width:100%}.customer-suggestions button{flex-direction:column;gap:3px}.time-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.time-slot-button{padding:8px 5px}.calendar-selection-summary{align-items:flex-start;flex-direction:column;gap:3px}}.owner-professional-flag{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;margin-bottom:16px;border:1px solid #bfdbfe;border-radius:16px;background:#f8fbff}.owner-professional-flag>div{display:grid;grid-gap:4px;gap:4px}.owner-professional-flag strong{font-size:16px}.owner-professional-flag span{font-size:13px;color:#6b7280}.owner-professional-flag label{display:flex;align-items:center;gap:8px;font-weight:700;white-space:nowrap}.owner-professional-flag input{width:20px;height:20px}.plan-usage-banner{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px;margin-bottom:16px;border:1px solid #bbf7d0;border-radius:14px;background:#f7fff9}.plan-usage-banner.limit{border-color:#fcd34d;background:#fffbeb}.plan-usage-banner>div{display:grid;grid-gap:3px;gap:3px}.plan-usage-banner span:not(.badge){font-size:13px;color:#6b7280}.finance-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:18px}.finance-action{border:1px solid #dbe3ee;border-radius:16px;background:#111827;color:#fff;padding:18px;text-align:left;display:grid;grid-gap:5px;gap:5px;cursor:pointer}.finance-action.secondary{background:#fff;color:#172033}.finance-action strong{font-size:17px}.finance-action span{font-size:12px;color:inherit;opacity:.75}.finance-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.movement-list,.product-list{display:grid;grid-gap:10px;gap:10px}.movement-row,.product-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid #edf0f5}.movement-row:last-child,.product-row:last-child{border-bottom:0}.movement-row>div:first-child,.product-row>div:first-child{display:grid;grid-gap:4px;gap:4px}.movement-row span,.product-row span{font-size:12px;color:#6b7280}.movement-value{display:flex;align-items:center;gap:8px}.movement-value .badge,.product-row .badge{border:0;cursor:pointer}.stock-alert{background:#fffbeb;border:1px solid #fcd34d;color:#92400e}.stock-row{display:grid;grid-template-columns:minmax(0,1.5fr) 120px auto;align-items:center}.stock-row.low-stock{background:#fffaf0;border:1px solid #fde68a;border-radius:12px;padding:12px}.stock-balance{display:grid;grid-gap:2px;gap:2px;justify-items:center}.stock-balance span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;font-weight:700}.stock-balance strong{font-size:24px;line-height:1}.stock-balance small{font-size:11px;color:#6b7280}.stock-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.report-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;grid-gap:12px;gap:12px;align-items:end}.report-toolbar .field{margin:0}.report-actions{display:flex;gap:8px;flex-wrap:wrap}.report-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.result-card{border-color:#bbf7d0;background:#f7fff9}.professional-report-list{display:grid;grid-gap:10px;gap:10px}.professional-report-row{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(120px,1fr));grid-gap:14px;gap:14px;padding:14px;border:1px solid #e5e7eb;border-radius:14px;background:#fafbfc}.professional-report-row>div{display:grid;grid-gap:4px;gap:4px}.professional-report-row span{font-size:12px;color:#6b7280}.professional-report-row b{font-size:15px}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));grid-gap:14px;gap:14px;margin-top:16px}.plan-card{border:1px solid #dbe3ee;border-radius:18px;padding:18px;background:#fff;display:grid;grid-gap:16px;gap:16px;box-shadow:0 6px 20px rgba(17,24,39,.04)}.plan-card.inactive{opacity:.68;background:#f8fafc}.plan-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.plan-card-head h2{margin:0;font-size:20px}.plan-card-head>div{display:grid;grid-gap:4px;gap:4px}.plan-card-head>div span{font-size:13px;color:#6b7280}.plan-price{font-size:26px;font-weight:800}.plan-price small{font-size:12px;font-weight:600;color:#6b7280}.plan-limits{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.plan-limits>div{display:grid;grid-gap:3px;gap:3px;padding:10px;border-radius:12px;background:#f8fafc}.plan-limits span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;font-weight:700}.plan-features{display:flex;gap:7px;flex-wrap:wrap}.plan-features span{font-size:11px;font-weight:700;padding:5px 8px;border-radius:999px}.plan-features .on{background:#ecfdf3;color:#16794b}.plan-features .off{background:#f3f4f6;color:#9ca3af;text-decoration:line-through}.admin-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.modal-section-title{margin:8px 0 2px;padding-top:14px;border-top:1px solid #edf0f5;font-size:14px;color:#172033}.modal-section-title strong{font-size:15px}@media(max-width:900px){.professional-report-row{grid-template-columns:1fr 1fr}.professional-report-row>div:first-child{grid-column:1/-1}.stock-row{grid-template-columns:1fr 100px}.stock-actions{grid-column:1/-1;justify-content:flex-start}}@media(max-width:800px){.admin-quick-grid,.finance-actions,.report-cards{grid-template-columns:1fr}.finance-summary,.report-toolbar{grid-template-columns:1fr 1fr}.report-actions{grid-column:1/-1}}@media(max-width:560px){.owner-professional-flag,.plan-usage-banner{align-items:flex-start;flex-direction:column}.owner-professional-flag label{width:100%;justify-content:space-between}.plan-usage-banner .badge{align-self:flex-start}.finance-summary{grid-template-columns:1fr}.movement-row,.product-row{align-items:flex-start;flex-direction:column}.stock-row{display:grid;grid-template-columns:1fr}.stock-balance{justify-items:start}.stock-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;justify-content:stretch}.stock-actions .btn{width:100%}.stock-actions .badge{grid-column:1/-1;justify-self:start}.movement-value{width:100%;justify-content:space-between}.report-toolbar{grid-template-columns:1fr}.report-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.report-actions .btn:first-child{grid-column:1/-1}.professional-report-row{grid-template-columns:1fr}.professional-report-row>div:first-child{grid-column:auto}.plan-grid{grid-template-columns:1fr}.plan-limits{grid-template-columns:1fr 1fr}}.desktop-sidebar{display:flex;flex-direction:column;min-height:100vh}.desktop-sidebar .nav{align-content:start}.sidebar-footer{padding-top:24px;margin-top:auto;border-top:1px solid rgba(255,255,255,.1)}.logout-button{width:100%;min-height:44px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:transparent;color:#d7deea;font-weight:700;cursor:pointer;padding:11px 12px;text-align:left}.logout-button:hover{background:#243044;color:#fff}.logout-button:disabled{opacity:.6;cursor:not-allowed}.mobile-drawer-content{min-height:calc(100vh - 100px);display:flex;flex-direction:column}.mobile-nav{flex:0 0 auto;align-content:start}.mobile-logout{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}.mobile-logout .logout-button{font-size:16px}@media(max-width:900px){.desktop-sidebar{display:none}}.agenda-control-panel{margin-bottom:18px}.agenda-quick-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin:14px 0}.agenda-extra-filters{margin-top:12px;align-items:end}.agenda-board{display:grid;grid-gap:14px;gap:14px}.agenda-board-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#fff;border:1px solid #e4e8ef;border-radius:16px;padding:12px 14px}.agenda-view-tabs{display:flex;gap:6px;flex-wrap:wrap}.agenda-date-nav button,.agenda-view-tabs button{border:1px solid #d9dee7;background:#fff;color:#273244;border-radius:10px;min-height:42px;padding:0 14px;font-weight:800;cursor:pointer}.agenda-view-tabs button.active{background:#111827;color:#fff;border-color:#111827}.agenda-date-nav{display:flex;align-items:center;gap:8px}.agenda-date-nav>button:first-child,.agenda-date-nav>button:last-child{width:42px;padding:0;font-size:24px}.agenda-date-title{min-width:190px}.agenda-today-view{display:grid;grid-gap:10px;gap:10px;background:#fff;border:1px solid #e4e8ef;border-radius:16px;padding:14px}.agenda-today-row{display:grid;grid-template-columns:82px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:stretch}.agenda-today-time{display:grid;align-content:start;grid-gap:2px;gap:2px;padding-top:10px;color:#4b5563}.agenda-today-time strong{font-size:18px;color:#172033}.agenda-event{width:100%;border:0;border-left:5px solid #94a3b8;border-radius:12px;background:#f8fafc;text-align:left;padding:10px 12px;display:grid;grid-gap:3px;gap:3px;color:#172033;cursor:pointer;overflow:hidden}.agenda-event strong{font-size:13px}.agenda-event span{font-weight:800;overflow:hidden;text-overflow:ellipsis}.agenda-event small{font-size:11px;color:#5f6b7a;overflow:hidden;text-overflow:ellipsis}.agenda-event.status-pending{background:#fff7e6;border-left-color:#f59e0b}.agenda-event.status-confirmed{background:#eef6ff;border-left-color:#3b82f6}.agenda-event.status-in_service{background:#f3e8ff;border-left-color:#8b5cf6}.agenda-event.status-completed{background:#ecfdf3;border-left-color:#22c55e}.agenda-event.status-cancelled,.agenda-event.status-no_show{background:#fef2f2;border-left-color:#ef4444}.agenda-event.compact{height:100%;padding:6px 8px;border-radius:8px;gap:1px}.agenda-event.compact strong{font-size:11px}.agenda-event.compact span{font-size:12px}.agenda-event.compact small{font-size:10px}.agenda-week-scroll{overflow-x:auto;background:#fff;border:1px solid #e4e8ef;border-radius:16px}.agenda-week-grid{min-width:980px;display:grid;grid-template-columns:72px repeat(7,minmax(120px,1fr));grid-template-rows:58px 720px;position:relative}.agenda-week-corner,.agenda-week-head{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:#f8fafc;border-bottom:1px solid #e4e8ef;border-right:1px solid #edf0f5}.agenda-week-corner{left:0;z-index:7;display:grid;place-items:center;font-size:12px;font-weight:800;color:#6b7280}.agenda-week-head{border-top:0;border-left:0;display:grid;place-items:center;align-content:center;grid-gap:2px;gap:2px;color:#273244;cursor:pointer}.agenda-week-head strong{font-size:13px}.agenda-week-head span{font-size:12px;color:#6b7280}.agenda-week-head.today{background:#eef6ff;color:#245a9a}.agenda-time-axis{position:relative;grid-column:1;grid-row:2;border-right:1px solid #e4e8ef;background:#fafbfc;position:-webkit-sticky;position:sticky;left:0;z-index:4}.agenda-time-axis span{position:absolute;right:8px;transform:translateY(-50%);font-size:11px;color:#7b8492;white-space:nowrap}.agenda-day-column{position:relative;grid-row:2;border-right:1px solid #edf0f5;background:#fff}.agenda-day-column.today{background:#fbfdff}.agenda-day-column.clickable{cursor:crosshair}.agenda-day-column.clickable:hover{background:#fbfdff}.agenda-day-column.clickable.today:hover{background:#f5f9ff}.agenda-hour-line{position:absolute;left:0;right:0;border-top:1px solid #edf0f5}.agenda-event-position{position:absolute;left:4px;right:4px;min-height:32px;z-index:2}.agenda-month-view{background:#fff;border:1px solid #e4e8ef;border-radius:16px;padding:12px}.agenda-month-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:6px;gap:6px;margin-bottom:6px}.agenda-month-weekdays span{text-align:center;font-size:12px;font-weight:800;color:#6b7280}.agenda-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:6px;gap:6px}.agenda-month-blank,.agenda-month-day{min-height:132px;border:1px solid #e8ebf0;border-radius:12px;background:#fafbfc;padding:7px}.agenda-month-day.today{border-color:#7db4ff;background:#f7fbff}.agenda-month-day-head{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;color:#273244;padding:0 0 6px;cursor:pointer}.agenda-month-day-head strong{font-size:14px}.agenda-month-day-head span{min-width:24px;height:24px;border-radius:999px;background:#e8eef7;display:grid;place-items:center;font-size:11px}.agenda-month-events{display:grid;grid-gap:4px;gap:4px}.agenda-more{border:0;background:transparent;color:#245a9a;text-align:left;font-size:11px;font-weight:800;padding:2px 4px;cursor:pointer}@media(max-width:800px){.agenda-board-toolbar{align-items:stretch;flex-direction:column}.agenda-date-nav{justify-content:space-between}.agenda-date-title{flex:1 1;min-width:0}.agenda-quick-filters{grid-template-columns:1fr 1fr}.agenda-week-grid{min-width:900px}.agenda-month-blank,.agenda-month-day{min-height:110px}}@media(max-width:560px){.agenda-quick-filters{grid-template-columns:1fr}.agenda-board-toolbar{padding:10px}.agenda-view-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.agenda-view-tabs button{padding:0 8px}.agenda-date-nav>button:first-child,.agenda-date-nav>button:last-child{width:40px}.agenda-date-title{font-size:13px}.agenda-today-view{padding:10px}.agenda-today-row{grid-template-columns:64px minmax(0,1fr)}.agenda-today-time strong{font-size:16px}.agenda-week-scroll{border-radius:12px}.agenda-week-grid{min-width:840px;grid-template-columns:62px repeat(7,minmax(110px,1fr));grid-template-rows:54px 680px}.agenda-month-view{overflow-x:auto}.agenda-month-grid,.agenda-month-weekdays{min-width:720px}.agenda-month-blank,.agenda-month-day{min-height:116px}.agenda-event.compact span{font-size:11px}}.agenda-week-head.holiday{background:#f3e8ff;color:#6b21a8}.agenda-week-head.holiday span{color:#7e22ce}.agenda-holiday-label{padding:2px 7px;border-radius:999px;background:#7e22ce;color:#fff;font-size:9px;font-weight:800;font-style:normal}.agenda-day-column.holiday{background:#faf5ff}.agenda-day-column.holiday:hover{background:#f3e8ff}.agenda-month-day.holiday{border-color:#c084fc;background:#faf5ff}.agenda-month-head-meta{display:flex;align-items:center;gap:5px;background:transparent!important;width:auto!important;height:auto!important}.agenda-month-head-meta b{min-width:24px;height:24px;border-radius:999px;background:#e8eef7;display:grid;place-items:center;font-size:11px}.agenda-holiday-badge{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:#7e22ce;color:#fff;font-size:10px;font-weight:900;font-style:normal}.agenda-month-holiday-name{width:100%;border:0;border-radius:7px;background:#f3e8ff;color:#6b21a8;padding:5px 7px;margin-bottom:5px;text-align:left;font-size:10px;font-weight:800;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.agenda-holiday-banner{width:100%;display:flex;align-items:center;gap:12px;border:1px solid #c084fc;border-radius:14px;background:#faf5ff;color:#5b21b6;padding:12px 14px;text-align:left;cursor:pointer}.agenda-holiday-banner>div{display:grid;grid-gap:3px;gap:3px}.agenda-holiday-banner small{color:#6b7280}.agenda-holiday-icon{width:36px;height:36px;flex:0 0 36px;border-radius:999px;display:grid;place-items:center;background:#7e22ce;color:#fff;font-weight:900}.agenda-day-column.holiday-closed,.agenda-day-column.holiday-pending{cursor:not-allowed}.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.notification-bell-wrap{position:relative;z-index:20}.notification-bell{position:relative;width:40px;height:40px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#162033;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:none;font-size:17px;flex:0 0 auto}.notification-bell:hover{background:#243044}.notification-bell b{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;display:grid;place-items:center}.notification-popover{position:absolute;left:0;top:48px;width:min(390px,calc(100vw - 28px));max-height:520px;background:#fff;border:1px solid #e2e7ef;border-radius:16px;box-shadow:0 18px 50px rgba(15,23,42,.18);overflow:hidden;color:#172033;z-index:60}.notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #edf0f4}.notification-head strong{font-size:17px}.notification-head button{border:0;background:transparent;color:#2563eb;font-size:12px;font-weight:700;cursor:pointer}.notification-list{max-height:450px;overflow:auto}.notification-item{width:100%;display:grid;grid-template-columns:10px 1fr;grid-gap:10px;gap:10px;text-align:left;border:0;border-bottom:1px solid #f0f2f5;background:#fff;padding:13px 15px;cursor:pointer}.notification-item.unread{background:#f7fbff}.notification-dot{width:8px;height:8px;border-radius:999px;background:#d1d5db;margin-top:7px}.notification-item.unread .notification-dot{background:#2563eb}.notification-item strong{font-size:14px;color:#172033}.notification-item p{margin:3px 0 5px;color:#4b5563;font-size:13px;line-height:1.35}.notification-item small{color:#8a93a2;font-size:11px}.notification-empty{padding:24px;text-align:center;color:#6b7280}.mobile-header-actions{display:flex;align-items:center;gap:8px}@media(max-width:900px){.notification-bell{width:40px;height:40px;background:transparent;border-color:rgba(255,255,255,.18);color:#fff}.notification-popover{position:fixed;top:72px;right:12px;left:auto;width:min(390px,calc(100vw - 24px))}.sidebar-brand-row .notification-bell-wrap{display:none}}