@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.card{padding:24px}@media(max-width:768px){.card{padding:12px;border-radius:8px}}.card-compact{background:var(--background-card);border-radius:12px;padding:12px;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:transform .2s ease,box-shadow .2s ease}.card-compact:active{transform:scale(.98)}@media(max-width:768px){.card-compact{padding:8px}}.section{background:var(--background-card);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px}@media(max-width:768px){.section{padding:12px;gap:8px}}.page-header{display:flex;justify-content:space-between;align-items:center;flex-direction:column;padding:24px 0;margin-bottom:12px}@media(max-width:768px){.page-header{gap:12px}}.page-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-style:normal;font-weight:600;font-size:30px;line-height:120%;letter-spacing:-.02em;color:var(--text)}@media(max-width:768px){.page-title{font-size:24px}}.page-title{align-self:flex-start;display:flex;align-items:baseline;gap:8px}.page-title .count{color:var(--link-color);font-weight:600}.page-controls{display:flex;gap:12px;justify-content:space-between;align-items:center;width:100%}@media(max-width:768px){.page-controls{flex-direction:column;gap:8px;align-items:stretch}}.page-content{flex:1;width:100%;box-sizing:border-box}.search-container{display:flex;gap:12px;align-items:center}@media(max-width:768px){.search-container{flex-direction:column;width:100%;gap:12px}}.search-input{background:var(--background-input);border:1px solid var(--border-default);border-radius:8px;padding:8px 12px;font-size:14px;color:var(--text);transition:border-color .2s ease}.search-input::-moz-placeholder{color:var(--text-disabled);opacity:1}.search-input::placeholder{color:var(--text-disabled);opacity:1}.search-input:hover{border-color:var(--color-grey-300)}.search-input:focus{border-color:var(--border-focus);outline:none}@media(max-width:768px){.search-input{font-size:12px}}.search-input{min-width:200px;border-radius:24px}@media(max-width:768px){.search-input{width:100%}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:500;text-transform:none;border-radius:48px;padding:8px 12px;cursor:pointer;transition:all .2s ease}@media(max-width:768px){.btn-primary{font-size:14px;padding:8px}}.btn-primary{background:#3d73ff;color:var(--button-primary-text);border:1px solid #3d73ff}.btn-primary:hover{background:#5887ff;border-color:#5887ff}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:500;text-transform:none;border-radius:48px;padding:8px 12px;cursor:pointer;transition:all .2s ease}@media(max-width:768px){.btn-secondary{font-size:14px;padding:8px}}.btn-secondary{background:var(--background-button);color:var(--button-text);border:1px solid var(--button-border)}.btn-secondary:hover{background:var(--background-button-hover);color:var(--button-text-hover)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:500;text-transform:none;border-radius:48px;padding:8px 12px;cursor:pointer;transition:all .2s ease}@media(max-width:768px){.btn-danger{font-size:14px;padding:8px}}.btn-danger{background:var(--button-danger-bg);color:var(--button-primary-text);border:1px solid var(--button-danger-bg)}.btn-danger:hover{background:var(--button-danger-bg-hover);border-color:var(--button-danger-bg-hover)}.btn-add{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:500;text-transform:none;border-radius:48px;padding:8px 12px;cursor:pointer;transition:all .2s ease}@media(max-width:768px){.btn-add{font-size:14px;padding:8px}}.btn-add{background:#3d73ff;color:var(--button-primary-text);border:1px solid #3d73ff}.btn-add:hover{background:#5887ff;border-color:#5887ff}.btn-add{margin-left:auto}@media(max-width:768px){.btn-add{margin-left:0;width:100%}}.btn-icon{color:var(--icon-color);padding:8px;border-radius:8px;transition:all .2s ease}.btn-icon:hover{color:var(--icon-hover-color);background:var(--background-button-hover)}.table-container{width:100%;overflow-x:auto}.table-wrapper{background:var(--background-card);border-radius:12px;overflow:hidden}@media(max-width:768px){.table-wrapper{background:rgba(0,0,0,0);border-radius:0}}.mobile-card-list{display:flex;flex-direction:column;gap:12px}@media(min-width:1024px){.mobile-card-list{display:none}}@media(max-width:768px){.mobile-card{display:flex;flex-direction:column;background:var(--background-table-row);border-radius:8px;padding:8px;margin-bottom:12px;border:1px solid var(--border-default)}.mobile-card-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-subtle);font-size:12px}.mobile-card-row:last-child{border-bottom:none}.mobile-card-row:before{content:attr(data-label);font-weight:500;color:var(--link-color);min-width:100px}}.status-online{background:rgba(72,193,120,.2);color:var(--status-online)}.status-offline,.status-online{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:500}.status-offline{background:rgba(255,72,83,.2);color:var(--status-offline)}.status-warning{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:500;background:rgba(255,184,0,.2);color:var(--status-warning)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background:var(--status-online)}.status-dot.offline{background:var(--status-offline)}.status-dot.warning{background:var(--status-warning)}.form-wrapper{display:flex;flex-direction:column;gap:20px}@media(max-width:768px){.form-wrapper{gap:12px}}.form-section{background:var(--background-card);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px}@media(max-width:768px){.form-section{padding:12px;gap:8px}}.form-row{display:flex;gap:12px}@media(max-width:768px){.form-row{flex-direction:column}}.form-group{display:flex;flex-direction:column;gap:4px;flex:1}.form-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-style:normal;font-weight:500;font-size:13px;line-height:145%;letter-spacing:-.02em;color:var(--text)}@media(max-width:768px){.form-label{font-size:12px}}.form-input{background:var(--background-input);border:1px solid var(--border-default);border-radius:8px;padding:8px 12px;font-size:14px;color:var(--text);transition:border-color .2s ease}.form-input::-moz-placeholder{color:var(--text-disabled);opacity:1}.form-input::placeholder{color:var(--text-disabled);opacity:1}.form-input:hover{border-color:var(--color-grey-300)}.form-input:focus{border-color:var(--border-focus);outline:none}@media(max-width:768px){.form-input{font-size:12px}}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:12px}@media(max-width:768px){.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.divider{height:1px;width:100%}.divider,.divider-vertical{background-color:var(--color-white-15)}.divider-vertical{width:1px;height:100%}.skeleton,.skeleton-card,.skeleton-row,.skeleton-text,.skeleton-title{background:linear-gradient(90deg,var(--background-skeleton) 25%,var(--color-grey-300) 50%,var(--background-skeleton) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:8px}.skeleton-text{height:16px;width:100%}.skeleton-title{height:24px;width:60%}.skeleton-card{height:100px;border-radius:12px}.skeleton-row{height:48px;margin-bottom:8px}@media(max-width:768px){.hide-mobile{display:none!important}}@media(max-width:1024px){.hide-tablet{display:none!important}}.show-mobile{display:none!important}@media(max-width:768px){.show-mobile{display:block!important}}.show-tablet{display:none!important}@media(max-width:1024px){.show-tablet{display:block!important}}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row;align-items:center}.flex-1{flex:1}.flex-grow{flex-grow:1}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:12px}.gap-lg{gap:20px}.p-xs{padding:4px}.p-sm{padding:8px}.p-md{padding:12px}.p-lg{padding:24px}.mt-sm{margin-top:8px}.mt-md{margin-top:12px}.mt-lg{margin-top:24px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:12px}.mb-lg{margin-bottom:24px}.text-primary{color:var(--text)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--status-online)}.text-error{color:var(--status-offline)}.text-warning{color:var(--status-warning)}.text-link{color:var(--link-color)}.text-sm{font-size:12px}.text-base{font-size:14px}.text-md{font-size:18px}.text-lg{font-size:20px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px;text-align:center;color:var(--text-secondary)}.empty-state .empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-state .empty-title{font-size:20px;font-weight:500;margin-bottom:8px}.empty-state .empty-text{font-size:14px;max-width:300px}.error-message{color:var(--status-offline);font-size:12px;margin-top:4px}.error-box{background:var(--toast-error-bg);border:1px solid var(--toast-error-border);border-radius:8px;padding:12px;color:var(--status-offline)}.success-box{background:var(--toast-success-bg);border:1px solid var(--toast-success-border);border-radius:8px;padding:12px;color:var(--status-online)}.info-box{background:var(--toast-info-bg);border:1px solid var(--toast-info-border);border-radius:8px;padding:12px;color:var(--status-warning)}:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--color-black:#171820;--color-black-40:rgba(23,24,32,0.4);--color-graphit:#26272f;--color-white:#ffffff;--color-white-40:rgba(255,255,255,0.4);--color-white-30:rgba(255,255,255,0.3);--color-white-25:rgba(255,255,255,0.25);--color-white-15:rgba(255,255,255,0.15);--color-white-10:rgba(255,255,255,0.1);--color-white-05:rgba(255,255,255,0.05);--color-grey-100:#313239;--color-grey-200:#464752;--color-grey-300:#666774;--color-grey-400:#9395ac;--color-grey-500:#6d6d75;--color-primary:#3d73ff;--color-primary-hover:#5887ff;--color-primary-50:rgba(61,115,255,0.5);--color-secondary:#48c178;--color-secondary-20:rgba(72,193,120,0.2);--color-accent:#ffb800;--color-accent-20:rgba(255,184,0,0.2);--color-error:#ff4853;--color-error-20:rgba(255,72,83,0.2);--color-error-light:#ff646d;--color-error-60:rgba(255,100,109,0.6);--color-purple:#9868ff;--color-purple-light:#b38fff;--color-pink:#ec79ff;--color-aqua:#38dbd1;--background:#171820;--background-dark:#171820;--background-component:#26272f;--background-card:#26272f;--background-card-hover:#464752;--background-input:transparent;--background-button:rgba(255,255,255,0.1);--background-button-hover:rgba(255,255,255,0.15);--background-button-primary:#3d73ff;--background-button-primary-hover:#5887ff;--background-toast:#26272f;--background-table:#26272f;--background-table-header:#26272f;--background-table-row:#26272f;--background-table-row-hover:#464752;--background-overlay:rgba(38,39,47,0.52);--background-header:#26272f;--background-footer:#26272f;--background-sidebar:#26272f;--background-modal:#26272f;--background-skeleton:#464752;--background-box:#26272f;--text:#ffffff;--text-primary:#ffffff;--text-secondary:#6d6d75;--text-muted:#9395ac;--text-disabled:#666774;--text-inverse:#171820;--button-text:#ffffff;--button-text-hover:#3d73ff;--button-border:rgba(255,255,255,0.15);--button-primary-bg:var(--primary);--button-primary-bg-hover:#0069d9;--button-primary-text:#ffffff;--button-secondary-bg:var(--secondary);--button-secondary-bg-hover:#5a6268;--button-success-bg:var(--success);--button-success-bg-hover:#218838;--button-danger-bg:var(--danger);--button-danger-bg-hover:#c82333;--button-warning-bg:var(--warning);--button-warning-bg-hover:#e0a800;--button-info-bg:var(--info);--button-info-bg-hover:#138496;--link-color:#6d6d75;--link-hover-color:#3d73ff;--icon-color:#9395ac;--icon-hover-color:#3d73ff;--status-online:var(--success);--status-offline:var(--danger);--status-warning:var(--warning);--status-info:var(--info);--border-default:#464752;--border-subtle:#313239;--border-focus:var(--primary);--border-error:var(--danger);--border-success:var(--success);--toast-success:var(--success);--toast-success-bg:rgba(40,167,69,0.1);--toast-success-border:rgba(40,167,69,0.2);--toast-error:var(--danger);--toast-error-bg:rgba(220,53,69,0.1);--toast-error-border:rgba(220,53,69,0.2);--toast-warning:var(--warning);--toast-warning-bg:rgba(255,193,7,0.1);--toast-warning-border:rgba(255,193,7,0.2);--toast-info:var(--info);--toast-info-bg:rgba(23,162,184,0.1);--toast-info-border:rgba(23,162,184,0.2);--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-base:16px;--spacing-lg:24px;--spacing-xl:32px;--gap-xs:4px;--gap-sm:8px;--gap-md:12px;--gap-base:10px;--gap-lg:20px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:24px;--radius-round:48px;--shadow-sm:0 2px 4px rgba(0,0,0,0.1);--shadow-md:0 4px 12px rgba(0,0,0,0.2);--shadow-lg:0 8px 24px rgba(0,0,0,0.3);--transition-fast:0.2s ease;--transition-base:0.3s ease;--transition-slow:0.4s ease-in-out;--z-overlay:900;--z-header:1000;--z-footer:1150;--z-dropdown:1100;--z-dropdown-popper:1150;--z-modal:1200;--z-toast:1300;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-family:var(--font-family-sans-serif);--font-family-mono:var(--font-family-monospace);--font-size-xs:10px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-4xl:38px;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-base:145%;--line-height-heading:120%;--line-height-tight:100%}[data-theme=dark]{--background:#171820;--text:#ffffff;--background-card:#26272f;--background-button:rgba(255,255,255,0.1);--background-button-hover:rgba(255,255,255,0.15)}*,:after,:before{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{font-size:16px;overflow-y:scroll;scroll-behavior:smooth}@media(max-width:768px){html{font-size:14px}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--background);color:var(--text);font-style:normal;font-weight:600;font-size:15px;line-height:145%;letter-spacing:-.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,button{touch-action:manipulation}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-style:normal;font-weight:600;letter-spacing:-.02em;margin:0;padding:0}h1{font-size:30px;line-height:120%}@media(max-width:768px){h1{font-size:20px}}h2{font-size:20px;line-height:125%}@media(max-width:768px){h2{font-size:17px}}h3{font-size:17px;line-height:125%}@media(max-width:768px){h3{font-size:15px}}a,p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-style:normal;font-weight:600;font-size:15px;line-height:145%;letter-spacing:-.02em}@media(max-width:768px){a,p{font-size:14px}}a{color:var(--link-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--link-hover-color);text-decoration:underline}.button,button{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-style:normal;font-weight:600;font-size:14px;line-height:145%;letter-spacing:-.02em;background:var(--background-button);color:var(--button-text);border:1px solid var(--button-border);border-radius:12px;padding:8px 12px;cursor:pointer;transition:background .2s ease,color .2s ease;text-transform:none}.button:hover,button:hover{background:var(--background-button-hover);color:var(--button-text-hover)}@media(max-width:768px){.button,button{font-size:13px;padding:8px}}.container{width:100%;max-width:1200px;margin:0 auto;padding:16px}@media(max-width:1024px){.container{padding:12px}}@media(max-width:768px){.container{padding:8px}}.card{background:var(--background-card);border-radius:12px;padding:12px;box-shadow:0 2px 4px rgba(0,0,0,.1)}@media(max-width:768px){.card{padding:8px;border-radius:8px}}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--background-table)}table td,table th{padding:8px;border-bottom:1px solid var(--border-default);text-align:left}table th{font-weight:500;color:var(--text-muted);background:var(--background-table-header)}table td{font-size:14px}table tr:last-child td{border-bottom:none}@media(max-width:768px){table thead{display:none}table tbody tr{display:flex;flex-direction:column;margin-bottom:12px;border:1px solid var(--border-default);border-radius:8px;padding:8px;background:var(--background-table-row)}table td{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-subtle)}table td:before{content:attr(data-label);font-weight:500;color:var(--text-muted);min-width:100px}table td:last-child{border-bottom:none}.hidden-mobile{display:none}}@media(max-width:1024px){.hidden-tablet{display:none}}.visible-mobile{display:none}@media(max-width:768px){.visible-mobile{display:block}}.rootContainer{display:flex;flex-direction:column;min-height:100vh;background:var(--background);color:var(--text)}@media(max-width:768px){.rootContainer{font-size:14px}}input,select,textarea{font-size:16px}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.MuiInputBase-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.MuiInputBase-input[type=number]::-webkit-inner-spin-button,.MuiInputBase-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}