body{background:var(--bg)}:root{--bg: #ffffff;--primary: #ffffff;--text: #1e1e1e;--border: #dcdcdc;--accent: #1a73e8;--hover: rgba(0, 0, 0, .05);--search-bg: #f2f2f2;--search-text: #333333}.dark{--bg: #1e1e1e;--primary: #1e1e1e;--text: #e0e0e0;--border: #333333;--accent: #388ae5;--hover: rgba(255, 255, 255, .08);--search-bg: #2c2c2c;--search-text: #cccccc}.toast-container{position:fixed;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:9999}.toast-container .toast{padding:.75rem 1rem;border-radius:6px;color:#fff;min-width:200px;box-shadow:0 2px 6px #0003;animation:fadeIn .3s ease-out}.toast-container .toast.info{background-color:#2196f3}.toast-container .toast.success{background-color:#4caf50}.toast-container .toast.error{background-color:#f44336}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.phones-table-wrapper{padding:1rem;background-color:var(--bg);color:var(--text)}.table-controls{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:1rem}.table-controls .search-input{padding:.5rem .75rem;width:100%;max-width:300px;border:1px solid var(--border);border-radius:4px;background-color:var(--search-bg);color:var(--search-text)}.table-controls .search-input:focus{outline:none;border-color:var(--accent)}.table-controls .page-size{display:flex;align-items:center;gap:.5rem}.table-controls .page-size select{padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border);background-color:var(--bg);color:var(--text)}.phones-table{width:100%;border-collapse:collapse}.phones-table th,.phones-table td{padding:.5rem;border:1px solid var(--border);text-align:left}.phones-table th{cursor:pointer;background-color:var(--primary);color:var(--text)}.phones-table th:hover{background-color:var(--accent)}.phones-table tbody tr:hover{background-color:var(--hover)}.pagination{margin-top:1rem;margin-bottom:.5rem;display:flex;gap:1rem;align-items:center}.pagination button,.pagination input{padding:.25rem .5rem;border:1px solid var(--border);background-color:var(--primary);color:var(--text);border-radius:4px;cursor:pointer}.pagination button:disabled,.pagination input:disabled{opacity:.5;cursor:not-allowed}.pagination button:hover:not(:disabled),.pagination input:hover:not(:disabled){background-color:var(--accent)}.pagination input[type=number]{width:30px;text-align:center;-moz-appearance:textfield;appearance:none}.pagination input[type=number]::-webkit-inner-spin-button,.pagination input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--primary);color:var(--text);padding:.5rem 1rem;border-bottom:1px solid var(--border)}.navbar .navbar-left,.navbar .navbar-right{display:flex;align-items:center;gap:1rem}.navbar .nav-link{color:var(--text);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px}.navbar .nav-link:hover{background-color:var(--accent)}.navbar .nav-link.router-link-active,.navbar .nav-link.router-link-exact-active{background-color:var(--hover);font-weight:600}.navbar .user-name{font-weight:500}.navbar .theme-toggle{margin-left:.5rem;background:none;border:1px solid var(--border);border-radius:4px;padding:.25rem .5rem;color:#fff;cursor:pointer;font-size:1rem}.navbar .theme-toggle:hover{background-color:var(--accent)}