:root{--primary-color:#007aff;--success-color:#34c759;--warning-color:#ff9500;--danger-color:#ff3b30;--gray-color:#8e8e93;--light-gray:#f2f2f7;--border-color:#e5e5ea;--text-primary:#000;--text-secondary:#8e8e93;--bg-color:#f2f2f7;--card-bg:#fff;--safe-area-bottom:env(safe-area-inset-bottom)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}#app{background:var(--bg-color);min-height:100vh}.ios-container{background:var(--bg-color);max-width:430px;min-height:100vh;margin:0 auto;position:relative}.ios-page{padding:20px 16px;padding-bottom:calc(90px + var(--safe-area-bottom))}.ios-card{background:var(--card-bg);border-radius:12px;margin-bottom:16px;padding:16px;box-shadow:0 1px 3px #0000001a}.ios-card-title{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.ios-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;height:44px;padding:0 20px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex}.ios-btn-primary{background:var(--primary-color);color:#fff}.ios-btn-primary:active{background:#0062cc}.ios-btn-default{background:var(--light-gray);color:var(--text-primary)}.ios-btn-default:active{background:#e5e5ea}.ios-btn-block{width:100%;display:block}.ios-input{border:1px solid var(--border-color);background:var(--card-bg);border-radius:10px;width:100%;height:44px;padding:0 16px;font-size:16px;transition:border-color .2s}.ios-input:focus{border-color:var(--primary-color);outline:none}.ios-input-group{margin-bottom:16px}.ios-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;display:block}.ios-nav-bar{width:100%;max-width:430px;height:calc(70px + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);z-index:1000;background:#fffffff2;justify-content:space-around;align-items:flex-start;padding-top:8px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.ios-nav-item{color:var(--text-secondary);flex-direction:column;align-items:center;font-size:10px;text-decoration:none;transition:color .2s,transform .1s;display:flex}.ios-nav-item:active{transform:scale(.9)}.ios-nav-item.active,.ios-nav-item.router-link-active{color:var(--primary-color)}@media (width<=767px){.ios-nav-item.router-link-active{background:#007aff1a;border-radius:12px;margin:-4px -12px;padding:4px 12px}}.ios-nav-icon{justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:2px;font-size:24px;display:flex}.ios-header{-webkit-backdrop-filter:blur(20px);padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));border-bottom:1px solid var(--border-color);z-index:100;background:#fffffff2;position:sticky;top:0}.ios-header-title{text-align:center;font-size:16px;font-weight:600}.ios-title{margin-bottom:8px;font-size:20px;font-weight:700}.ios-subtitle{color:var(--text-secondary);font-size:14px}.ios-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.ios-list{background:var(--card-bg);border-radius:12px;overflow:hidden}.ios-list-item{border-bottom:1px solid var(--border-color);align-items:center;padding:12px 16px;display:flex}.ios-list-item:last-child{border-bottom:none}.ios-list-item-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;font-size:18px;display:flex}.ios-list-item-content{flex:1}.ios-list-item-title{font-size:16px;font-weight:600}.ios-list-item-desc{color:var(--text-secondary);font-size:13px}.ios-list-item-arrow{color:var(--text-secondary);font-size:14px}.ios-badge{border-radius:10px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.ios-badge-success{color:var(--success-color);background:#34c75926}.ios-badge-warning{color:var(--warning-color);background:#ff950026}.ios-badge-danger{color:var(--danger-color);background:#ff3b3026}.ios-divider{background:var(--border-color);height:1px;margin:16px 0}.ios-empty{text-align:center;color:var(--text-secondary);padding:40px 20px}.ios-empty-icon{opacity:.5;margin-bottom:12px;font-size:48px}.text-primary{color:var(--primary-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.text-secondary{color:var(--text-secondary)}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.ios-nav-logo{color:var(--primary-color);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:10px;padding:0 20px 20px;font-size:20px;font-weight:700;display:none}.ios-nav-toggle{display:none}@media (width>=768px){.ios-nav-logo{display:flex}.ios-container{max-width:100%;min-height:100vh;display:flex}.ios-page{flex:1;max-width:calc(100% - 200px);margin-left:200px;padding:24px 32px;transition:margin-left .3s}.ios-nav-bar{width:200px;max-width:none;height:100vh;padding:20px 0;padding-top:calc(20px + env(safe-area-inset-top));border-top:none;border-right:1px solid var(--border-color);flex-direction:column;justify-content:flex-start;align-items:stretch;transition:width .3s;position:fixed;top:0;left:0;transform:none;box-shadow:2px 0 8px #0000000d}.ios-nav-toggle{background:var(--light-gray);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin:0 auto 16px;transition:all .2s;display:flex}.ios-nav-toggle:hover{background:var(--border-color)}.sidebar-collapsed .ios-nav-bar{width:72px}.sidebar-collapsed .ios-page{margin-left:72px}.sidebar-collapsed .ios-nav-text{display:none}.sidebar-collapsed .ios-nav-logo{justify-content:center;margin-bottom:16px;padding:0}.sidebar-collapsed .ios-nav-logo span{display:none}.sidebar-collapsed .ios-nav-item{justify-content:center;padding:12px}.sidebar-collapsed .ios-nav-icon{margin-right:0}.ios-nav-item{border-radius:10px;flex-direction:row;margin:4px 8px;padding:12px 20px;font-size:15px}.ios-nav-item.active,.ios-nav-item.router-link-active{background:var(--primary-color);color:#fff}.ios-nav-icon{margin-bottom:0;margin-right:12px;font-size:20px}.ios-grid{grid-template-columns:repeat(4,1fr)}.ios-card{border-radius:16px;padding:20px}}@media (width>=1200px){.ios-page{max-width:calc(100% - 240px);margin-left:240px;padding:32px 48px}.ios-nav-bar{width:240px}.ios-grid{grid-template-columns:repeat(4,1fr);gap:20px}}.ios-nav-icon svg{fill:currentColor;width:100%;height:100%}.ios-icon-wrapper svg{fill:currentColor}@media (width<=768px){.table-wrapper{display:none!important}.mobile-cards{flex-direction:column;gap:12px;display:flex!important}body{overflow-x:hidden}.admin-main{padding:12px!important;padding-top:calc(70px + env(safe-area-inset-top))!important;overflow-x:hidden!important}.table-card{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}}