.app{display:flex;min-height:100vh}.db-warning-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#ff416c,#ff4b2b);color:#fff;padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:12px;z-index:9999;font-size:.95rem;box-shadow:0 2px 10px #ff4b2b4d}.db-warning-banner .warning-icon{font-size:1.3rem}.db-warning-banner .warning-text{font-weight:500}.db-warning-banner .warning-link{color:#fff;text-decoration:underline;font-weight:600;margin-left:10px;padding:4px 12px;background:#fff3;border-radius:6px;transition:background .3s}.db-warning-banner .warning-link:hover{background:#ffffff4d}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;align-items:center;padding:0 16px;z-index:1000;box-shadow:0 2px 8px #0000001a}.menu-toggle{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:8px;border-radius:8px;transition:background .3s}.menu-toggle:hover{background:#fff3}.mobile-title{flex:1;text-align:center;font-size:1.1rem;font-weight:600}.mobile-user{position:relative}.user-btn{background:#fff3;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.user-dropdown{position:absolute;top:48px;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;padding:12px;min-width:180px;z-index:1001}.user-email{padding:8px;color:#495057;font-size:.85rem;border-bottom:1px solid #e9ecef;margin-bottom:8px;word-break:break-all}.sidebar{width:260px;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;padding:20px 0;position:fixed;height:100vh;display:flex;flex-direction:column;z-index:100}.sidebar-header{padding:0 20px 20px;border-bottom:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center}.close-drawer{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:4px}.logo h1{font-size:1.4rem;font-weight:600;margin:0}.nav-links{list-style:none;padding:20px 0;flex:1;overflow-y:auto}.nav-links li{padding:5px 15px}.nav-links a{display:flex;align-items:center;padding:12px 15px;color:#ffffffe6;text-decoration:none;border-radius:10px;transition:all .3s}.nav-links a:hover,.nav-links a.active{background:#fff3;color:#fff}.nav-links .icon{font-size:1.3rem;margin-right:12px}.sidebar-footer{padding:15px;border-top:1px solid rgba(255,255,255,.2)}.connection-status{padding:10px 12px;background:#0003;border-radius:8px;display:flex;align-items:center;font-size:.8rem;margin-bottom:12px}.connection-status .dot{width:8px;height:8px;border-radius:50%;background:#ff6b6b;margin-right:8px}.connection-status.connected .dot{background:#51cf66}.user-info{margin-bottom:12px;padding:10px 12px;background:#ffffff1a;border-radius:8px}.user-email-truncate{font-size:.8rem;color:#fffc;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{width:100%;padding:8px;background:#fff3;border:none;border-radius:6px;color:#fff;font-size:.85rem;cursor:pointer;transition:background .3s}.logout-btn:hover{background:#ffffff4d}.version-badge{display:flex;justify-content:center;align-items:center;gap:6px;font-size:.8rem;padding:8px;background:#ffffff1a;border-radius:20px}.version-label{color:#ffffffb3}.version-number{color:#ffd43b;font-weight:700;font-family:Courier New,monospace}.main-content{flex:1;margin-left:260px;padding:30px;min-height:100vh}.main-content.auth-page{margin-left:0;padding:0}.global-version-bar{margin-top:40px;padding:16px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;justify-content:space-between;align-items:center;color:#fff;box-shadow:0 4px 15px #667eea4d}.version-info{display:flex;align-items:center;gap:12px;font-size:.95rem;flex-wrap:wrap}.version-tag{font-weight:600}.version-divider{opacity:.5}.version-number{background:#fff3;padding:4px 12px;border-radius:20px;font-weight:700;font-family:Courier New,monospace;font-size:1rem}.version-date{opacity:.8;font-size:.85rem}.version-status{padding:6px 12px;border-radius:20px;font-weight:500;font-size:.9rem}.version-status.success{background:#51cf66;color:#fff}.drawer-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99}@media (max-width: 768px){.mobile-header{display:flex}.sidebar{transform:translate(-100%);transition:transform .3s ease;width:280px}.sidebar.mobile-drawer{transform:translate(-100%)}.app.mobile-menu-open .sidebar{transform:translate(0)}.close-drawer,.drawer-overlay{display:block}.main-content{margin-left:0;padding:76px 16px 16px}.main-content.auth-page{padding:0}.global-version-bar{flex-direction:column;gap:12px;text-align:center;margin-top:24px}.version-info{justify-content:center}.db-warning-banner{position:relative;flex-direction:column;text-align:center;padding:16px}}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #00000014;margin-bottom:24px}.card-title{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:20px;display:flex;align-items:center;gap:10px}.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-success{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.btn-danger{background:linear-gradient(135deg,#ff416c,#ff4b2b);color:#fff}input,select,textarea{padding:10px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;transition:border-color .3s;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:#667eea}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#495057}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:24px}.stat-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #00000014;display:flex;align-items:center;gap:16px}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.stat-icon.blue{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.green{background:linear-gradient(135deg,#11998e,#38ef7d)}.stat-icon.orange{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.purple{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-content h3{font-size:.9rem;color:#868e96;margin-bottom:5px}.stat-content .number{font-size:1.8rem;font-weight:700;color:#333}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:15px;text-align:left;border-bottom:1px solid #e9ecef}th{font-weight:600;color:#495057;background:#f8f9fa}tr:hover{background:#f8f9fa}.badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.badge-success{background:#d3f9d8;color:#2b8a3e}.badge-danger{background:#ffe3e3;color:#c92a2a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:16px;padding:30px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:1.3rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#868e96}@media (max-width: 768px){.btn{min-height:44px;padding:12px 20px}.nav-links a{min-height:48px}input,select,textarea{font-size:16px}.modal{padding:20px;margin:10px}th,td{padding:12px}}