:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;color:#1f2937;background:radial-gradient(circle at top left,rgba(36,72,90,.05),transparent 28%),radial-gradient(circle at bottom right,rgba(122,30,45,.04),transparent 26%),linear-gradient(180deg,#f8fafc,#f5f7fa);--bg: #f5f7fa;--bg-soft: #edf2f7;--card: #ffffff;--card-soft: #fbfcfe;--border: #e6eaf0;--border-strong: #d7dee8;--text: #1f2937;--text-soft: #6b7280;--text-faint: #8a94a6;--blue: #24485a;--blue-soft: #355f74;--blue-ghost: #eef4f7;--burgundy: #7a1e2d;--burgundy-dark: #651725;--burgundy-soft: #f8eef1;--warning: #b45309;--warning-soft: #fff7ed;--success: #166534;--success-soft: #ecfdf3;--danger: #b42318;--danger-soft: #fef3f2;--shadow-sm: 0 6px 18px rgba(15, 23, 42, .04);--shadow-md: 0 16px 36px rgba(15, 23, 42, .06)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.page-loader,.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.spinner{width:48px;height:48px;border:4px solid rgba(36,72,90,.12);border-top-color:var(--blue);border-radius:50%;animation:spin .9s linear infinite}.auth-card{width:min(980px,100%);display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;border-radius:30px;background:#fffffffa;border:1px solid var(--border);box-shadow:0 28px 64px #0f172a14}.auth-copy{padding:52px;background:radial-gradient(circle at top left,rgba(255,255,255,.08),transparent 24%),linear-gradient(180deg,#24485a,#1f3f4f);color:#f8fafc}.auth-copy h1{margin:16px 0;font-size:clamp(2.1rem,4vw,3.2rem);line-height:1.08}.auth-copy p{margin:0;max-width:32rem;color:#f8fafcd1}.badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#ffffff1f;color:#f8fafc;font-size:.85rem}.auth-form{display:grid;gap:18px;padding:52px;align-content:center;background:linear-gradient(180deg,#fff,#fbfcfe)}.auth-form.compact{padding:0;background:transparent}.auth-form label,.form-grid label{display:grid;gap:8px}.auth-form span,.form-grid span{font-size:.92rem;color:var(--text-soft)}.auth-form input,.auth-form select,.form-grid input,.form-grid select,.form-grid textarea,.filter-toolbar-grid input,.filter-toolbar-grid select{width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--border);background:#fff;color:var(--text);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.auth-form input:focus,.auth-form select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.filter-toolbar-grid input:focus,.filter-toolbar-grid select:focus{outline:none;border-color:#24485a52;box-shadow:0 0 0 4px #24485a14}.form-grid textarea{resize:vertical;min-height:110px}.form-error,.inline-alert{padding:12px 14px;border-radius:14px;background:var(--danger-soft);color:var(--danger);border:1px solid rgba(180,35,24,.12)}.success-alert{padding:12px 14px;border-radius:14px;background:var(--success-soft);color:var(--success);border:1px solid rgba(22,101,52,.12)}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;justify-content:space-between;padding:24px;background:radial-gradient(circle at top left,rgba(255,255,255,.08),transparent 24%),linear-gradient(180deg,#24485a,#203f4d);color:#f8fafc;box-shadow:14px 0 36px #0f172a14}.sidebar-main{display:grid;gap:24px}.brand-block{padding:4px 4px 0}.brand-block h1{margin:10px 0 8px;font-size:1.9rem;line-height:1.2;font-weight:700}.brand-caption{margin:0;color:#f8fafcad;font-size:.8rem;letter-spacing:.08em}.brand-subtitle{margin:0;color:#f8fafcbd;font-size:.95rem}.sidebar-nav{display:grid;gap:8px}.nav-link{display:block;padding:13px 14px;border-radius:14px;color:#f8fafcd1;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,transform .18s ease}.nav-link:hover{background:#ffffff14;border-color:#ffffff14}.nav-link.active{background:#ffffff24;border-color:#ffffff1f;color:#fff;transform:translate(-2px)}.sidebar-footer{display:grid;gap:10px}.user-chip{display:grid;gap:4px;padding:14px;border-radius:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.08)}.user-chip small{color:#f8fafcad}.content-area{padding:28px 30px}.page-section{display:grid;gap:18px}.page-header{display:flex;align-items:start;justify-content:space-between;gap:16px}.page-header h2{margin:8px 0;font-size:1.9rem;color:var(--text);letter-spacing:-.02em}.page-header p{margin:0;color:var(--text-soft);max-width:56rem}.workspace-header-actions{display:flex;flex-wrap:wrap;gap:10px}.section-tag{margin:0;font-size:.83rem;color:var(--blue-soft);letter-spacing:.08em}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.summary-card,.panel,.record-card{border-radius:20px;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.summary-card{display:grid;gap:8px;padding:20px}.summary-card.compact{padding:16px 18px}.summary-card span{color:var(--text-soft)}.summary-card strong{font-size:1.55rem;color:var(--text)}.summary-card.warning{background:linear-gradient(180deg,#fffdf9,#fff8ef);border-color:#f4dec2}.summary-card.warning strong{color:var(--warning)}.panel{padding:18px}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-heading.compact{margin-bottom:10px}.panel-heading h2,.panel-heading h3,.panel-heading h4{margin:0;color:var(--text)}.panel-heading p{margin:5px 0 0;color:var(--text-soft)}.report-request-form{display:grid;gap:18px}.report-request-stack{display:grid;gap:16px}.report-request-card{display:grid;gap:16px;padding:18px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,#fff,#fcfdff)}.report-request-card-primary{border-color:#24485a24;background:linear-gradient(180deg,#f9fbfd,#fff)}.report-request-card-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.report-request-card-header h4{margin:0;color:var(--text)}.report-request-card-header p{margin:6px 0 0;color:var(--text-soft)}.report-request-helper{margin:-2px 0 0;color:var(--text-soft);font-size:.92rem;line-height:1.7}.report-request-type-grid{display:grid;grid-template-columns:minmax(260px,420px)}.report-request-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.report-request-actions{padding-top:2px}.report-meta-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.report-meta-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:var(--blue-ghost);border:1px solid rgba(36,72,90,.12);color:var(--blue);font-size:.88rem}.context-note{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid rgba(36,72,90,.1);background:var(--blue-ghost);color:var(--blue);font-size:.92rem}.context-note strong{font-size:.9rem}.list-stack,.table-list{display:grid;gap:12px}.record-card{padding:18px}.refined-card{background:linear-gradient(180deg,#fff,#fcfdff)}.compact-record{padding:16px}.record-card,.list-item{display:flex;justify-content:space-between;align-items:start;gap:16px}.record-main{display:grid;gap:10px;flex:1;min-width:0}.record-title-row{display:flex;align-items:start;justify-content:space-between;gap:12px}.record-title-row h4{margin:0;font-size:1rem;color:var(--text)}.record-main p{margin:0;color:var(--text-soft)}.record-title-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.record-meta{display:flex;flex-wrap:wrap;gap:10px 14px;color:var(--text-soft);font-size:.92rem}.record-meta span{display:inline-flex;align-items:center;gap:6px}.status-pill,.meta-pill{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:var(--blue-ghost);color:var(--blue);font-size:.82rem;white-space:nowrap;border:1px solid rgba(36,72,90,.08)}.priority-pill.priority-low{background:#edf8f1;color:#1f6a41;border-color:#1f6a4114}.priority-pill.priority-medium{background:var(--blue-ghost);color:var(--blue)}.priority-pill.priority-high{background:var(--warning-soft);color:var(--warning);border-color:#b453091a}.priority-pill.priority-urgent{background:var(--burgundy-soft);color:var(--burgundy);border-color:#7a1e2d1a}.status-pill.warning,.warning-pill{background:var(--warning-soft);color:var(--warning);border-color:#b453091a}.is-overdue-card{border-color:#f0d2b2;background:linear-gradient(180deg,#fffdfa,#fff8f1)}.form-panel{display:grid;gap:18px}.polished-form{gap:20px}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#0f172a47;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200}.overlay-card{width:min(920px,100%);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:auto;padding:22px;border-radius:24px;background:#fffffffa;border:1px solid var(--border);box-shadow:0 28px 56px #0f172a24;display:flex;flex-direction:column}.overlay-card .overlay-body{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0}.overlay-card .panel{box-shadow:none;background:transparent;border:0;padding:0}.overlay-header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:16px}.overlay-header h2{margin:0 0 6px;color:var(--text)}.overlay-header p{margin:0;color:var(--text-soft)}.overlay-body{display:grid;gap:16px}.icon-button{width:42px;height:42px;display:inline-grid;place-items:center;border:0;border-radius:12px;background:var(--bg-soft);color:var(--blue);font-size:1.35rem;line-height:1}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.compact-inner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.full-span{grid-column:1 / -1}.assignment-box{display:grid;gap:10px;padding:16px;border-radius:16px;background:#f9fbfd;border:1px solid var(--border)}.crm-link-box{gap:14px}.crm-link-header{display:grid;gap:4px}.crm-link-header small{color:var(--text-faint)}.assignment-title{color:var(--text-soft);font-size:.92rem}.project-context-card{display:grid;gap:6px;padding:14px 16px;border-radius:14px;background:var(--blue-ghost);border:1px solid rgba(36,72,90,.08)}.project-context-card strong{color:var(--blue)}.project-context-card.muted{background:#f8fafc}.project-context-meta{display:flex;flex-wrap:wrap;gap:10px 14px;color:var(--text-soft);font-size:.9rem}.member-checks{display:flex;flex-wrap:wrap;gap:10px}.member-check{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:#fff;border:1px solid var(--border);color:var(--text)}.member-check input{accent-color:var(--blue)}.form-actions,.record-actions,.inline-action-row,.workspace-header-actions{display:flex;flex-wrap:wrap;gap:10px}.primary-button,.secondary-button,.danger-button,.filter-tab,.quick-action-card{border:0;border-radius:14px;padding:11px 15px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.filter-tab:hover,.quick-action-card:hover{transform:translateY(-1px)}.primary-button{background:linear-gradient(180deg,var(--burgundy) 0%,var(--burgundy-dark) 100%);color:#fff8f7;box-shadow:0 10px 22px #7a1e2d29}.secondary-button{background:#f7fafc;color:var(--blue);border:1px solid var(--border)}.danger-button{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(180,35,24,.1)}.small-button{padding:9px 12px;border-radius:12px;font-size:.9rem}.filter-panel{background:linear-gradient(180deg,#fff,#fbfcfe)}.filter-toolbar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.filter-toolbar-grid.extended{grid-template-columns:repeat(4,minmax(0,1fr))}.filter-tabs{display:flex;flex-wrap:wrap;gap:10px}.filter-tab{background:#f8fafc;color:var(--blue);border:1px solid var(--border)}.filter-tab.active{background:var(--blue);color:#f8fafc;border-color:#24485a29;box-shadow:0 10px 20px #24485a1f}.workspace-list-panel .panel-heading{margin-bottom:10px}.quick-actions-panel{padding:14px}.quick-actions-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.quick-action-card{display:grid;gap:7px;text-align:right;background:linear-gradient(180deg,#fff,#f9fbfd);border:1px solid var(--border);color:var(--text);box-shadow:none}.quick-action-card strong{color:var(--blue)}.quick-action-card span{color:var(--text-soft);font-size:.92rem}.notification-center-panel{padding:18px}.notification-groups{display:grid;gap:12px}.notification-group{display:grid;gap:12px;padding:14px;border-radius:18px;background:#fbfcfe;border:1px solid var(--border)}.notification-group-header-row{display:flex;align-items:start;justify-content:space-between;gap:12px}.notification-group-header{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:0;border:0;background:transparent;text-align:right;color:var(--text)}.notification-group-header h4{margin:0;color:var(--text)}.notification-group-header p{margin:4px 0 0;color:var(--text-soft)}.notification-items{display:grid;gap:10px}.notification-action-card{display:grid;gap:12px;padding:15px;border-radius:16px;background:#fff;border:1px solid var(--border)}.notification-action-card.is-overdue{background:#fffdfa;border-color:#f0d2b2}.notification-action-card.is-near{background:#fafcff;border-color:#24485a29}.notification-action-card.is-shared{box-shadow:inset 3px 0 #7a1e2d2e}.notification-action-main{display:grid;gap:8px}.notification-action-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.notification-action-header h5{margin:0;font-size:.98rem;color:var(--text)}.notification-action-main p{margin:0;color:var(--text-soft)}.notification-action-buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.notification-postpone{display:grid;gap:8px}.compact-action-row{gap:8px}.report-rows,.grouped-report-list{display:grid;gap:10px}.report-row,.grouped-report-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#f9fbfd;border:1px solid var(--border);color:var(--text)}.report-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.report-sections{display:grid;gap:18px}.report-section-block{display:grid;gap:10px}.table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:16px;background:#fff}.report-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}.report-table th,.report-table td{padding:12px 14px;text-align:right;border-bottom:1px solid var(--border);vertical-align:top}.report-table th{background:#f8fafc;color:var(--blue);font-weight:700}.report-table tbody tr:hover td{background:#fbfcfe}.report-table tbody tr:last-child td{border-bottom:0}.reference-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.settings-hub-card{display:grid;gap:8px;padding:18px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(180deg,#fff,#fbfcfe);box-shadow:var(--shadow-sm);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.settings-hub-card:hover{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.settings-hub-card strong{color:var(--blue);font-size:1rem}.settings-hub-card span{color:var(--text-soft)}.settings-grid{align-items:start}.toggle-field{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;background:#f9fbfd;border:1px solid var(--border)}.toggle-field input{width:auto;margin:0;accent-color:var(--blue)}.file-upload-grid{margin-bottom:18px}.color-dot{width:16px;height:16px;border-radius:999px;border:2px solid rgba(15,23,42,.06)}.subtle-note,.empty-state{margin:0;padding:20px 16px;text-align:center;color:var(--text-soft);background:#0f172a05;border-radius:12px;border:1px dashed rgba(15,23,42,.1);font-size:.9rem}.compact-mode .content-area{padding:24px 26px}.compact-mode .page-section{gap:16px}.lock-screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#0f172a52;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50}.lock-screen-card{width:min(480px,100%);padding:28px;border-radius:24px;background:#fffffffa;border:1px solid var(--border);box-shadow:0 28px 50px #0f172a24}.lock-screen-card h2{margin:14px 0 10px;color:var(--text)}.lock-screen-card p{margin:0 0 10px;color:var(--text-soft)}.lock-email{font-weight:600;color:var(--text)}@keyframes spin{to{transform:rotate(360deg)}}.panel-actions{display:flex;align-items:center;gap:10px}@media (max-width: 1280px){.report-summary-grid,.summary-grid,.quick-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-request-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dual-report-grid,.reference-settings-grid{grid-template-columns:1fr}.settings-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1080px){.summary-grid,.quick-actions-grid,.report-summary-grid,.filter-toolbar-grid,.filter-toolbar-grid.extended,.report-request-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-request-type-grid{grid-template-columns:minmax(220px,360px)}}@media (max-width: 860px){.shell{grid-template-columns:1fr}.sidebar{gap:20px}.auth-card{grid-template-columns:1fr}}@media (max-width: 640px){.content-area,.auth-form,.auth-copy,.sidebar,.lock-screen-card,.overlay-card{padding:20px}.summary-grid,.form-grid,.quick-actions-grid,.filter-toolbar-grid,.filter-toolbar-grid.extended,.report-summary-grid,.compact-inner-grid,.settings-hub-grid,.report-request-type-grid,.report-request-grid{grid-template-columns:1fr}.record-card,.record-title-row,.record-title-badges,.notification-group-header-row,.notification-group-header,.notification-action-header,.page-header,.panel-actions,.overlay-header,.report-row,.grouped-report-item{flex-direction:column;align-items:stretch}}.dashboard-greeting{display:flex;flex-direction:column;gap:4px;padding:4px 0 8px}.dashboard-greeting-date{margin:0;font-size:.85rem;color:#0f172a8c;font-weight:500}.dashboard-greeting-title{margin:0;font-size:1.7rem;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1.2}@media (max-width: 640px){.dashboard-greeting-title{font-size:1.4rem}}@media (max-width: 860px){.overlay-backdrop{padding:0;align-items:stretch;backdrop-filter:none;-webkit-backdrop-filter:none}.overlay-card{width:100%;max-width:100%;max-height:100vh;max-height:100dvh;border-radius:18px 18px 0 0;padding:16px 16px calc(8px + env(safe-area-inset-bottom,0px));margin-top:auto;animation:overlaySlideUp .25s ease-out}@keyframes overlaySlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.overlay-header{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(15,23,42,.08)}.overlay-header h2{font-size:1.15rem}.overlay-header p{display:none}.overlay-body{padding-bottom:8px}.overlay-card .form-actions{position:sticky;bottom:0;left:0;right:0;z-index:2;margin:12px -16px 0;padding:12px 16px calc(8px + env(safe-area-inset-bottom,0px));background:#fffffffa;border-top:1px solid rgba(15,23,42,.08);display:flex;gap:8px;flex-wrap:wrap}.overlay-card .form-actions>*{flex:1 1 calc(50% - 4px);min-width:0;min-height:44px}}.client-tools-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.client-tools-row>button{flex:1 1 150px;min-height:40px}.scan-card-start{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;padding:24px 12px}.scan-card-start .primary-button{font-size:1rem;padding:14px 22px}.scan-card-hint{margin:0;color:#0f172a8c;font-size:.85rem;max-width:360px}.scan-card-preview{display:flex;justify-content:center;padding:8px;background:#0f172a0a;border-radius:14px}.scan-card-preview img{max-width:100%;max-height:260px;border-radius:10px;box-shadow:0 2px 10px #0f172a1f}.scan-card-progress{display:flex;flex-direction:column;gap:8px}.scan-card-progress p{margin:0;font-size:.88rem;color:#0f172ab3}.scan-card-progress-bar{width:100%;height:6px;border-radius:999px;background:#0f172a14;overflow:hidden}.scan-card-progress-fill{height:100%;background:linear-gradient(90deg,#7a1e2d,#9a2a3e);transition:width .2s ease}.scan-card-output label{display:flex;flex-direction:column;gap:6px}.scan-card-output textarea{width:100%;padding:10px;border-radius:10px;border:1px solid rgba(15,23,42,.15);font-family:inherit;font-size:.92rem;resize:vertical;min-height:120px}.client-quick-filters{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.client-quick-filter{display:inline-flex;align-items:center;gap:6px;flex:1 1 0;min-width:120px;padding:10px 14px;border-radius:12px;border:1px solid rgba(15,23,42,.1);background:#fff;color:#0f172ab3;cursor:pointer;font-size:.9rem;font-weight:600;min-height:44px;justify-content:center;transition:background .15s ease,color .15s ease,border-color .15s ease}.client-quick-filter.active{background:#7a1e2d;border-color:#7a1e2d;color:#fff}.client-quick-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#0f172a14;font-size:.72rem;font-weight:700}.client-quick-filter.active .client-quick-filter-count{background:#ffffff38;color:#fff}.toast-stack{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:12px;right:12px;z-index:300;display:flex;flex-direction:column;gap:8px;pointer-events:none}@media (min-width: 861px){.toast-stack{top:24px;left:auto;right:24px;width:min(360px,calc(100% - 48px))}}.toast{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#0f172a;color:#fff;box-shadow:0 8px 24px #0f172a4d;pointer-events:auto;cursor:pointer;animation:toastIn .2s ease-out;max-width:100%}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.toast-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-weight:700;font-size:.8rem;flex-shrink:0}.toast-message{flex:1;font-size:.92rem;font-weight:500;line-height:1.4}.toast-success{background:#16a34a}.toast-success .toast-icon{background:#ffffff38}.toast-error{background:#b91c1c}.toast-error .toast-icon{background:#ffffff38}.toast-info{background:#0f172a}.toast-info .toast-icon{background:#ffffff2e}.content-area>section,.content-area>div>section{animation:pageFadeIn .22s ease-out}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-line{display:block;border-radius:8px;background:linear-gradient(90deg,#eaecef,#f3f5f7,#eaecef);background-size:200% 100%;animation:skeletonShimmer 1.4s ease-in-out infinite}.skeleton-card{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid rgba(15,23,42,.06)}.skeleton-list{display:flex;flex-direction:column;gap:10px}.skeleton-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.skeleton-stat{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;background:#fff;border:1px solid rgba(15,23,42,.06)}.empty-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 20px;text-align:center;color:#0f172aa6}.empty-state-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#7a1e2d14;color:#7a1e2d;margin-bottom:4px}.empty-state-icon svg{width:28px;height:28px}.empty-state-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--text)}.empty-state-description{margin:0;font-size:.88rem;color:#0f172a99;max-width:320px}.empty-state-action{margin-top:6px}@media (max-width: 860px){.report-request-card{padding:14px!important}.report-request-card-header h4{font-size:1rem}.report-request-card-header p{font-size:.82rem}.report-request-type-grid{gap:10px}.report-request-grid{display:flex!important;flex-direction:row;flex-wrap:nowrap;gap:10px;overflow-x:auto;padding:4px 2px 10px;margin:0 -4px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.report-request-grid::-webkit-scrollbar{display:none}.report-request-grid>*{flex:0 0 220px;min-width:220px;scroll-snap-align:start}.report-request-helper{font-size:.8rem}.report-request-actions{position:sticky;bottom:calc(74px + env(safe-area-inset-bottom,0px));z-index:40;background:#fff;padding:10px 0;margin:12px -4px -4px;border-top:1px solid rgba(15,23,42,.08)}.report-request-actions button{flex:1;min-height:44px}.report-panel{padding:14px!important}.report-summary-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px}.report-section-block{padding:12px 0}.table-scroll{margin:0 -14px;padding:0 14px;overflow-x:auto;-webkit-overflow-scrolling:touch}.report-table{font-size:.82rem;min-width:max-content}.report-table th,.report-table td{padding:8px 10px!important;white-space:nowrap}}.template-tasks-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.template-task-row{display:flex;gap:6px;align-items:stretch}.template-task-row>input,.template-task-row>select{padding:8px 10px;border-radius:8px;border:1px solid rgba(15,23,42,.15)}.template-task-row>input[placeholder="عنوان المهمة"]{flex:1}.template-task-row>button{padding:4px 10px!important;font-size:.9rem!important;min-width:36px}.portal-shell{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#f8f5f2,#eee4db);padding:24px 12px;display:flex;justify-content:center}.portal-card{width:100%;max-width:860px;background:#fff;border-radius:20px;box-shadow:0 12px 40px #0f172a14;padding:28px 24px;display:flex;flex-direction:column;gap:22px}.portal-header{display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(15,23,42,.08);padding-bottom:18px}.portal-logo{width:68px;height:68px;object-fit:contain}.portal-header h1{margin:0 0 4px;font-size:1.3rem;color:#7a1e2d}.portal-header p{margin:0;color:#0f172ab3;font-size:.9rem}.portal-stage-card{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:14px;background:#0f172a08;border-top:4px solid transparent}.portal-stage-icon{font-size:2rem}.portal-stage-card strong{display:block;font-size:.8rem;color:#0f172a8c;margin-bottom:4px}.portal-stage-card h2{margin:0;font-size:1.35rem}.portal-section h3{margin:0 0 12px;font-size:1.05rem;color:var(--text);border-right:3px solid #7a1e2d;padding-right:10px}.portal-projects,.portal-appointments{display:grid;gap:10px}.portal-project-card{padding:14px 16px;border-radius:12px;background:#fff;border:1px solid rgba(15,23,42,.08)}.portal-project-card h4{margin:0 0 6px;font-size:1rem}.portal-project-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:.82rem;color:#0f172aa6;margin-bottom:6px}.portal-project-card small{color:#0f172a80;font-size:.75rem}.portal-status{padding:2px 10px;border-radius:999px;background:#0f172a14;font-weight:600}.portal-status-completed{background:#16a34a1f;color:#16a34a}.portal-status-active{background:#c9973a24;color:#8a6216}.portal-appointment-card{display:flex;gap:14px;padding:12px 14px;border-radius:12px;background:#7a1e2d0a;border-right:3px solid #7a1e2d}.portal-appointment-date{font-weight:700;color:#7a1e2d;min-width:110px;font-size:.85rem}.portal-appointment-card strong{display:block;font-size:.95rem;margin-bottom:2px}.portal-appointment-card small{font-size:.78rem;color:#0f172a99}.portal-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.portal-photo{display:block;border-radius:10px;overflow:hidden;background:#0f172a0d;text-decoration:none;color:inherit;transition:transform .15s ease}.portal-photo:hover{transform:scale(1.02)}.portal-photo img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.portal-photo-caption{padding:6px 10px;font-size:.8rem;color:#0f172ab3;background:#fff}.portal-footer{text-align:center;padding-top:18px;border-top:1px solid rgba(15,23,42,.08);color:#0f172a99}.portal-footer p{margin:0 0 4px;font-weight:600}.portal-footer small{font-size:.8rem}.portal-management{display:flex;flex-direction:column;gap:16px}.portal-disabled-state{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:14px;background:#0f172a08;text-align:center;align-items:center}.portal-enabled-state{display:flex;flex-direction:column;gap:14px}.portal-status-indicator{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#16a34a14;color:#16a34a}.portal-status-dot{width:10px;height:10px;border-radius:50%;background:#16a34a;animation:portalPulse 2s ease-in-out infinite}@keyframes portalPulse{0%,to{box-shadow:0 0 #16a34a66}50%{box-shadow:0 0 0 5px #16a34a00}}.portal-status-indicator small{color:#0f172a8c;margin-right:auto}.portal-url-box{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:#0f172a0a;border:1px dashed rgba(15,23,42,.15);cursor:pointer;overflow:hidden}.portal-url-box code{flex:1;font-size:.82rem;color:#7a1e2d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-url-copy{font-size:.72rem;color:#0f172a80;white-space:nowrap}.client-contact-bar{display:flex;flex-wrap:wrap;gap:8px}.client-contact-action{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:12px;border:1px solid rgba(15,23,42,.1);background:#fff;color:var(--text);text-decoration:none;cursor:pointer;font-size:.9rem;font-weight:600;min-height:42px;transition:background .15s ease,border-color .15s ease}.client-contact-action:hover{border-color:#7a1e2d4d;background:#7a1e2d0a}.client-contact-action.wa{background:#25d366;color:#fff;border-color:#25d366}.client-contact-action.wa:hover{background:#1fb858;border-color:#1fb858}.client-contact-action.add-phone{border-style:dashed;color:#0f172a8c}.wa-template-list{display:flex;gap:6px;overflow-x:auto;flex-wrap:wrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}.wa-template-chip{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#fff;color:#0f172ab3;cursor:pointer;font-size:.85rem;font-weight:600;white-space:nowrap;min-height:36px}.wa-template-chip.active{background:#25d366;border-color:#25d366;color:#fff}.file-category-block{margin-top:16px}.file-category-title{margin:0 0 10px;font-size:.95rem;font-weight:700;color:var(--text)}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.photo-tile{position:relative;display:block;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background:#0f172a0d;text-decoration:none;border:1px solid rgba(15,23,42,.08);transition:transform .15s ease,box-shadow .15s ease}.photo-tile:hover{transform:scale(1.02);box-shadow:0 6px 18px #0f172a26}.photo-tile img{width:100%;height:100%;object-fit:cover;display:block}.photo-tile.approval-tile{border-color:#16a34a4d;box-shadow:0 0 0 2px #16a34a26}.photo-tile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:8px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 60%);color:#fff;gap:2px;opacity:0;transition:opacity .15s ease}.photo-tile:hover .photo-tile-overlay{opacity:1}.photo-caption{font-size:.78rem;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.photo-date,.photo-project{font-size:.68rem;opacity:.85}.photo-delete{position:absolute;top:6px;left:6px;width:24px;height:24px;border-radius:50%;border:none;background:#dc2626e6;color:#fff;cursor:pointer;font-size:1.1rem;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.photo-tile:hover .photo-delete{opacity:1}@media (max-width: 860px){.photo-tile-overlay,.photo-delete{opacity:1}}.contractor-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.contractor-contact-action{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:#fff;color:var(--text);text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .15s ease}.contractor-contact-action:hover{background:#7a1e2d08;border-color:#7a1e2d26;transform:translateY(-1px)}.contractor-contact-action span{font-size:1.8rem;line-height:1}.contractor-contact-action strong{display:block;font-size:.95rem;margin-bottom:2px}.contractor-contact-action small{font-size:.8rem;color:#0f172a99}.project-contractors-block{margin-top:10px;padding:10px 12px;border-radius:10px;background:#0f172a08;border:1px solid rgba(15,23,42,.06)}.project-contractors-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.project-contractors-header strong{font-size:.9rem;color:var(--text)}.project-contractors-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.project-contractor-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:#fff;border:1px solid rgba(15,23,42,.06);flex-wrap:wrap}.project-contractor-item strong{font-size:.88rem}.project-contractor-item small{color:#0f172a99;font-size:.78rem}.contractor-specialty{color:#0f172a66!important}.project-contractor-actions{display:flex;gap:4px;flex-wrap:wrap}.project-contractor-actions>*{padding:4px 10px!important;font-size:.78rem!important;min-height:32px!important}.dashboard-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 860px){.dashboard-shortcuts{grid-template-columns:repeat(2,1fr)}}.dashboard-shortcut{display:flex;align-items:center;gap:10px;padding:14px;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:#fff;cursor:pointer;text-align:right;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 1px 2px #0f172a08}.dashboard-shortcut:hover{background:#7a1e2d08;border-color:#7a1e2d26;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0f}.dashboard-shortcut:active{transform:scale(.98)}.dashboard-shortcut-icon{font-size:1.8rem;line-height:1;flex-shrink:0}.dashboard-shortcut strong{display:block;font-size:.95rem;color:var(--text);margin-bottom:2px}.dashboard-shortcut small{font-size:.78rem;color:#0f172a8c}.today-schedule{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.today-schedule-item{display:flex;gap:12px;padding:12px;border-radius:14px;background:#0f172a05;border:1px solid rgba(15,23,42,.06);cursor:pointer;transition:background .15s ease,transform .15s ease}.today-schedule-item:hover{background:#0f172a0a;transform:translate(-2px)}.today-schedule-appointment{border-right:3px solid #c9973a}.today-schedule-task{border-right:3px solid #7a1e2d}.today-schedule-time{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:64px;padding:0 8px;border-left:1px solid rgba(15,23,42,.08)}.today-schedule-icon{font-size:1.2rem}.today-schedule-time strong{font-size:.9rem;color:var(--text)}.today-schedule-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.today-schedule-body h4{margin:0;font-size:.95rem;color:var(--text)}.today-schedule-body p{margin:0;font-size:.82rem;color:#0f172a99}.today-schedule-body a{align-self:flex-start;margin-top:4px}.today-overdue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.today-overdue-list li a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:#c251590f;border-right:3px solid #c25159;color:var(--text);text-decoration:none;transition:background .15s ease}.today-overdue-list li a:hover{background:#c251591f}.today-overdue-list small{font-size:.78rem;color:#0f172a99}.record-card.is-inactive{opacity:.6}.stage-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;color:#fff;letter-spacing:.01em}.pipeline-board{display:grid;grid-template-columns:repeat(7,minmax(220px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}@media (max-width: 860px){.pipeline-board{grid-template-columns:repeat(7,260px);scroll-snap-type:x mandatory}.pipeline-column{scroll-snap-align:start}}.pipeline-column{display:flex;flex-direction:column;background:#0f172a05;border-radius:14px;border:1px solid rgba(15,23,42,.06);min-height:200px;transition:background .15s ease,border-color .15s ease}.pipeline-column.is-drop-target{background:#7a1e2d0f;border-color:#7a1e2d33;border-style:dashed}.pipeline-column-header{display:flex;align-items:center;gap:10px;padding:14px 14px 10px;border-top:3px solid transparent;border-radius:14px 14px 0 0}.pipeline-column-header strong{display:block;font-size:.92rem;color:var(--text)}.pipeline-column-header small{font-size:.75rem;color:#0f172a8c}.pipeline-stage-icon{font-size:1.1rem}.pipeline-column-body{flex:1;display:flex;flex-direction:column;gap:8px;padding:4px 10px 12px}.pipeline-empty{padding:14px;text-align:center;color:#0f172a66;font-size:.82rem;border:1px dashed rgba(15,23,42,.1);border-radius:10px}.pipeline-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:10px 12px;box-shadow:0 1px 2px #0f172a0a;cursor:grab;transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;gap:6px}.pipeline-card:hover{box-shadow:0 4px 12px #0f172a14;transform:translateY(-1px)}.pipeline-card.is-dragging{opacity:.5;cursor:grabbing}.pipeline-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.pipeline-card-header strong{font-size:.92rem;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pipeline-card-open{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#0f172a0d;color:#0f172a99;text-decoration:none;font-weight:700;transition:background .15s ease}.pipeline-card-open:hover{background:#7a1e2d1a;color:#7a1e2d}.pipeline-card-meta{display:flex;flex-direction:column;gap:2px;font-size:.74rem;color:#0f172a99}.pipeline-card-move{font-size:.78rem;padding:6px 8px;border:1px solid rgba(15,23,42,.1);border-radius:8px;background:#0f172a05;width:100%;margin-top:4px}.auth-logo{display:block;width:140px;height:auto;margin:0 auto 16px}.brand-logo{display:block;width:96px;height:auto;margin:0 auto 8px;filter:brightness(0) invert(1) drop-shadow(0 2px 6px rgba(0,0,0,.2))}.mobile-header-logo{display:inline-block;width:32px;height:32px;object-fit:contain;border-radius:8px;background:#7a1e2d0a;padding:3px;flex-shrink:0}@media (max-width: 640px){.auth-logo{width:110px}}.client-timeline{display:flex;flex-direction:column;gap:16px}.timeline-idle-alert{padding:12px 16px;border-radius:12px;background:#c251591a;color:#8a2934;font-size:.9rem;font-weight:600;border-right:4px solid #c25159}.timeline-last-contact{padding:8px 14px;border-radius:10px;background:#7a1e2d0f;color:#0f172ab3;font-size:.85rem;font-weight:500;display:inline-flex;align-self:flex-start}.timeline-month{display:flex;flex-direction:column;gap:10px}.timeline-month-header{display:flex;align-items:center;gap:12px;font-size:.82rem;font-weight:700;color:#0f172a8c;letter-spacing:.02em;position:relative;padding:8px 0}.timeline-month-header:after{content:"";flex:1;height:1px;background:#0f172a14}.timeline-day{display:flex;flex-direction:column;gap:8px}.timeline-day-label{font-size:.78rem;font-weight:700;color:#0f172a99;padding:0 12px}.timeline-events{list-style:none;margin:0;padding:0;position:relative}.timeline-events:before{content:"";position:absolute;top:16px;bottom:16px;right:23px;width:2px;background:#0f172a14}.timeline-event{position:relative;display:flex;gap:10px;padding:10px 12px;margin-bottom:8px}.timeline-event-dot{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid rgba(15,23,42,.1);flex-shrink:0;position:relative;z-index:1}.timeline-event-icon{font-size:1rem;line-height:1}.timeline-event-follow_up .timeline-event-dot{border-color:#7a1e2d;background:#7a1e2d0d}.timeline-event-task .timeline-event-dot{border-color:#7fa37e;background:#7fa37e14}.timeline-event-appointment .timeline-event-dot{border-color:#c9973a;background:#c9973a14}.timeline-event-file .timeline-event-dot{border-color:#6f7a8a;background:#6f7a8a14}.timeline-event-project .timeline-event-dot,.timeline-event-milestone .timeline-event-dot{border-color:#9a2a3e;background:#9a2a3e14}.timeline-event-body{flex:1;background:#fff;padding:10px 14px;border-radius:14px;border:1px solid rgba(15,23,42,.06);box-shadow:0 1px 2px #0f172a08}.timeline-event-header{display:flex;align-items:start;justify-content:space-between;gap:8px;margin-bottom:4px}.timeline-event-header strong{font-size:.95rem;color:var(--text)}.timeline-event-time{font-size:.78rem;color:#0f172a80;flex-shrink:0}.timeline-event-body p{margin:4px 0 0;font-size:.85rem;color:#0f172ab3;line-height:1.5}.timeline-event-meta{display:flex;gap:10px;margin-top:6px;font-size:.78rem;color:#0f172a8c;flex-wrap:wrap}.timeline-next-action{display:flex;gap:10px;align-items:start;margin-top:10px;padding:8px 12px;border-radius:10px;background:#fbe5a840;border-right:3px solid #c9973a}.timeline-next-action-label{font-size:.75rem;font-weight:700;color:#8a6216;white-space:nowrap}.timeline-next-action p{margin:0;font-size:.85rem;color:#0f172acc}.timeline-next-action small{display:block;margin-top:2px;font-size:.75rem;color:#0f172a99}.timeline-event-actions{margin-top:8px;display:flex;gap:6px;justify-content:flex-end}.timeline-filter-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.timeline-filter-chips::-webkit-scrollbar{display:none}.timeline-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#fff;color:#0f172ab3;cursor:pointer;font-size:.82rem;font-weight:600;white-space:nowrap;min-height:32px;flex:0 0 auto}.timeline-filter-chip.active{background:#7a1e2d;border-color:#7a1e2d;color:#fff}.timeline-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin-bottom:14px}.timeline-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;border-radius:12px;background:#0f172a08;text-align:center;gap:2px}.timeline-stat-value{font-size:1.15rem;font-weight:700;color:var(--text)}.timeline-stat-label{font-size:.72rem;color:#0f172a99}.profile-tabs{display:flex;gap:4px;overflow-x:auto;padding:4px;border-radius:16px;background:#0f172a0d;border:1px solid rgba(15,23,42,.08);-webkit-overflow-scrolling:touch;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1 1 auto;padding:10px 14px;border-radius:12px;border:none;background:transparent;color:#0f172a99;cursor:pointer;font-size:.92rem;font-weight:600;white-space:nowrap;min-height:44px;transition:background .15s ease,color .15s ease}.profile-tab:hover{color:#0f172ad9}.profile-tab.active{background:#fff;color:#7a1e2d;box-shadow:0 2px 8px #0f172a14}.profile-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#0f172a1a;color:#0f172ab3;font-size:.7rem;font-weight:700}.profile-tab.active .profile-tab-count{background:#7a1e2d1f;color:#7a1e2d}@media (max-width: 860px){.profile-tabs{border-radius:14px}.profile-tab{padding:9px 10px;font-size:.85rem}.profile-tab-count{display:none}.profile-tab.active .profile-tab-count{display:inline-flex}}.mobile-filter-chips{display:none}@media (max-width: 860px){.mobile-filter-chips{display:flex;gap:8px;overflow-x:auto;margin-bottom:14px;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-filter-chips::-webkit-scrollbar{display:none}.mobile-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#fff;color:#0f172ab3;cursor:pointer;font-size:.85rem;font-weight:600;white-space:nowrap;min-height:36px;flex:0 0 auto;transition:background .15s ease,color .15s ease,border-color .15s ease}.mobile-filter-chip.active{background:#7a1e2d;border-color:#7a1e2d;color:#fff}.mobile-filter-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#0f172a14;font-size:.7rem;font-weight:700}.mobile-filter-chip.active .mobile-filter-chip-count{background:#ffffff38;color:#fff}}.grouped-list{display:none}@media (max-width: 860px){.grouped-list{display:flex;flex-direction:column;gap:16px}.grouped-list-section{display:flex;flex-direction:column;gap:8px}.grouped-list-header{display:flex;align-items:center;gap:8px;padding:4px 2px}.grouped-list-header h4{margin:0;font-size:.95rem;font-weight:700;color:var(--text);flex:1}.grouped-list-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.grouped-list-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#0f172a0f;color:#0f172aa6;font-size:.72rem;font-weight:700}.grouped-list-items{display:flex;flex-direction:column;gap:10px}.workspace-list-panel .record-card,.grouped-list-items .record-card{padding:14px 16px!important;gap:10px!important}.workspace-list-panel .record-card h4,.grouped-list-items .record-card h4{font-size:1.02rem;margin:0}.workspace-list-panel .record-card>.record-main>p,.grouped-list-items .record-card>.record-main>p{display:none}.workspace-list-panel .record-card .record-meta,.grouped-list-items .record-card .record-meta{gap:4px 10px;font-size:.78rem}.workspace-list-panel .record-card .record-meta>span:nth-child(n+5),.grouped-list-items .record-card .record-meta>span:nth-child(n+5){display:none}.workspace-list-panel .record-actions,.grouped-list-items .record-actions{flex-wrap:wrap;gap:6px}.workspace-list-panel .record-actions>*,.grouped-list-items .record-actions>*{flex:1 1 calc(50% - 3px);min-width:0;padding:9px 10px;font-size:.82rem;min-height:40px;text-align:center}.filter-panel{padding:12px!important}.filter-panel label span{font-size:.78rem;font-weight:600;color:#0f172aa6}.filter-panel input,.filter-panel select{min-height:44px}.content-area .page-header{flex-direction:column;gap:8px;align-items:flex-start}.content-area .page-header>div:first-child>p.section-tag{display:none}.content-area .page-header h2{font-size:1.35rem;margin:0}.content-area .page-header>div:first-child>p:not(.section-tag){display:none}.content-area .page-header .workspace-header-actions{display:none}html,body{overflow-x:hidden;max-width:100%}.shell,.content-area,.page-section,.panel,.workspace-list-panel,.grouped-list,.grouped-list-section,.grouped-list-items,.record-card{max-width:100%;overflow-x:hidden}.record-card{flex-direction:column!important}.record-meta{flex-wrap:wrap!important;max-width:100%}.record-meta>span{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.record-title-row{flex-wrap:wrap;gap:6px}.record-title-badges{flex-wrap:wrap;gap:4px}}.next-appointment-card{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#7a1e2d,#9a2a3e);color:#fff;cursor:pointer;border:none;text-align:right;box-shadow:0 6px 20px #7a1e2d38;transition:transform .15s ease,box-shadow .15s ease}.next-appointment-card:hover{transform:translateY(-1px);box-shadow:0 8px 26px #7a1e2d47}.next-appointment-card:active{transform:scale(.995)}.next-appointment-label{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#ffffffd1;font-weight:600}.next-appointment-dot{width:8px;height:8px;border-radius:50%;background:#fbe5a8;box-shadow:0 0 0 4px #fbe5a838;animation:nextAppointmentPulse 2s ease-in-out infinite}@keyframes nextAppointmentPulse{0%,to{box-shadow:0 0 0 3px #fbe5a838}50%{box-shadow:0 0 0 6px #fbe5a84d}}.next-appointment-title{margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.next-appointment-meta{margin:0;font-size:.9rem;color:#ffffffe0}.fab-container{display:none}.fab-button{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,#7a1e2d,#9a2a3e);color:#fff;box-shadow:0 6px 20px #7a1e2d66;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.fab-button:active{transform:scale(.95);box-shadow:0 4px 14px #7a1e2d59}.fab-icon{transition:transform .2s ease}.fab-container.open .fab-icon{transform:rotate(45deg)}.fab-menu{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;animation:fabMenuIn .2s ease}@keyframes fabMenuIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fab-menu-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;border:none;background:#fff;color:#0f172a;box-shadow:0 4px 14px #0f172a24;cursor:pointer;font-size:.95rem;font-weight:600;text-align:right;min-height:44px;white-space:nowrap}.fab-menu-item:active{transform:scale(.98)}.fab-menu-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#7a1e2d14;color:#7a1e2d}.notification-items-mobile{display:none}@media (max-width: 860px){.hidden-mobile,.hide-on-mobile,.notification-items-desktop{display:none!important}.notification-items-mobile{display:grid;gap:8px}.fab-container{display:flex;flex-direction:column;align-items:flex-end;position:fixed;bottom:calc(82px + env(safe-area-inset-bottom,0px));left:16px;z-index:55}.notification-action-card{padding:12px 14px!important;gap:8px!important}.notification-action-card h5{font-size:.98rem;margin:0}.notification-action-card>.notification-action-main>p{display:none}.notification-action-card .record-meta{gap:4px 10px;font-size:.78rem}.notification-action-buttons{flex-wrap:wrap;gap:6px}.notification-action-buttons .small-button{flex:1 1 auto;min-width:0;padding:8px 10px;font-size:.8rem;min-height:38px}.notification-group-header h4{font-size:1.05rem}.notification-group-header p{font-size:.78rem}.notification-group-header-row{margin-bottom:10px}.notification-show-more{width:100%;padding:10px;margin-top:4px;border-radius:12px;border:1px dashed rgba(15,23,42,.18);background:#7a1e2d0a;color:#7a1e2d;cursor:pointer;font-size:.88rem;font-weight:600;min-height:40px}.notification-show-more:active{background:#7a1e2d14}.notification-center-panel{padding:14px!important;gap:14px!important}.notification-center-panel .panel-heading h3{font-size:1.1rem}.notification-center-panel .panel-heading p{font-size:.82rem}.page-section{gap:14px}}.mobile-header,.mobile-nav{display:none}@media (max-width: 860px){.shell{grid-template-columns:1fr;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.sidebar{display:none}.content-area{padding:0 16px 24px}.mobile-header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:50;margin:0 -16px 12px;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;background:#f7f8fa;border-bottom:1px solid rgba(15,23,42,.08)}.mobile-header-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.mobile-header-action{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;border:1px solid rgba(15,23,42,.1);background:#fff;color:var(--text);cursor:pointer;box-shadow:0 1px 2px #0f172a0a}.mobile-header-action:active{transform:scale(.96)}.mobile-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:8px 4px calc(6px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid rgba(15,23,42,.1);box-shadow:0 -4px 20px #0f172a0f}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px;min-height:56px;border-radius:12px;color:#0f172a99;text-decoration:none;transition:color .15s ease,background .15s ease}.mobile-nav-item:active{background:#0f172a0a}.mobile-nav-item.active{color:var(--accent, #7a1e2d)}.mobile-nav-icon{display:inline-flex;width:24px;height:24px}.mobile-nav-icon svg{width:100%;height:100%}.mobile-nav-label{font-size:.7rem;font-weight:600;line-height:1}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=datetime-local],input[type=time],input[type=search],input[type=tel],input[type=url],select,textarea{font-size:16px}.primary-button,.secondary-button,.danger-button{min-height:44px;padding:10px 16px}.page-header h2{font-size:1.5rem;margin-top:0}.section-tag{font-size:.72rem}}@media (max-width: 380px){.content-area{padding:0 12px 24px}.mobile-header{margin:0 -12px 10px;padding-left:12px;padding-right:12px}.mobile-nav-label{font-size:.65rem}}