:root{--color-bg: #e9eef3;--color-surface: #ffffff;--color-surface-elevated: #f5f8fb;--color-text: #1a2330;--color-text-muted: #5a6573;--color-border: #c9d2dc;--color-primary: #1f4b7a;--color-primary-hover: #183a5f;--color-destructive: #b42318;--color-destructive-hover: #912018;--color-success: #1b7a3f;--color-warning: #b45309;--color-offline: #6b7280;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--shadow-sm: 0 1px 2px rgba(26, 35, 48, .06);--shadow-md: 0 4px 14px rgba(26, 35, 48, .08);--focus-ring: #1f4b7a;--touch-min: 44px;--app-max-width: 80rem;--auth-max-width: 24rem;color:var(--color-text);background:var(--color-bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;min-height:100vh;min-height:100dvh;background:var(--color-bg);color:var(--color-text);overflow-x:hidden}#root{min-height:100%;min-height:100vh;min-height:100dvh}img,video{max-width:100%;height:auto}:focus{outline:none}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app{width:100%;max-width:var(--app-max-width);margin:0 auto;padding:max(var(--space-4),env(safe-area-inset-top,0px)) max(var(--space-4),env(safe-area-inset-right,0px)) max(var(--space-8),env(safe-area-inset-bottom,0px)) max(var(--space-4),env(safe-area-inset-left,0px));min-height:100vh;min-height:100dvh;overflow-x:hidden}.app--guest{display:flex;flex-direction:column}.app--guest .panel-auth{width:100%;max-width:var(--auth-max-width);margin-left:auto;margin-right:auto;box-shadow:var(--shadow-md)}.app-header{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.app-header-brand h1{margin:0;font-size:clamp(1.35rem,4vw,1.75rem);line-height:1.2;overflow-wrap:anywhere}.app-title{margin:var(--space-1) 0 0;font-size:1.05rem;font-weight:600;color:var(--color-text)}.subtitle{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:.95rem;overflow-wrap:anywhere;word-break:break-word}.app-header-account{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-width:0}.app-header-user{min-width:0}.app-header-user-label{margin:0;font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em}.app-header-phone{margin:var(--space-1) 0 0;font-size:1.05rem;font-weight:600;overflow-wrap:anywhere;word-break:break-word;-webkit-user-select:text;user-select:text}.app-header-meta{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:.9rem;overflow-wrap:anywhere;word-break:break-word;-webkit-user-select:text;user-select:text}.header-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:stretch}.header-actions>button{flex:1 1 auto;min-width:min(100%,8rem)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);min-width:0}.panel h2{margin:0 0 var(--space-3);font-size:1.15rem}.panel-auth-lead{margin:0 0 var(--space-4);color:var(--color-text-muted);font-size:.95rem}.banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4);font-size:.95rem;overflow-wrap:anywhere;word-break:break-word;-webkit-user-select:text;user-select:text}.banner-error{background:#fdecea;border:1px solid #f5c2c0;color:#8a1f17}.banner-success{background:#eef8f1;border:1px solid #9dceb0;color:#166534}.field{margin-bottom:var(--space-3)}.field label{display:block;margin-bottom:var(--space-1);font-weight:600;font-size:.9rem}input[type=tel],input[type=password],input[type=text]{width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:1rem}input:disabled{background:var(--color-surface-elevated);color:var(--color-text-muted);cursor:not-allowed}button{min-height:var(--touch-min);min-width:var(--touch-min);font:inherit;font-size:.95rem;font-weight:500;cursor:pointer;border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);transition:background .15s ease,border-color .15s ease,color .15s ease}button:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}button:disabled{opacity:.7;cursor:not-allowed;background:#9aa7b8;border-color:#9aa7b8;color:#f3f5f7}button.button-secondary{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary)}button.button-secondary:hover:not(:disabled){background:#eef4ff}button.button-secondary:disabled{background:var(--color-surface-elevated);color:var(--color-text-muted);border-color:var(--color-border)}.login-form>button[type=submit]{width:100%}.tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.tab{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-border);flex:1 1 auto;min-width:min(100%,8rem)}.tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600}.tab.active:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,10.5rem),1fr));gap:var(--space-3)}.summary-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--color-surface-elevated);box-shadow:var(--shadow-sm);min-width:0;border-left:4px solid var(--color-border)}.summary-card--users{border-left-color:var(--color-primary)}.summary-card--pending,.summary-card--waiting{border-left-color:var(--color-warning)}.summary-card--active,.summary-card--available,.summary-card--accepted{border-left-color:var(--color-success)}.summary-card--blocked{border-left-color:var(--color-destructive)}.summary-card--busy{border-left-color:var(--color-warning)}.summary-card h3{margin:0;font-size:.85rem;font-weight:600;color:var(--color-text-muted);overflow-wrap:anywhere}.summary-card p{margin:var(--space-2) 0 0;font-size:clamp(1.35rem,3vw,1.65rem);font-weight:700;-webkit-user-select:text;user-select:text;overflow-wrap:anywhere}.table-meta{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:.9rem;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.pagination{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-top:var(--space-3)}.pagination>button{flex:1 1 auto;min-width:min(100%,8rem)}.table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}table,.data-table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:top;font-size:.9rem;overflow-wrap:anywhere;word-break:break-word;-webkit-user-select:text;user-select:text}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-muted);background:var(--color-surface-elevated);white-space:nowrap}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;overflow-wrap:anywhere;word-break:break-word;-webkit-user-select:text;user-select:text}.badge{display:inline-flex;align-items:center;max-width:100%;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-elevated);color:var(--color-text);font-size:.8rem;font-weight:600;line-height:1.3;overflow-wrap:anywhere;word-break:break-word;-webkit-user-select:text;user-select:text}.badge-user-pending,.badge-call-waiting{border-color:#e6c48a;background:#fff7eb;color:#7a5b00}.badge-user-active,.badge-availability-available,.badge-role-admin{border-color:#9dceb0;background:#eef8f1;color:#166534}.badge-user-blocked,.badge-call-cancelled{border-color:#f0b4b0;background:#fdecea;color:#991b1b}.badge-availability-offline,.badge-call-ended,.badge-role-user{border-color:var(--color-border);background:#eef1f4;color:#334155}.badge-availability-busy{border-color:#e6c48a;background:#ffedd5;color:#9a3412}.badge-call-accepted,.badge-role-operator{border-color:#b6d0f5;background:#dbeafe;color:#1e40af}.loading-inline{margin:0 0 var(--space-3);color:var(--color-text-muted)}.table-actions{min-width:0}.button-activate{width:100%;max-width:100%;min-height:var(--touch-min)}.dialog-backdrop{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;padding:max(var(--space-4),env(safe-area-inset-top,0px)) max(var(--space-4),env(safe-area-inset-right,0px)) max(var(--space-4),env(safe-area-inset-bottom,0px)) max(var(--space-4),env(safe-area-inset-left,0px));background:#1a233073}.dialog{width:min(100%,24rem);max-width:100%;min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md)}.dialog-title{margin:0 0 var(--space-2);font-size:1.1rem;overflow-wrap:anywhere}.dialog-body{margin:0 0 var(--space-4);color:var(--color-text);overflow-wrap:anywhere;word-break:break-word}.dialog-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.dialog-actions>button{flex:1 1 auto;min-width:min(100%,8rem)}.loading-screen{display:flex;align-items:center;justify-content:center}@media(min-width:480px){.app-header-account{flex-direction:row;align-items:center;justify-content:space-between}.header-actions{flex-shrink:0}.header-actions>button{flex:0 1 auto;width:auto}.login-form>button[type=submit]{width:auto;min-width:8rem}.dialog-backdrop{align-items:center}}@media(min-width:768px){.app{padding:max(var(--space-6),env(safe-area-inset-top,0px)) max(var(--space-5),env(safe-area-inset-right,0px)) max(var(--space-8),env(safe-area-inset-bottom,0px)) max(var(--space-5),env(safe-area-inset-left,0px))}.app-header{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.app-header-account{max-width:28rem}.tabs{gap:var(--space-2)}.tab{flex:0 1 auto}.summary-grid{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}}@media(min-width:1024px){.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.app-header-account{max-width:32rem}}@media(max-width:767px){.table-wrap{overflow-x:visible}.data-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tbody{display:flex;flex-direction:column;gap:var(--space-3)}.data-table tr{margin:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-sm)}.data-table td{display:grid;grid-template-columns:minmax(6.5rem,9rem) minmax(0,1fr);gap:var(--space-2);align-items:baseline;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.data-table td:last-child{border-bottom:0;padding-bottom:0}.data-table td:first-child{padding-top:0}.data-table td:before{content:attr(data-label);font-weight:600;color:var(--color-text-muted);font-size:.85rem}}@media(max-width:359px){.data-table td{grid-template-columns:1fr;gap:var(--space-1)}.tab{min-width:100%}}