html{font-size:12px}:root{--color-bg:#000;--color-surface:#111;--color-text:#f1f5f9;--color-muted:#9ca3af;--color-primary:#f94608;--shadow-primary:0 4px 12px #f946084d}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:fadeIn 1s ease-in-out;background-color:#000;color:#f1f5f9;line-height:1.5;min-height:100vh}.container{animation:slideUp .8s ease-in-out;background-color:#111;border-radius:50px;margin:3rem auto;max-width:800px;padding:3rem}h1,h2,h3,h4{color:#fff;font-weight:700;letter-spacing:.02em;margin-bottom:1rem;transition:color .3s ease}h1:hover,h2:hover,h3:hover,h4:hover,p{color:#f1f5f9}p{font-size:1rem;margin-bottom:1.25rem;transition:color .3s ease}label{color:#fff;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}input,select,textarea{background-color:#111;border:1.5px solid #000;border-radius:8px;color:#f1f5f9;font-size:1rem;outline-offset:3px;padding:.75rem 1rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#f94608;box-shadow:0 0 12px #f946084d;outline:none}input[type=checkbox]{accent-color:#f94608;cursor:pointer;height:20px;width:20px}button{background:#f94608;border:none;border-radius:10px;box-shadow:0 5px 15px #f9460866;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;margin-top:1.5rem;padding:.75rem 1.8rem;transition:background .4s ease,box-shadow .4s ease,transform .2s ease;-webkit-user-select:none;user-select:none}button:hover{background:#e03d07;box-shadow:0 7px 22px #f9460899;transform:scale(1.05)}.grid{grid-gap:1.8rem;display:grid;gap:1.8rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background-color:#f94608;border:1px solid #f94608;border-radius:12px;box-shadow:0 6px 18px #f946084d;color:#fff;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 10px 28px #f9460880;transform:translateY(-8px)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#333;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#f94608}a{color:#f94608;font-weight:600;text-decoration:none;transition:color .25s ease}footer{color:#f1f5f9;font-size:.9rem;margin-top:4rem;text-align:center}footer,nav{-webkit-user-select:none;user-select:none}nav{align-items:center;animation:slideDown .8s ease-in-out;background-color:#111;display:flex;gap:2rem;padding:1rem 2rem}nav a{background-color:initial;border-radius:8px;color:#fff;font-weight:700;padding:8px 16px;text-decoration:none;transition:background-color .3s ease,color .3s ease,transform .2s ease}nav a.active,nav a:hover{background-color:#f94608;box-shadow:0 5px 15px #f9460866;color:#fff;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #10b981b3;transform:scale(1)}50%{box-shadow:0 0 0 10px #10b98100;transform:scale(1.05)}}.dashboard-container{background-color:#000;background-color:var(--color-bg);color:#9ca3af;color:var(--color-muted);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh}.dashboard-sidebar{background-color:#111;background-color:var(--color-surface);border-right:1px solid #222;color:#f1f5f9;color:var(--color-text);display:flex;flex-direction:column;flex-shrink:0;max-width:250px;min-width:250px;overflow-y:auto;width:250px}.sidebar-content{overflow-y:auto;padding:1rem}.view-section{margin-bottom:1.5rem}.view-section h3{color:#f1f5f9;color:var(--color-text);font-size:1rem;font-weight:600;margin-bottom:.5rem}.view-btn{background-color:#f94608;background-color:var(--color-primary);transition:.2s}.view-btn:not(.active){background-color:initial}.view-buttons{gap:.5rem}.view-btn{background-color:initial;border:1px solid #222;color:#f1f5f9;color:var(--color-text);margin-bottom:.25rem;padding:.5rem;transition:all .2s ease}.view-btn:hover{border-color:#f94608}.view-btn.active,.view-btn:hover{border-color:var(--color-primary)}.view-btn.active{background-color:var(--color-primary);color:#f1f5f9;color:var(--color-text);font-weight:700}.depot-view{margin-top:2rem}.depot-device-types{margin-bottom:2rem}.depot-title{align-items:center;color:#f1f5f9;color:var(--color-text);display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.device-type-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}@media (max-width:768px){.device-type-cards{gap:.5rem;grid-template-columns:1fr;margin-bottom:1rem}}.device-type-card{align-items:center;background-color:#111;background-color:var(--color-surface);border:1px solid #333;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.device-type-card:hover{box-shadow:0 4px 12px #f9460833;transform:translateY(-2px)}.device-type-card.active,.device-type-card:hover{border-color:#f94608;border-color:var(--color-primary)}.device-type-card.active{background-color:#f94608;background-color:var(--color-primary);color:#fff}.device-type-icon{align-items:center;background-color:#f946081a;border-radius:8px;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.device-type-card.active .device-type-icon{background-color:#fff3}.device-type-info{flex:1 1}.device-type-name{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.device-type-count{font-size:.9rem;opacity:.8}.depot-devices-section{margin-top:2rem}.section-title{color:#f1f5f9;color:var(--color-text);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.status-badge{background-color:#10b981;border-radius:4px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.depot-header h1{color:#f1f5f9;color:var(--color-text);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.no-data-depot{background-color:#111;background-color:var(--color-surface);border:1px solid #334155;border-radius:8px;color:#64748b;font-size:1rem;padding:2rem;text-align:center}.dashboard-sidebar h2{color:#f1f5f9;color:var(--color-text);font-size:1.1rem;font-weight:600;margin:1.5rem 0 1rem}.device-type-list,.store-list{list-style:none;margin:0;padding:0}.store-item{background-color:initial;font-weight:400;margin-bottom:.5rem;opacity:1;transition:.3s}.store-item,.store-item.active{color:#f1f5f9;color:var(--color-text)}.store-item.active{background-color:var(--color-primary);font-weight:700}.dashboard-main{background-color:#000;background-color:var(--color-bg);flex-grow:1;overflow-y:auto;padding:1.5rem}.dashboard-main,.search-input{color:#f1f5f9;color:var(--color-text)}.search-input{background-color:#111;background-color:var(--color-surface);border:1.5px solid #f94608;border:1.5px solid var(--color-primary);border-radius:6px;font-size:1rem;margin-bottom:1.5rem;max-width:400px;padding:.6rem 1rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#f94608;box-shadow:0 0 12px #f946084d;outline:none}.stats-section{align-items:stretch;display:flex;flex-wrap:nowrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}@media (max-width:768px){.stats-section{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.dashboard-card{min-width:auto;width:100%}}.dashboard-card{background:#f94608;background:var(--color-primary);border-radius:8px;box-shadow:0 0 10px #7a64f666;color:#fff;cursor:default;display:flex;flex-direction:column;font-weight:700;justify-content:center;min-height:100px;min-width:140px;padding:1rem 1.5rem;text-align:center;transition:transform .3s;-webkit-user-select:none;user-select:none}.dashboard-card:hover{transform:translateY(-2px)}.dashboard-card-title{font-size:1.2rem;margin-bottom:.3rem}.dashboard-card-count{font-size:2rem}.chart-container{background:linear-gradient(135deg,#111,#1a1a1a);border:1px solid #374151;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex:1 1;flex-direction:column;height:350px;min-width:0;overflow:visible;padding:30px;position:relative}.chart-container:before{border-radius:12px;content:"";position:absolute}.chart-container h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f94608,#dc2626);-webkit-background-clip:text;background-clip:text;color:#f1f5f9;font-size:1.2rem;font-weight:600;margin-bottom:15px;margin-top:0;position:relative;text-align:center;z-index:20}.dashboard-chart{background-color:#111;border-radius:8px;flex:1 1 400px;height:250px;margin-left:1rem;padding:12px}.dashboard-chart h3{color:#fff;font-size:1.1rem;margin-bottom:10px}.table-container{background-color:#111;background-color:var(--color-surface);border:1px solid #334155;border-radius:8px;overflow:hidden}.device-table{border-collapse:collapse;color:#e2e8f0;width:100%}.device-table thead th{background-color:#000;background-color:var(--color-bg);border-bottom:2px solid #f94608;border-bottom:2px solid var(--color-primary);color:#f1f5f9;font-size:.9rem;font-weight:600;padding:1rem;text-align:left}.device-table tbody td{background-color:initial;border-bottom:1px solid #222;color:#e2e8f0;font-size:.85rem;padding:.75rem 1rem}.device-table tbody tr:hover{background-color:#0000001a}@media (max-width:768px){.device-table{font-size:.75rem}.device-table thead th{font-size:.8rem;padding:.5rem .25rem}.device-table tbody td{font-size:.75rem;padding:.5rem .25rem}}.device-name{align-items:center;display:flex;gap:.5rem}.location-badge{background-color:#111;border-radius:4px;font-size:.75rem;padding:.25rem .5rem}.location-badge,.transfer-btn{color:#f1f5f9;color:var(--color-text);font-weight:500}.transfer-btn{align-items:center;border:none;border-radius:6px;box-shadow:0 4px 12px #f946084d;box-shadow:var(--shadow-primary);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;margin:0;padding:.5rem 1rem;transition:.2s}.transfer-btn,.transfer-btn:hover{background-color:#f94608;background-color:var(--color-primary)}.transfer-btn:hover{opacity:.9}.view-buttons{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.view-btn{align-items:center;background-color:#111;border:1px solid #333;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;min-height:40px;padding:.5rem .75rem;text-align:left;transition:all .3s ease;width:100%}.view-btn:hover{background-color:#333}.view-btn.active{background-color:#f94608;border-color:#f94608;color:#fff}.view-btn .icon{font-size:1.2rem;min-width:20px}.view-btn .text{align-items:center;display:flex;flex:1 1;justify-content:space-between}.view-btn .count{font-size:.75rem;margin-left:.5rem;opacity:.8}.sidebar-content{flex:1 1}.unified-list{list-style:none;margin:0 0 1.5rem;padding:0}.store-list{list-style:none;margin:0;padding:0}.store-item{border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-bottom:.25rem;padding:.5rem;transition:all .3s ease}.store-item:hover{background-color:#333}.store-item.active{background-color:#f94608;color:#fff;font-weight:600}.dashboard-logo{color:#f94608;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.user-info{margin-bottom:1rem;text-align:right}.user-name{color:#fff;font-size:.9rem;font-weight:500}.user-role{color:#f1f5f9;font-size:.8rem;margin-top:.25rem}.ai-assistant-btn{align-items:center;background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:background-color .3s ease}.ai-assistant-btn:hover{background-color:#059669}.logout-btn{background-color:#f94608;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background-color .3s ease}.logout-btn:hover{background-color:#e03d07}.navbar-container{background-color:#111;border-bottom:2px solid #333;box-shadow:0 2px 4px #0000001a;color:#fff;justify-content:space-between;padding:1rem 2rem}.navbar-container,.navbar-left{align-items:center;display:flex}.navbar-left{gap:2rem}.navbar-logo{height:40px;object-fit:contain;width:auto}.navbar-menu{display:flex;gap:.5rem}.navbar-link{background-color:initial;border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.navbar-link:hover{background-color:#333}.navbar-link.active{background-color:#f94608;box-shadow:0 5px 15px #f9460866;color:#fff}.navbar-right{align-items:center;display:flex;gap:1.5rem}.navbar-user-name{color:#f1f5f9;font-weight:600;margin-bottom:.25rem}.navbar-user-role{color:#94a3b8}.navbar-user-info{text-align:right}.navbar-user-name{color:#fff;font-size:.9rem;font-weight:500}.navbar-user-role{align-items:center;color:#f1f5f9;display:flex;font-size:.8rem;gap:.25rem;margin-top:.25rem}.navbar-ai-btn{background-color:#10b981;border-radius:6px;font-weight:500;margin:auto;transition:background-color .3s ease}.navbar-ai-btn:hover{background-color:#059669}.navbar-logout-btn{background-color:#f94608;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin:auto;padding:.5rem 1rem;transition:background-color .3s ease}.navbar-logout-btn:hover{background-color:#e03d07}.ip-input-group{align-items:center;display:flex;gap:.5rem}.ip-prefix{border:1.5px solid #333;border-radius:6px;font-weight:600;min-width:70px;text-align:center;-webkit-user-select:none;user-select:none}.ip-input,.ip-prefix{background-color:#111;color:#f1f5f9;padding:.6rem .9rem}.ip-input{border:1.5px solid #000;border-radius:6px;flex:1 1;transition:border-color .3s ease,box-shadow .3s ease}.ip-input:focus{border-color:#f94608;box-shadow:0 0 12px #f946084d;outline:none}.tickets-container{background-color:#000;color:#f1f5f9;display:flex;font-family:"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif";gap:1.5rem;min-height:100vh;padding:1rem}@media (max-width:768px){.tickets-container{flex-direction:column;gap:1rem;padding:.5rem}.mobile-sidebar-toggle{display:block!important}.mobile-sidebar-overlay{animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.tickets-sidebar{border-radius:0!important;bottom:0;height:100vh!important;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:280px!important;z-index:999}.tickets-sidebar.mobile-open{transform:translateX(0)}.tickets-sidebar{display:none}.tickets-sidebar.mobile-open{display:block}.tickets-header{gap:1rem!important}.tickets-header,.tickets-header-info{align-items:flex-start!important;flex-direction:column!important}.tickets-header-info{gap:.5rem!important}.tickets-header-actions{flex-direction:column!important;gap:.5rem!important;width:100%!important}.tickets-header-actions button{justify-content:center!important;width:100%!important}.tickets-main-content{width:100%!important}}.tickets-sidebar{background-color:#111;border-right:1px solid #333;color:#fff;max-height:100vh;overflow-y:auto;padding:1.5rem;width:280px}.tickets-sidebar-header{border-bottom:1px solid #333;margin-bottom:1.5rem;padding-bottom:1rem}.tickets-sidebar-header h2{color:#fff;font-size:1.2rem;font-weight:700;margin:0}.tickets-main{display:"flex";flex:1 1;flex-direction:"column";gap:"1.5rem"}.tickets-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.tickets-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.tickets-stats{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.tickets-stat-card{background-color:#000;border:1px solid #f94608;border-radius:6px;padding:1rem;text-align:center;transition:all .2s ease}.tickets-stat-card:hover{border-color:#ff6b35;box-shadow:0 0 10px #f946084d}.tickets-stat-value{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.tickets-stat-label{color:#f1f5f9;font-size:.875rem;font-weight:500}.tickets-filter-section{margin-bottom:1.5rem}.tickets-filter-title{color:#f1f5f9;color:#f94608;font-size:.9rem;font-weight:600;margin-bottom:.75rem}.tickets-status-list{display:flex;flex-direction:column;gap:.5rem}.tickets-status-item{align-items:center;background-color:#000;border:1px solid #333;border-radius:6px;color:#f1f5f9;cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease}.tickets-status-item:hover{background-color:#1a1a1a;border-color:#f94608}.tickets-status-item.active{background-color:#f94608;border-color:#f94608;color:#fff}.tickets-status-dot{background-color:#f94608;border-radius:50%;height:6px;margin-right:.5rem;width:6px}.tickets-status-item.active .tickets-status-dot{background-color:#fff}.tickets-status-count{background-color:#111;border-radius:12px;color:#f1f5f9;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.tickets-status-item.active .tickets-status-count{background-color:#fff3;color:#fff}.tickets-filter-select{background-color:#000;cursor:pointer;font-size:.9rem;padding:.75rem;transition:all .2s ease;width:100%}.tickets-filter-select:focus{border-color:#ff6b35;box-shadow:0 0 10px #f946084d}.tickets-filter-input,.tickets-filter-select option{background-color:#000;color:#f1f5f9}.tickets-filter-input{border:1px solid #000;border-radius:6px;font-size:.9rem;padding:.75rem;transition:all .2s ease;width:100%}.tickets-filter-input:focus{border-color:#ff6b35;box-shadow:0 0 10px #f946084d;outline:none}.tickets-filter-input::placeholder{color:#64748b}.tickets-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.tickets-filter-group{display:flex;flex-direction:column;gap:.5rem}.tickets-filter-label{color:#f1f5f9;font-size:.875rem;font-weight:500}.tickets-filter-select{background-color:#111;border:1px solid #000;border-radius:6px;color:#f1f5f9;font-size:.875rem;padding:.5rem}.tickets-filter-select:focus{border-color:#f94608;outline:none}.tickets-table-container{background-color:#111;border:1px solid #333;border-radius:8px;overflow:hidden}.tickets-table{border-collapse:collapse;width:100%}.tickets-table th{background-color:#000;border-bottom:1px solid #f94608;color:#fff;font-size:.875rem;font-weight:600;padding:.75rem;text-align:left}.tickets-table td{border-bottom:1px solid #333;font-size:.875rem;padding:.75rem}.tickets-table tbody tr:hover{background-color:#1a1a1a}.tickets-status-badge{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.tickets-status-open{background-color:#dc2626;color:#fff}.tickets-status-progress{background-color:#2563eb;color:#fff}.tickets-status-waiting{background-color:#ca8a04;color:#fff}.tickets-status-resolved{background-color:#16a34a;color:#fff}.tickets-status-closed{background-color:#6b7280;color:#fff}.tickets-priority-badge{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.priority-düşük{background-color:#16a34a;color:#fff}.priority-orta{background-color:#ca8a04;color:#fff}.priority-yüksek{background-color:#dc2626;color:#fff}.priority-acil{background-color:#7c2d12;color:#fff}.tickets-action-btn{background-color:#f94608;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .3s ease}.tickets-action-btn:hover{background-color:#e03d07}.tickets-create-btn{background-color:#f94608;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s ease}.tickets-create-btn:hover{background-color:#e03d07}.tickets-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.tickets-modal{background-color:#111;border:1px solid #333;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:90vw;overflow-y:auto;padding:2rem}.tickets-form{grid-gap:1rem;display:grid;gap:1rem}.tickets-form-group{display:flex;flex-direction:column;gap:.5rem}.tickets-form-label{color:#f1f5f9;font-size:.875rem;font-weight:500}.tickets-form-input{background-color:#111;border:1px solid #000;border-radius:6px;color:#f1f5f9;font-size:1rem;padding:.75rem}.tickets-form-input:focus{border-color:#f94608;outline:none}.tickets-form-textarea{background-color:#111;border:1px solid #000;border-radius:6px;color:#f1f5f9;font-size:1rem;min-height:100px;padding:.75rem;resize:vertical}.tickets-form-textarea:focus{border-color:#f94608;outline:none}.tickets-form-select{background-color:#111;border:1px solid #000;border-radius:6px;color:#f1f5f9;font-size:1rem;padding:.75rem}.tickets-form-select:focus{border-color:#f94608;outline:none}.ticket-card{background-color:#111;border:1px solid #222;border-radius:8px;box-shadow:0 4px 12px -2px #00000040;cursor:pointer;overflow:hidden;padding:1rem;transform:none;transition:.2s}.ticket-card:hover{box-shadow:0 6px 16px -2px #0000004d;transform:translateY(-1px)}.ticket-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.ticket-main{flex:1 1}.ticket-title-row{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.ticket-title{color:#f1f5f9;font-size:1rem;font-weight:600;margin:0;max-width:48ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-badges{display:flex;gap:.5rem}.ticket-badge{border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:.125rem .5rem}.ticket-badge.priority-high{background-color:#f94608}.ticket-badge.priority-medium{background-color:#f59e0b}.ticket-badge.priority-low{background-color:#22c55e}.ticket-badge.status{background-color:#333}.ticket-meta{color:#94a3b8;display:flex;flex-wrap:nowrap;font-size:.8rem;gap:.75rem;margin-bottom:.75rem;overflow:hidden}.ticket-meta span{white-space:nowrap}.ticket-meta .device-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.ticket-actions{gap:.75rem;justify-content:space-between;margin-left:1rem;padding:.5rem 0}.ticket-actions,.ticket-comment-count{align-items:center;display:flex;flex-shrink:0}.ticket-comment-count{background-color:#374151;border:none;border-radius:8px;box-shadow:0 2px 4px #3741514d;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;gap:.375rem;overflow:hidden;padding:.5rem .75rem;position:relative;transition:all .2s ease}.ticket-expand-icon{color:#64748b;font-size:.8rem;transform:rotate(180deg);transition:transform .2s}.ticket-expanded .ticket-expand-icon{transform:rotate(0deg)}.ticket-details{border-top:1px solid #334155;margin-top:1rem;padding-top:1rem}.ticket-description-section{margin-bottom:1.5rem}.ticket-description-title{color:#f1f5f9;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.ticket-description-content{background-color:#333;border:1px solid #111;border-radius:6px;color:#fff;font-size:.9rem;line-height:1.5;padding:.75rem}.ticket-comments-section{margin-bottom:1rem}.ticket-comments-title{color:#fff;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.ticket-comments-list{margin-bottom:1rem;max-height:300px;overflow-y:auto}.ticket-comment{background-color:#0f172a;border:1px solid #334155;border-left:3px solid #3b82f6;border-radius:6px;margin-bottom:.75rem;padding:.75rem}.ticket-comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.ticket-comment-author{align-items:center;color:#f1f5f9;display:flex;font-size:.85rem;font-weight:600;gap:.5rem}.ticket-comment-time{color:#64748b;font-size:.75rem}.ticket-comment-content{color:#cbd5e1;font-size:.85rem;line-height:1.4;margin:0}.ticket-comment-form{align-items:flex-end;display:flex;gap:.75rem}.ticket-comment-input{flex:1 1}.ticket-comment-label{color:#94a3b8;display:block;font-size:.8rem;margin-bottom:.25rem}.ticket-comment-textarea{background-color:#333;border:2px solid #f94608;border-radius:8px;color:#fff;font-size:.85rem;outline:none;padding:.5rem .75rem;resize:vertical;transition:.2s;width:100%}.ticket-comment-submit{background-color:#374151;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:.2s}.ticket-comment-submit:disabled{cursor:not-allowed;opacity:.6}.navbar-ai-btn{align-items:center;background:linear-gradient(135deg,#f94608,#ff6b35);border:none;border-radius:8px;box-shadow:0 2px 8px #f946084d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.navbar-ai-btn:hover{background:linear-gradient(135deg,#e03d07,#f94608);box-shadow:0 4px 12px #f9460866;transform:translateY(-1px)}.navbar-ai-btn:active{box-shadow:0 2px 6px #f946084d;transform:translateY(0)}@keyframes aiModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.ai-assistant-modal{animation:aiModalSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-message{animation:messageSlideIn .3s ease-out}@keyframes aiPulse{0%,to{opacity:1}50%{opacity:.5}}.ai-loading{animation:aiPulse 1.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ai-spinner{animation:spin 1s linear infinite}.notification-dropdown{background:#111;border:1px solid #000;border-radius:8px;box-shadow:0 10px 25px #0000004d;margin-top:.5rem;max-height:500px;max-width:400px;min-width:350px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.notification-item{border-bottom:1px solid #000;cursor:pointer;padding:1rem;transition:background .2s ease}.notification-item:hover{background:#ffffff0d}.notification-item.unread{background:#f946081a;border-left:3px solid #f94608}.notification-bell{background:none;border:none;border-radius:6px;color:#f1f5f9;cursor:pointer;font-size:1.5rem;padding:.5rem;position:relative;transition:background .2s ease}.notification-bell:hover{background:#ffffff1a}.notification-badge{align-items:center;background:#dc2626;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:.25rem;top:.25rem;width:18px}.notification-management{background:#111;border:1px solid #333;border-radius:12px;padding:1.5rem}.notification-card{background:#000;border:1px solid #333;border-radius:8px;padding:1.5rem;transition:all .2s ease}.notification-card:hover{border-color:#4b5563}.notification-form{background:#111;border:1px solid #333;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:100%}.notification-form input,.notification-form select,.notification-form textarea{background:#000;border:1px solid #000;border-radius:6px;color:#f1f5f9;font-size:1rem;padding:.75rem;width:100%}.notification-form label{color:#f1f5f9;display:block;font-weight:600;margin-bottom:.5rem}.notification-checkbox-group{grid-gap:.5rem;background:#000;border:1px solid #333;border-radius:6px;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-height:200px;overflow-y:auto;padding:.5rem}.notification-checkbox-item{align-items:center;color:#f1f5f9;cursor:pointer;display:flex;gap:.5rem}.notification-status-badge{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.notification-status-pending{background:#fef3c7;color:#f59e0b}.notification-status-sent{background:#d1fae5;color:#059669}.notification-status-failed{background:#fee2e2;color:#dc2626}.notification-priority-badge{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.notification-priority-low{background:#f3f4f6;color:#6b7280}.notification-priority-normal{background:#d1fae5;color:#059669}.notification-priority-high{background:#fee2e2;color:#dc2626}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.dashboard-header h1{font-size:1.5rem;font-weight:700;margin:0}.header-actions{gap:1rem}.header-actions,.help-link{align-items:center;display:flex}.help-link{border:1px solid #f94608;border:1px solid var(--color-primary);border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:.3s}.help-link,.help-link:hover{background-color:#f94608;background-color:var(--color-primary)}.help-link:hover{opacity:.9}.store-chart-container{background:linear-gradient(135deg,#111,#0a0a0a);border:1px solid #333;border-radius:16px;box-shadow:0 8px 32px #0000004d;margin:2rem 0;overflow:hidden;padding:2rem;position:relative}.store-chart-container:before{content:"";height:0;left:0;position:absolute;right:0;top:0}.store-chart-content{background:#0003;border-radius:8px;height:350px;margin-top:1rem;padding:1rem}.analytics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.analytics-chart{background:#000;border:1px solid #333;border-radius:8px;padding:1.5rem}.chart-title{color:#f1f5f9;font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-align:center}.chart-content{align-items:center;display:flex;flex:1 1;justify-content:center;margin-top:-10px;min-height:0;padding:10px;z-index:1}.chart-center-text{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.total-devices{color:#f94608;font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:4px;text-shadow:0 2px 4px #0000004d}.total-label{color:#f1f5f9;font-size:.9rem;font-weight:500;opacity:.8}.recharts-pie-label-text{fill:#f1f5f9!important;font-size:11px!important;font-weight:600!important;outline:none!important}.recharts-tooltip-wrapper{outline:none!important}.recharts-legend-wrapper{outline:none!important;padding-top:10px}.recharts-legend-item-text{color:#f1f5f9!important;font-size:12px!important;outline:none!important}.recharts-layer,.recharts-surface{outline:none!important}.recharts-tooltip-item-list a,.recharts-tooltip-wrapper,.recharts-tooltip-wrapper-bottom,.recharts-tooltip-wrapper-right{color:#f1f5f9!important;outline:none!important}.recharts-pie,.recharts-pie-sector,.recharts-pie-sector *,.recharts-responsive-container,.recharts-responsive-container *,.recharts-wrapper,.recharts-wrapper *{outline:none!important}.recharts-pie-sector:focus,.recharts-pie-sector:focus-visible,.recharts-pie-sector:focus-within{outline:none!important}.recharts-tooltip-wrapper .recharts-tooltip-content{background-color:#1a1a1a!important;border:2px solid #f94608!important;border-radius:12px!important;box-shadow:0 8px 32px #f946084d!important;z-index:1000!important}.recharts-tooltip-wrapper{z-index:1000!important}.recharts-tooltip-wrapper .recharts-tooltip-label{color:#f94608!important;font-size:14px!important;font-weight:700!important;margin-bottom:8px!important}.recharts-tooltip-wrapper .recharts-tooltip-item{color:#f1f5f9!important;font-size:13px!important;font-weight:600!important}.recharts-tooltip-wrapper .recharts-tooltip-item-name{color:#f1f5f9!important}.recharts-tooltip-wrapper .recharts-tooltip-item-value{color:#f94608!important;font-weight:700!important}.recharts-pie-sector{cursor:pointer;transform-origin:center;transition:all .2s ease-out}.recharts-pie-sector:hover{stroke:#f94608;stroke-width:3;stroke-opacity:.8;filter:brightness(1.2) saturate(1.1);transform:scale(1.02)}.recharts-pie-sector:not(:hover){filter:brightness(.9) saturate(.9);opacity:.8}.recharts-pie:hover .recharts-pie-sector:not(:hover){filter:brightness(.7) saturate(.7);opacity:.6}.recharts-pie-sector *{transition:all .2s ease-out}.recharts-pie-sector:hover{box-shadow:0 0 20px #f9460866}.chart-content{overflow:visible;position:relative}.recharts-pie{overflow:visible;transform-origin:center}.recharts-bar-rectangle{cursor:pointer;transition:all .2s ease-out}.recharts-bar-rectangle:hover{filter:brightness(1.2) saturate(1.1);transform:scaleY(1.02);transform-origin:bottom}.recharts-bar-rectangle:not(:hover){filter:brightness(.9) saturate(.9);opacity:.8}.recharts-bar:hover .recharts-bar-rectangle:not(:hover){filter:brightness(.6) saturate(.6);opacity:.4}.device-type-details{display:flex;flex-direction:column;gap:.75rem}.device-type-item{align-items:center;background:#111;border:1px solid #333;border-radius:6px;display:flex;justify-content:space-between;padding:.5rem}.device-type-label{color:#d1d5db;font-weight:500}.device-type-value{color:#f94608;font-size:1.1rem;font-weight:600}.depot-stats{margin:2rem 0}.depot-card{background:#111;border:1px solid #333;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.depot-card h3{color:#f1f5f9;font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center}.depot-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.depot-item{align-items:center;background:#000;border:1px solid #333;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.depot-label{color:#d1d5db;font-weight:500}.depot-value{color:#f94608;font-size:1.1rem;font-weight:600}@media (max-width:768px){.dashboard-header{align-items:stretch;flex-direction:column}.dashboard-header-left{flex-direction:column;gap:1rem}.dashboard-header-right{justify-content:center}.analytics-grid,.depot-info{grid-template-columns:1fr}.analytics-chart,.store-chart-container{padding:1rem}}select,select option{background-color:#111!important;color:#f9fafb!important}select option{padding:.5rem}select option:hover{background-color:#1f2937!important}select option:checked{background-color:#111!important;color:#fff!important}@media (max-width:768px){html{font-size:14px}body{overflow-x:hidden}.container{border-radius:20px;margin:1rem;max-width:100%;padding:1.5rem}.navbar-container{padding:.5rem 1rem}.navbar-content{align-items:center;flex-direction:row;justify-content:space-between}.navbar-menu-desktop{display:none}.navbar-menu-mobile{align-items:center;background:#000;bottom:0;display:block;flex-direction:column;justify-content:flex-start;left:0;overflow-y:auto;padding-top:60px;position:fixed;right:0;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;z-index:999}.navbar-menu-mobile.mobile-open{transform:translateX(0)}.navbar-menu-mobile .navbar-link{background:#222;border:1px solid #333;border-radius:8px;color:#f1f5f9;font-size:.9rem;font-weight:500;margin:.25rem 0;max-width:280px;padding:.75rem 1rem;text-align:center;transition:all .2s ease;width:90%}.navbar-menu-mobile .navbar-link.active,.navbar-menu-mobile .navbar-link:hover{background:#f94608;border-color:#f94608;color:#fff}.navbar-right{gap:.25rem}.dashboard-container{flex-direction:column;padding:1rem}.dashboard-sidebar{margin-bottom:2rem;position:static;width:100%}.dashboard-main{padding:0;width:100%}.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.header-actions{flex-direction:column;gap:.5rem}.card{margin:1rem 0;padding:1rem}.card-grid{gap:1rem}.card-grid,.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{font-size:.8rem;min-width:600px}.table td,.table th{padding:.5rem .25rem;white-space:nowrap}.form-grid{gap:1rem}.form-grid,.form-grid-2,.form-grid-3{grid-template-columns:1fr}input,select,textarea{font-size:16px;padding:.75rem}.btn{font-size:.9rem;margin:.25rem 0;padding:.75rem 1rem;width:100%}.btn-group{flex-direction:column;width:100%}.btn-group .btn{margin:.25rem 0}.modal{margin:1rem;max-height:calc(100vh - 2rem);max-width:calc(100% - 2rem)}.modal-content{padding:1rem}.modal-header{flex-direction:column;gap:1rem;text-align:center}.modal-actions{flex-direction:column;gap:.5rem}.chart-container{height:250px;margin:1rem 0}.analytics-chart{padding:.5rem}.device-card{margin:.5rem 0;padding:1rem}.device-grid{gap:1rem;grid-template-columns:1fr}.ticket-card{margin:.5rem 0;padding:1rem}.ticket-grid{gap:1rem;grid-template-columns:1fr}.priority-badge,.status-badge{font-size:.7rem;padding:.25rem .5rem}.filters{flex-direction:column;gap:1rem}.filter-group,.filter-group input,.filter-group select{width:100%}.search-container{margin-bottom:1rem;width:100%}.search-input{font-size:16px;width:100%}.pagination{flex-wrap:wrap;gap:.25rem;justify-content:center}.pagination button{font-size:.8rem;min-width:40px;padding:.5rem}.loading{padding:2rem;text-align:center}.spinner{height:40px;width:40px}.error,.success{margin:1rem 0;padding:1rem;text-align:center}.notification{margin:.5rem 0;padding:1rem}.notification-content{flex-direction:column;gap:.5rem}.ai-assistant{bottom:1rem;position:fixed;right:1rem;z-index:1000}.ai-assistant-btn{border-radius:50%;font-size:1.5rem;height:60px;width:60px}.tutorial-modal{margin:1rem;max-height:calc(100vh - 2rem);max-width:calc(100% - 2rem)}.tutorial-content{padding:1rem}.tutorial-step{margin:1rem 0}.help-content{padding:1rem}.help-section{margin:2rem 0}.help-section h2{font-size:1.5rem;margin-bottom:1rem}.help-section h3{font-size:1.2rem;margin-bottom:.5rem}.store-grid{gap:1rem;grid-template-columns:1fr}.store-card{margin:.5rem 0}.device-management,.store-card{padding:1rem}.device-filters{flex-direction:column;gap:1rem}.user-form,.user-management{padding:1rem}.user-list{margin:1rem 0}.notification-form,.notification-management{padding:1rem}.notification-list{margin:1rem 0}.analytics-container{padding:1rem}.analytics-grid{gap:1rem;grid-template-columns:1fr}.analytics-card{margin:1rem 0;padding:1rem}.mobile-hidden{display:none!important}.mobile-visible{display:block!important}.mobile-full-width{width:100%!important}.mobile-center{text-align:center!important}.mobile-padding{padding:1rem!important}.mobile-margin{margin:1rem!important}.login-left-side{display:none!important}.login-right-side{flex:1 1!important;padding:1rem!important;width:100%!important}.login-form-container{margin:0!important;max-width:100%!important;padding:2rem!important}.mobile-menu-toggle{background:#f94608;border:none;border-radius:6px;box-shadow:0 2px 8px #f946084d;cursor:pointer;display:block;padding:.5rem;position:relative;z-index:1001}.hamburger{display:flex;flex-direction:column;height:16px;justify-content:space-between;position:relative;width:20px}.hamburger span{background:#fff;border-radius:2px;display:block;height:2px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu-overlay{animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media (min-width:769px) and (max-width:1024px){.container{margin:2rem auto;max-width:90%;padding:2rem}.card-grid-3,.card-grid-4,.device-grid,.form-grid-3,.ticket-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px){.mobile-menu-toggle{display:none}.navbar-menu{background:none!important;border:none!important;box-shadow:none!important;position:static!important}.login-left-side,.navbar-menu{display:flex!important}.login-right-side{flex:1 1!important;padding:2rem!important;width:auto!important}}@media (min-width:1025px){.container{max-width:1200px}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}.device-grid,.form-grid-3,.ticket-grid{grid-template-columns:repeat(3,1fr)}}.mobile-coming-soon{align-items:center;background:linear-gradient(135deg,#000,#111 50%,#000);bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:9999}.mobile-coming-soon-container{max-width:400px;padding:2rem;position:relative;text-align:center;width:100%;z-index:2}.mobile-logo-animation{margin-bottom:3rem}.logo-circle,.mobile-logo-animation{align-items:center;display:flex;justify-content:center;position:relative}.logo-circle{animation:logoPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f94608,#ff6b35);border-radius:50%;box-shadow:0 0 30px #f9460880;height:120px;width:120px}.logo-inner{align-items:center;background:#000;border:2px solid #f94608;border-radius:50%;display:flex;height:80px;justify-content:center;width:80px}.logo-text{color:#f94608;font-size:2.5rem;font-weight:700}.logo-image,.logo-text{animation:logoRotate 3s linear infinite}.logo-image{height:50px;object-fit:contain;width:50px}.logo-particles{height:100%;position:absolute;width:100%}.particle{animation:particleFloat 4s ease-in-out infinite;background:#f94608;border-radius:50%;height:6px;position:absolute;width:6px}.particle-1{animation-delay:0s;left:20%;top:10%}.particle-2{animation-delay:.5s;right:15%;top:20%}.particle-3{animation-delay:1s;bottom:30%;left:10%}.particle-4{animation-delay:1.5s;bottom:20%;right:20%}.particle-5{animation-delay:2s;left:5%;top:50%}.mobile-content{position:relative;z-index:2}.mobile-title{color:#f1f5f9;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(135deg,#f94608,#ff6b35);-webkit-background-clip:text;background-clip:text}.mobile-subtitle{color:#94a3b8;font-size:1.1rem;line-height:1.5;margin:0 0 2rem}.mobile-features{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;padding:.75rem;transition:all .3s ease}.feature-item:hover{background:#f946081a;border-color:#f946084d;transform:translateY(-2px)}.feature-icon{align-items:center;background:#f9460833;border-radius:8px;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.feature-item span{color:#f1f5f9;font-size:.9rem;font-weight:500}.mobile-progress{margin:2rem 0}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{animation:progressFill 2s ease-in-out;background:linear-gradient(90deg,#f94608,#ff6b35);border-radius:4px;height:100%;width:75%}.progress-text{color:#94a3b8;font-size:.9rem;margin:0}.mobile-info{margin-top:2rem}.info-text{color:#94a3b8;font-size:1rem;line-height:1.6;margin:0;text-align:center}.info-text strong{color:#f94608;font-size:1.1rem;font-weight:700}.mobile-bg-animation{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.bg-circle{animation:bgFloat 6s ease-in-out infinite;background:#f946081a;border-radius:50%;position:absolute}.bg-circle-1{animation-delay:0s;height:200px;left:-50px;top:10%;width:200px}.bg-circle-2{animation-delay:2s;height:150px;right:-30px;top:60%;width:150px}.bg-circle-3{animation-delay:4s;bottom:20%;height:100px;left:20%;width:100px}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes logoRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes particleFloat{0%,to{opacity:.7;transform:translateY(0) rotate(0deg)}50%{opacity:1;transform:translateY(-20px) rotate(180deg)}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes progressFill{0%{width:0}to{width:75%}}@keyframes bgFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(30px) rotate(240deg)}}.tutorial-overlay{align-items:center;animation:tutorialFadeIn .3s ease-out;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.tutorial-modal{animation:tutorialSlideIn .3s ease-out;background:#1a1a1a;border:2px solid #f94608;border-radius:12px;max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:90%}.tutorial-progress{background:#333;border-radius:2px;height:4px;margin-bottom:1rem;overflow:hidden;width:100%}.tutorial-progress-bar{background:linear-gradient(90deg,#f94608,#ff6b35);border-radius:2px;height:100%;transition:width .3s ease}.tutorial-step-counter{background:#333;border-radius:4px;color:#fff;font-size:.8rem;padding:.25rem .5rem;position:absolute;right:1rem;top:1rem}.tutorial-content{margin-bottom:2rem}.tutorial-title{color:#f94608;font-size:1.5rem;margin:0 0 1rem;text-align:center}.tutorial-text{color:#e2e8f0;font-size:1rem;line-height:1.6}.tutorial-navigation{align-items:center;display:flex;gap:1rem;justify-content:space-between}.tutorial-nav-buttons{display:flex;gap:.5rem}.tutorial-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.tutorial-btn-primary{background:linear-gradient(135deg,#f94608,#ff6b35);color:#fff}.tutorial-btn-primary:hover{background:linear-gradient(135deg,#e03d07,#ea580c);transform:translateY(-1px)}.tutorial-btn-secondary{background:#333;border:1px solid #555;color:#e2e8f0}.tutorial-btn-secondary:hover:not(:disabled){background:#444;transform:translateY(-1px)}.tutorial-btn:disabled{cursor:not-allowed;opacity:.5}@keyframes tutorialFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tutorialSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.tutorial-modal{margin:1rem;padding:1.5rem}.tutorial-navigation{flex-direction:column;gap:1rem}.tutorial-nav-buttons{justify-content:space-between;width:100%}}
/*# sourceMappingURL=main.dd45d627.css.map*/