@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #00a8ff;--primary-hover: #0097e6;--bg-main: #f5f6fa;--bg-card: #ffffff;--text-main: #2f3640;--text-muted: #7f8fa6;--border: #dcdde1;--error: #e84118;--success: #4cd137;--warning: #fbc531;--shadow: 0 4px 15px rgba(0, 0, 0, .05);--accent-gradient: linear-gradient(135deg, #00a8ff 0%, #44bd32 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}.page-container{display:flex;min-height:100vh}.sidebar{width:280px;height:100vh;position:sticky;top:0;background:white;box-shadow:2px 0 10px #00000008;padding:32px 24px;display:flex;flex-direction:column;z-index:10;flex-shrink:0}.logo{display:flex;align-items:center;gap:12px;margin-bottom:40px}.logo-icon{font-size:2rem}.logo-text{font-size:1.5rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.content{flex:1;padding:40px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:var(--text-muted);text-decoration:none;font-weight:500;transition:all .2s;margin-bottom:8px}.nav-item ion-icon{font-size:1.4rem}.nav-item:hover{background:rgba(0,168,255,.05);color:var(--primary)}.nav-item.active{background:rgba(0,168,255,.1);color:var(--primary);border-left:4px solid var(--primary)}.card{background:var(--bg-card);border-radius:24px;padding:24px;box-shadow:var(--shadow);border:1px solid #f1f2f6}.btn-primary{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:50px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 10px #00a8ff33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #00a8ff4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#f1f2f6;color:var(--text-muted);border:none;padding:12px 24px;border-radius:50px;font-weight:600;cursor:pointer}.btn-logout{width:100%;padding:12px;background:transparent;border:1px solid #f1f2f6;color:var(--error);border-radius:12px;cursor:pointer;margin-top:auto;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.btn-logout ion-icon{font-size:1.2rem}.badge{background:rgba(0,168,255,.1);color:var(--primary);padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;width:100%}.content-header h2{font-size:1.75rem;font-weight:700;color:#2f3640;margin:0}.header-btns{display:flex;gap:12px;align-items:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.form-group{margin-bottom:20px}label{display:block;font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:8px}input,select,textarea{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:12px;font-family:inherit;font-size:1rem;outline:none;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary)}.loader{width:24px;height:24px;border:3px solid rgba(0,168,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-center{display:flex;justify-content:center;align-items:center;padding:100px;width:100%}.empty-state-container{display:flex;justify-content:center;align-items:center;min-height:400px}.empty-state{text-align:center;padding:60px;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:20px}.large-icon{font-size:4rem;color:var(--border)}