body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--sidebar-width:260px;--header-height:60px;--content-padding:30px;--content-padding-mobile:15px;--card-gap:20px;--card-gap-mobile:12px}.mobile-menu-toggle{align-items:center;background:#1a2332;border:none;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:none;flex-direction:column;gap:5px;height:44px;justify-content:center;left:12px;padding:10px;position:fixed;top:12px;transition:all .3s ease;width:44px;z-index:1001}.mobile-menu-toggle:hover{background:#2a3441}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-menu-toggle span{background:#fff;border-radius:1px;display:block;height:2px;transition:all .3s ease;width:22px}.sidebar-overlay{background:#0009;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:999}.sidebar-overlay.visible{display:block;opacity:1}.responsive-table{border-collapse:collapse;width:100%}.hidden{display:none!important}.block{display:block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.gap-1{gap:4px!important}.gap-2{gap:8px!important}.gap-3{gap:12px!important}.gap-4{gap:16px!important}.gap-5{gap:20px!important}.w-full{width:100%!important}.w-auto{width:auto!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-sm{font-size:12px!important}.text-base{font-size:14px!important}.text-lg{font-size:16px!important}.text-xl{font-size:18px!important}.font-bold{font-weight:700!important}.font-semibold{font-weight:600!important}.font-normal{font-weight:400!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}@media (max-width:768px){body,html{overflow-x:hidden!important;width:100%!important}.content,.dashboard,.dashboard-page,[class*=Tab]>div:first-child{max-width:100vw!important;overflow-x:hidden!important}.dashboard-page{padding:0!important}.dashboard-header{align-items:stretch!important;flex-direction:column!important;gap:10px!important;padding:12px!important}.dashboard-header-actions,.dashboard-header>div:first-child{justify-content:center!important}.dashboard-header-actions{width:100%!important}.dashboard-content{padding:12px!important}.dashboard-main-grid{gap:12px!important;grid-template-columns:1fr!important}.dashboard-bottom-grid,.dashboard-four-grid{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}.dashboard-stat-grid{gap:6px!important}.dashboard-four-grid>div,.dashboard-main-grid>div>div{padding:12px!important}.dashboard-header h2,.dashboard-header>div>div>div:first-child{font-size:16px!important}.content-header{flex-direction:column!important;gap:12px!important;padding:12px!important}.content-header h2{font-size:16px!important;margin:0!important;text-align:center}.content-header>div,.header-actions,.log-controls{gap:8px!important}.content-header>div,.header-actions,.log-controls,.log-tabs,.refresh-controls{display:flex!important;flex-wrap:wrap!important;justify-content:center!important}.log-tabs,.refresh-controls{gap:6px!important}.content-header .add-btn,.content-header .refresh-btn,.content-header button,.log-tabs button{flex:0 1 auto!important;font-size:12px!important;min-width:80px!important;padding:8px 10px!important;text-align:center!important}[style*="gap: '6px'"],[style*="gap: 6px"]{flex-wrap:wrap!important}.auto-refresh-toggle{font-size:11px!important}.tab-buttons{flex-wrap:wrap!important}.tab-buttons button{flex:1 1 auto!important;font-size:13px!important;min-width:100px!important;padding:10px 16px!important}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select,textarea{box-sizing:border-box!important;font-size:16px!important;width:100%!important}.table-container{-webkit-overflow-scrolling:touch!important;margin:0 -12px!important;max-width:calc(100vw - 24px)!important;overflow-x:auto!important;overflow-y:visible!important;padding:0 12px!important}.table-container table{min-width:600px!important}[style*="padding: '16px'"],[style*="padding: '20px'"],[style*="padding: 16px"],[style*="padding: 20px"]{padding:12px!important}[style*="margin: '16px'"],[style*="margin: 16px"]{margin:8px!important}.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}.stats-grid-4{gap:8px!important;grid-template-columns:repeat(2,1fr)!important}.sidebar{bottom:0;left:-280px;max-width:280px!important;min-width:280px!important;position:fixed;top:0;transition:left .3s ease;width:280px!important;z-index:1000}.sidebar.mobile-open{left:0}.sidebar-overlay.visible{display:block}.content{margin-left:0!important;padding:15px!important;padding:var(--content-padding-mobile)!important;padding-top:75px!important;padding-top:calc(var(--header-height) + var(--content-padding-mobile))!important;width:100%!important}.content-header,.dashboard{flex-direction:column}.content-header{align-items:stretch!important;gap:12px}.content-header h2{font-size:20px;margin-bottom:0}.content-header .add-btn,.content-header button{justify-content:center;width:100%}.stats-grid{gap:12px!important;gap:var(--card-gap-mobile)!important;grid-template-columns:repeat(2,1fr)!important}.stat-card{padding:15px!important}.stat-number{font-size:24px!important}.log-controls{align-items:stretch!important;flex-direction:column;gap:10px;margin-left:0!important;width:100%}.log-tabs{flex-wrap:wrap;justify-content:center;margin-left:0}.log-tabs button{flex:1 1;min-width:80px}.refresh-controls{justify-content:space-between;width:100%}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{flex:1 1;margin-right:0!important;min-width:100px}.table-container{-webkit-overflow-scrolling:touch;margin:0 -15px;overflow-x:auto;padding:0 15px}table{font-size:13px;min-width:600px}table td,table th{padding:10px 8px!important;white-space:nowrap}table .delete-btn,table .edit-btn{font-size:12px!important;padding:4px 8px!important}.form-modal{align-items:flex-start;padding:10px!important}.modal-content,[style*="position: fixed"]>div[style*=background],[style*="position: fixed"]>form{border-radius:12px!important;margin:0 auto!important;max-height:90vh!important;max-width:100%!important;min-width:0!important;min-width:auto!important;overflow-y:auto!important;width:95%!important}[style*="position: fixed"][style*="inset: 0"],[style*="position: fixed"][style*="top: 0"][style*="left: 0"]{box-sizing:border-box!important;padding:10px!important}[style*="width: '450px'"],[style*="width: '480px'"],[style*="width: '500px'"],[style*="width: '600px'"]{max-width:100%!important;width:95%!important}.modal-content input[type=email],.modal-content input[type=number],.modal-content input[type=password],.modal-content input[type=text],.modal-content select,.modal-content textarea{font-size:16px!important;padding:12px!important}.form-actions{flex-direction:column}.form-actions button{width:100%}.shortcut-cards{grid-template-columns:repeat(2,1fr)!important;padding:10px!important}.shortcut-card{padding:12px 8px!important}.shortcut-card-icon{font-size:24px!important}.shortcut-card-text{font-size:11px!important}.search-input,input[type=search],input[type=text].search-input{margin-bottom:10px;width:100%!important}.pagination{flex-wrap:wrap;gap:5px;justify-content:center}.pagination button{font-size:13px!important;padding:8px 12px!important}.hide-mobile{display:none!important}.show-mobile{display:block!important}.table-cards tbody tr{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:block;margin-bottom:12px;padding:12px}.table-cards thead{display:none}.table-cards tbody td{border:none!important;border-bottom:1px solid #f3f4f6!important;display:flex;justify-content:space-between;padding:6px 0!important}.table-cards tbody td:last-child{border-bottom:none!important}.table-cards tbody td:before{color:#6b7280;content:attr(data-label);font-size:12px;font-weight:600}}@media (max-width:480px){:root{--content-padding-mobile:10px}.dashboard-bottom-grid,.dashboard-four-grid,.stats-grid,.stats-grid-4{grid-template-columns:1fr!important}.dashboard-stat-grid{gap:4px!important}.dashboard-stat-grid>div{padding:10px!important}.shortcut-cards{gap:8px!important;grid-template-columns:repeat(2,1fr)!important}.content h2{font-size:18px!important}table{font-size:12px!important}.log-tabs{flex-direction:column}.log-tabs button{width:100%}}@media (min-width:769px) and (max-width:992px){.content{padding:20px!important}.stats-grid{grid-template-columns:repeat(3,1fr)!important}.modal-content{max-width:600px}}@media (min-width:993px){.mobile-menu-toggle{display:none!important}.sidebar{left:0!important;position:-webkit-sticky!important;position:sticky!important}.hide-desktop{display:none!important}}@media print{.add-btn,.delete-btn,.edit-btn,.filters,.log-controls,.mobile-menu-toggle,.refresh-btn,.sidebar,.sidebar-overlay{display:none!important}.content{margin-left:0!important;padding:0!important}table{font-size:10px}}@media (hover:none) and (pointer:coarse){.menu-category-header,.menu-item,.shortcut-card,button{min-height:44px}.menu-item:hover,.shortcut-card:hover{transform:none}}@supports (padding:max(0px)){.sidebar{padding-left:max(0px,env(safe-area-inset-left))}.content{padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(15px,env(safe-area-inset-left));padding-left:max(var(--content-padding-mobile),env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right));padding-right:max(var(--content-padding-mobile),env(safe-area-inset-right))}.mobile-menu-toggle{left:max(12px,env(safe-area-inset-left))}}