:root{--bg-color: #0f172a;--surface-color: #1e293b;--surface-color-light: #334155;--primary-color: #3b82f6;--primary-hover: #2563eb;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: #334155;--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--font-family: "Inter", system-ui, -apple-system, sans-serif;--sidebar-width: 260px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.glass{background:#1e293bb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);height:100%;background-color:var(--surface-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:all .3s ease}.sidebar-header{padding:24px;border-bottom:1px solid var(--border-color)}.sidebar-header h2{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{list-style:none;padding:16px 0;flex:1}.nav-item{padding:12px 24px;display:flex;align-items:center;gap:12px;color:var(--text-secondary);transition:all .2s ease;cursor:pointer}.nav-item:hover,.nav-item.active{background-color:#3b82f61a;color:var(--primary-color);border-right:3px solid var(--primary-color)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.navbar{height:70px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.page-content{flex:1;padding:32px;overflow-y:auto}.page-title{font-size:2rem;font-weight:600;margin-bottom:24px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:.9rem}.form-input{width:100%;padding:12px 16px;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:var(--primary-color)}.btn{padding:10px 20px;border-radius:8px;border:none;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{opacity:.9}.card{background-color:var(--surface-color);border-radius:12px;padding:24px;border:1px solid var(--border-color);margin-bottom:24px;box-shadow:0 4px 6px -1px #0000001a}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:16px;text-align:left;border-bottom:1px solid var(--border-color)}th{color:var(--text-secondary);font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}tr:hover{background-color:#ffffff05}.badge{padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:500}.badge-pending{background-color:#f59e0b33;color:var(--warning-color)}.badge-confirmed{background-color:#3b82f633;color:var(--primary-color)}.badge-completed{background-color:#10b98133;color:var(--success-color)}.badge-cancelled{background-color:#ef444433;color:var(--danger-color)}.login-container{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,var(--surface-color) 0%,var(--bg-color) 100%)}.login-card{width:100%;max-width:400px;padding:40px;border-radius:16px;box-shadow:0 25px 50px -12px #00000080}.login-title{text-align:center;margin-bottom:32px;font-size:2rem}