:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--font-size: 16px;--primary-color: #7b2ff7;--secondary-color: #f3f3f5;--background-color: #ffffff;--foreground-color: #030213;--card-bg: #f9f9fb;--border-color: #e0e0e0;--active-badge-bg: #d7f5e3;--inactive-badge-bg: #e5e5e5;--badge-color: #7b2ff7;--text-muted: #717182;--danger-color: #f44336;--hover-bg: #f2f2f2;--radius: 8px}body{margin:0;font-family:var(--font-family);font-size:var(--font-size);background-color:var(--background-color);color:var(--foreground-color)}a{text-decoration:none;color:inherit}button{font-family:var(--font-family);cursor:pointer}.admin-layout{display:flex;height:100vh}.admin-sidebar{width:260px;background-color:var(--secondary-color);display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid var(--border-color)}.admin-sidebar .logo{padding:20px;font-weight:700;font-size:1.2rem;display:flex;align-items:center;gap:10px}.admin-sidebar .nav{flex:1}.admin-sidebar .nav-item{padding:15px 20px;display:flex;align-items:center;gap:12px;color:var(--foreground-color);transition:background .2s}.admin-sidebar .nav-item:hover,.admin-sidebar .nav-item.active{background-color:var(--hover-bg);color:var(--primary-color)}.admin-sidebar .logout{padding:15px 20px;display:flex;align-items:center;gap:12px;border-top:1px solid var(--border-color);color:var(--danger-color)}.admin-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;background-color:var(--background-color)}.admin-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.admin-header .breadcrumb{font-size:.9rem;color:var(--text-muted)}.admin-header .page-title{font-size:1.2rem;font-weight:500}.admin-header .btn{background-color:var(--primary-color);color:#fff;padding:8px 16px;border:none;border-radius:var(--radius);font-weight:500;transition:background .2s}.admin-header .btn:hover{background-color:darken(var(--primary-color),10%)}.admin-table{width:100%;border-collapse:collapse;margin:20px;border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 4px #0000000d}.admin-table th,.admin-table td{padding:12px 16px;text-align:left}.admin-table th{background-color:var(--secondary-color);font-weight:600;color:var(--foreground-color)}.admin-table tbody tr{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);transition:background .2s}.admin-table tbody tr:hover{background-color:var(--hover-bg)}.admin-table .badge{padding:4px 10px;border-radius:var(--radius);font-size:.85rem;font-weight:500;display:inline-block}.badge-active{background-color:var(--active-badge-bg);color:#2f7a3f}.badge-inactive{background-color:var(--inactive-badge-bg);color:#999}.admin-table .actions{display:flex;gap:10px;font-size:1.1rem;cursor:pointer;align-items:center}.admin-table .actions .edit{color:#555}.admin-table .actions .delete{color:var(--danger-color)}.admin-table img{width:50px;height:50px;object-fit:cover;border-radius:var(--radius)}.packages-container{min-height:100vh;background-color:#f9fafb}.breadcrumb-section{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:16px 32px}.breadcrumb-content{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.breadcrumb-icon{width:20px!important;height:20px!important;color:#6b7280}.breadcrumb-divider{margin:0 4px}.breadcrumb-current{color:#111827;font-weight:500}.packages-header{position:sticky;top:0;background-color:#fff;border-bottom:1px solid #e5e7eb;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 2px #0000000d;z-index:10}.header-left{display:flex;flex-direction:column}.header-title{font-size:24px;font-weight:600;color:#111827;margin:0}.header-subtitle{font-size:14px;color:#6b7280;margin:4px 0 0}.btn-add-package{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#7c3aed;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.btn-add-package:hover{background-color:#6d28d9;box-shadow:0 4px 6px -1px #0000001a}.btn-add-package svg{width:18px!important;height:18px!important}.packages-content{padding:32px}.packages-table-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;border:1px solid #e5e7eb;overflow:hidden}.packages-table{width:100%;border-collapse:collapse}.packages-table thead{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.packages-table thead th{padding:16px 24px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.packages-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.packages-table tbody tr:hover{background-color:#f9fafb}.packages-table tbody tr:last-child{border-bottom:none}.packages-table tbody td{padding:16px 24px;vertical-align:middle}.table-image{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#e9d5ff,#fbcfe8);border-radius:8px;font-size:28px}.table-title{display:flex;flex-direction:column;gap:2px}.title-name{font-size:14px;font-weight:500;color:#111827}.title-slug{font-size:13px;color:#9ca3af}.table-price{font-size:14px;font-weight:500;color:#111827}.badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500}.badge-type{background-color:#ede9fe;color:#7c3aed;text-transform:capitalize}.badge-active{background-color:#d1fae5;color:#059669}.badge-inactive{background-color:#f3f4f6;color:#6b7280}.table-actions{display:flex;align-items:center;gap:8px}.action-btn{padding:8px;background-color:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btn svg{width:18px!important;height:18px!important}.edit-btn{color:#6b7280}.edit-btn:hover{background-color:#f3f4f6;color:#111827}.delete-btn{color:#dc2626}.delete-btn:hover{background-color:#fee2e2;color:#dc2626}@media(max-width:768px){.packages-header{flex-direction:column;gap:16px;align-items:flex-start}.btn-add-package{width:100%;justify-content:center}.packages-content{padding:16px}.packages-table-wrapper{overflow-x:auto}.packages-table thead th,.packages-table tbody td{padding:12px 16px;font-size:12px}}