@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap);:root{--primary-color:#4f46e5;--primary-dark:#4338ca;--primary-light:#eef2ff;--secondary-color:#64748b;--accent-color:#8b5cf6;--bg-color:#f8fafc;--surface-color:#fff;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border-color:#e2e8f0;--font-family:"Plus Jakarta Sans","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-base:15px;--font-size-sm:13px;--font-size-xs:12px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#0f172a;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-size:var(--font-size-base)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{color:#4f46e5;color:var(--primary-color);font-weight:600;margin-top:0}button{font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family)}:root{--sidebar-width:280px;--sidebar-bg:#fff;--sidebar-header-bg:#fff;--sidebar-item-color:#64748b;--sidebar-item-hover-bg:#f3f0f9;--sidebar-item-hover-color:#4c1d95;--sidebar-active-bg:#f3f0f9;--sidebar-active-color:#4c1d95;--sidebar-border-color:#e2e8f0;--transition-speed:0.3s}body{padding:0}.sidebar{border-right:1px solid #e2e8f0;border-right:1px solid var(--sidebar-border-color);box-shadow:4px 0 24px #0003;font-family:var(--font-family);transition:all .3s ease;transition:all var(--transition-speed) ease;width:280px;width:var(--sidebar-width)}.sidebar,.sidebar-header{background:#fff;background:var(--sidebar-bg)}.sidebar-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--sidebar-border-color);display:flex;flex-shrink:0;height:80px;justify-content:center}.sidebar-logo{max-height:40px;transition:transform .3s;transition:transform var(--transition-speed);width:auto}.sidebar-logo:hover{transform:scale(1.05)}.sidebar-nav{padding:20px 0}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{position:relative}.dropdown-toggle,.sidebar-nav a{align-items:center;border-left:3px solid #0000;color:#64748b;color:var(--sidebar-item-color);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:12px;padding:12px 24px;text-decoration:none;transition:all .3s;transition:all var(--transition-speed)}.sidebar-nav svg{font-size:1.2rem;min-width:24px;transition:color .3s;transition:color var(--transition-speed)}.dropdown-toggle:hover,.sidebar-nav a:hover{background:#f3f0f9;background:var(--sidebar-item-hover-bg);color:#4c1d95;color:var(--sidebar-item-hover-color)}.dropdown-toggle:hover svg,.sidebar-nav a:hover svg{color:#fff}.sidebar-nav a.active{background:#1e293b;border-left-color:#3b82f6;color:#4c1d95;color:var(--sidebar-active-color)}.sidebar-nav a.active svg{color:#3b82f6}.dropdown-toggle.active-parent{background:#3b82f61a;border-left-color:#3b82f6;color:#f8fafc}.dropdown-toggle.active-parent svg{color:#60a5fa}.dropdown-toggle svg:last-child{font-size:.8rem;margin-left:auto;opacity:.7}.dropdown-menu{background:#0b1120;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(0,1,0,1)}.dropdown.open>.dropdown-menu{max-height:1000px;transition:max-height .8s ease-in-out}.dropdown-menu a{border-left:none;font-size:.9rem;padding-left:56px}.dropdown-menu a:before{background:currentColor;border-radius:50%;content:"";height:4px;left:56px;opacity:0;position:absolute;transform:translateX(-15px);transition:all .3s;transition:all var(--transition-speed);width:4px}.dropdown-menu a.active:before,.dropdown-menu a:hover:before{opacity:1;transform:translateX(-10px)}.dropdown-submenu{background:#020617;max-height:0;overflow:hidden;transition:max-height .3s ease}.dropdown.open>.dropdown-submenu{max-height:1000px}.dropdown-submenu a{padding-left:72px}.sidebar-logout{background:#020617;border-top:1px solid #e2e8f0;border-top:1px solid var(--sidebar-border-color);padding:24px}.logout-btn{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#0a0909;cursor:pointer;display:flex;font-weight:600;gap:10px;justify-content:center;padding:12px;transition:all .3s;transition:all var(--transition-speed);width:100%}.logout-btn:hover{background:#f17575;box-shadow:0 4px 12px #ef44444d;color:#070404;transform:translateY(-2px)}@media (max-width:992px){.sidebar{transform:none;width:220px}.dropdown-toggle,.sidebar-nav a{font-size:.9rem;padding:12px 16px}.dropdown-menu a{padding-left:40px}.sidebar.active{transform:none}}.layout{display:flex;font-family:var(--font-family);min-height:100vh;overflow:hidden;width:100%}.sidebar{background:linear-gradient(180deg,#1b1f3b,#101225);box-shadow:2px 0 10px #00000026;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all .3s ease-in-out;width:260px;z-index:1000}.sidebar-header{background:#ffffff0d;border-bottom:1px solid #ffffff1a;font-size:1.3rem;font-weight:600;letter-spacing:.5px;padding:20px 0;text-align:center}.sidebar-nav{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:0}.sidebar-nav li{margin:4px 0}.sidebar-nav a{align-items:center;border-left:3px solid #0000;color:#d1d1e0;display:flex;font-size:.95rem;gap:12px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.sidebar-nav a.active,.sidebar-nav a:hover{background:#ffffff14;border-left:3px solid #6366f1;color:#fff}.sidebar-nav svg{color:#a5b4fc;font-size:1rem;transition:color .3s ease}.sidebar-nav a:hover svg{color:#fff}.content{background:var(--bg-color);flex:1 1;margin-left:260px;overflow-y:auto;padding:0;transition:margin-left .3s ease-in-out}.content h1{color:#1a1a1a;font-weight:600;margin-bottom:20px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}@media (max-width:992px){.sidebar{width:220px}.content{margin-left:220px;padding:25px}}@media (max-width:768px){.sidebar{left:-260px;position:fixed}.sidebar.active{left:0}.content{margin-left:0;padding:20px}}.cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:0}.card{align-items:flex-start;background:#fff;border:1px solid #f3f4f6cc;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;justify-content:space-between;min-height:140px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.card-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;z-index:2}.card h2{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.8px;margin:0 0 12px;text-transform:uppercase}.card .number{color:#1e293b;font-size:36px;font-weight:800;letter-spacing:-1px;line-height:1;margin:0}.card-icon{align-items:center;border-radius:12px;display:flex;font-size:28px;justify-content:center;padding:12px;transition:transform .3s ease;z-index:2}.card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.card:before{background:radial-gradient(circle,#fffc 0,#fff0 70%);border-radius:50%;content:"";height:200px;opacity:.5;pointer-events:none;position:absolute;right:-20%;top:-50%;width:200px;z-index:1}.card.purple{border-bottom:3px solid #7c3aed}.card.purple .card-icon{background:#f3e8ff;color:#7c3aed}.card.purple:hover{border-color:#7c3aed}.card.gradient{border-bottom:3px solid #2563eb}.card.gradient .card-icon{background:#eff6ff;color:#2563eb}.card.soft{border-bottom:3px solid #f59e0b}.card.soft .card-icon{background:#fffbeb;color:#f59e0b}.card.rejected{border-bottom:3px solid #dc2626}.card.rejected .card-icon{background:#fef2f2;color:#dc2626}.card.buyers{border-bottom:3px solid #0891b2}.card.buyers .card-icon{background:#ecfeff;color:#0891b2}.card.orders{border-bottom:3px solid #4f46e5}.card.orders .card-icon{background:#eef2ff;color:#4f46e5}.card.services{border-bottom:3px solid #db2777}.card.services .card-icon{background:#fce7f3;color:#db2777}.card.rentals{border-bottom:3px solid #059669}.card.rentals .card-icon{background:#ecfdf5;color:#059669}.card.trainings{border-bottom:3px solid #8b5cf6}.card.trainings .card-icon{background:#ede9fe;color:#8b5cf6}@media (max-width:1400px){.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.cards{gap:16px;grid-template-columns:1fr}.card{align-items:center;min-height:auto}}.charts-grid{display:flex;flex-direction:column;height:100%}.chart-section{background:#fff;border:1px solid #f3f4f6cc;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;height:100%;padding:32px;transition:box-shadow .3s ease}.chart-section:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a}.chart-section h2{align-items:center;color:#111827;display:flex;font-size:18px;font-weight:700;gap:10px;letter-spacing:-.3px;margin:0 0 32px}.chart-section h2:before{background:#4f46e5;border-radius:4px;content:"";display:block;height:20px;width:4px}.recharts-wrapper{margin:0 auto}.custom-tooltip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;padding:12px 16px}.custom-tooltip .label{color:#6b7280;font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.custom-tooltip .value{color:#111827;font-size:16px;font-weight:700}.activity{background:#fff;border:1px solid #f3f4f6cc;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;height:100%;padding:32px;transition:box-shadow .3s ease}.activity:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a}.activity h2{align-items:center;color:#111827;display:flex;font-size:18px;font-weight:700;gap:10px;letter-spacing:-.3px;margin:0 0 24px}.activity h2:before{background:#ec4899;border-radius:4px;content:"";display:block;height:20px;width:4px}.activity ul{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.activity li{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:16px;padding-bottom:16px}.activity li:last-child{border-bottom:none}.activity-icon-container{align-items:center;background:#f3f4f6;border-radius:10px;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.activity-details{display:flex;flex-direction:column;gap:4px}.activity-title{color:#374151;font-size:14px;font-weight:500;line-height:1.4}.activity-time{color:#9ca3af;font-size:12px}.dashboard-page{background-color:#f3f4f6;font-family:var(--font-family);min-height:100vh;padding:32px}.dashboard-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:32px}.dashboard-page h2{color:#111827;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.dashboard-subtitle{color:#6b7280;font-size:14px;font-weight:500;margin:0}.dashboard-actions{align-items:center;display:flex;gap:16px}.current-date{border-right:1px solid #e5e7eb;color:#6b7280;font-size:14px;font-weight:500;padding-right:16px}.refresh-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.refresh-button:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a;color:#111827;transform:translateY(-1px)}.refresh-button:active{background:#f3f4f6;transform:translateY(0)}.dashboard-content{display:flex;flex-direction:column;gap:24px}.dashboard-grid-main{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}@media (max-width:1200px){.dashboard-grid-main{grid-template-columns:1fr}}.dashboard-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:80vh}.spinner{border:3px solid #e5e7eb;border-top-color:#4f46e5}.dashboard-error{align-items:center;color:#ef4444;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:20px;text-align:center}.dashboard-error button{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:16px;padding:8px 16px}:root{--white:#fff;--black:#000;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--primary:#4c1d95;--primary-light:#f3f0f9;--primary-dark:#3b0764;--secondary:#64748b;--accent:#8b5cf6;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--error:#ef4444;--error-light:#fee2e2;--info:#3b82f6;--info-light:#e0f2fe;--border:1px solid var(--gray-200);--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--font-sans:var(--font-family);--font-mono:"SF Mono",Monaco,Consolas,"Liberation Mono",monospace}.drones-container{background:var(--bg-color);font-family:var(--font-family);font-family:var(--font-sans);min-height:100vh;padding:20px}.main-wrapper{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1800px}.top-navigation{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e5e5;border:var(--border);border-radius:16px;border-radius:var(--border-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;padding:20px 24px}.nav-left h1{color:#000;color:var(--black);font-size:24px;font-weight:700;letter-spacing:-.025em;margin:0}.nav-left p{color:#525252;color:var(--gray-600);font-size:14px;margin:6px 0 0}.nav-right{display:flex;gap:12px}.btn,.nav-right{align-items:center}.btn{border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#4c1d95;background:var(--primary);color:var(--white)}.btn-primary:hover:not(:disabled){background:#4c1d95;background:var(--primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:var(--border);color:#404040;color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:#fafafa;background:var(--gray-50);border-color:#d4d4d4;border-color:var(--gray-300);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);transform:translateY(-2px)}.btn-success{background:#10b981;background:var(--success);color:#fff;color:var(--white)}.btn-success:hover:not(:disabled){background:#059669;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-warning{background:#f59e0b;background:var(--warning);color:#fff;color:var(--white)}.btn-warning:hover:not(:disabled){background:#d97706;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.upload-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.upload-btn:hover{box-shadow:0 10px 25px -5px #8b5cf666;transform:translateY(-2px)}.upload-btn input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.stats-dashboard{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.stat-card{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:var(--border);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-card:before{background:linear-gradient(90deg,#4c1d95,#8b5cf6);background:linear-gradient(90deg,var(--primary) 0,var(--accent) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.stat-icon.total-value{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#4c1d95;color:var(--primary)}.stat-icon.total-stock{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#8b5cf6;color:var(--accent)}.stat-icon.approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981;color:var(--success)}.stat-icon.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b;color:var(--warning)}.stat-label{align-items:center;color:#525252;color:var(--gray-600);font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.stat-value{font-feature-settings:"tnum";align-items:center;color:#000;color:var(--black);font-size:28px;font-weight:700;margin-bottom:4px}.stat-change{align-items:center;display:flex;font-size:12px;font-weight:500;gap:4px}.stat-change.positive{color:#10b981;color:var(--success)}.stat-change.negative{color:#ef4444;color:var(--error)}.control-panel{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:var(--border);border-radius:16px;border-radius:var(--border-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:24px}.panel-header{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:var(--border);display:flex;justify-content:space-between;padding-bottom:20px}.panel-title{color:#000;color:var(--black);font-size:20px;font-weight:600;margin:0}.panel-actions{align-items:center;display:flex;gap:12px}.seller-selector{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.select-wrapper{min-width:200px;position:relative}.select-wrapper .select-trigger{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e5e5;border:var(--border);border-radius:8px;border-radius:var(--border-radius);color:#171717;color:var(--gray-900);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px;transition:all .2s ease;width:100%}.select-wrapper .select-trigger:hover{background:#fafafa;background:var(--gray-50);border-color:#4c1d95;border-color:var(--primary)}.select-wrapper .select-trigger.open{border-color:#4c1d95;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.select-dropdown{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:var(--border);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:none;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.select-dropdown.open{display:block}.select-option{border-bottom:1px solid #e5e5e5;border-bottom:var(--border);cursor:pointer;padding:12px 16px;transition:all .2s ease}.select-option:last-child{border-bottom:none}.select-option:hover{background:#f3f0f9;background:var(--primary-light)}.select-option.selected{background:#4c1d95;background:var(--primary);color:#fff;color:var(--white)}.select-option-content{align-items:center;display:flex;justify-content:space-between}.seller-email{color:#525252;color:var(--gray-600);font-size:12px;margin-top:2px}.option-count{background:#f5f5f5;background:var(--gray-100);border-radius:12px;font-size:11px;font-weight:600;padding:2px 8px}.select-option.selected .option-count{background:#fff3}.select-option.selected .seller-email{color:#fffc}.search-container{max-width:400px;position:relative}.search-input{background:var(--white);border:1px solid #e5e5e5;border:var(--border);border-radius:8px;border-radius:var(--border-radius);color:#171717;color:var(--gray-900);padding:12px 40px 12px 16px;transition:all .2s ease}.search-input:focus{border-color:#4c1d95}.search-icon{color:#a3a3a3;color:var(--gray-400);right:12px}.status-tabs-container{display:flex;flex-wrap:wrap;gap:8px}.status-tab{align-items:center;background:#f5f5f5;background:var(--gray-100);border:none;border-radius:8px;border-radius:var(--border-radius);color:#404040;color:var(--gray-700);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.status-tab:hover:not(.active){background:#e5e5e5;background:var(--gray-200)}.status-tab.active{background:#4c1d95;background:var(--primary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);color:#fff;color:var(--white)}.tab-count{background:#e5e5e5;background:var(--gray-200);border-radius:12px;font-size:12px;font-weight:600;padding:2px 8px}.status-tab.active .tab-count{background:#fff3}.current-seller-card{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:var(--border);border-radius:16px;border-radius:var(--border-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:24px}.seller-profile{align-items:flex-start;border-bottom:1px solid #e5e5e5;border-bottom:var(--border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.seller-info{flex:1 1}.seller-id{align-items:center;color:#000;color:var(--black);font-size:20px;font-weight:700;gap:8px;margin-bottom:8px}.seller-contact{color:#525252;color:var(--gray-600);display:flex;font-size:14px;gap:16px}.seller-contact div{align-items:center;display:flex;gap:6px}.seller-actions{display:flex;gap:12px}.seller-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.seller-stat{background:#fafafa;background:var(--gray-50);border-radius:8px;border-radius:var(--border-radius);padding:20px;text-align:center;transition:all .3s ease}.seller-stat:hover{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);transform:translateY(-2px)}.seller-stat-value{color:#000;color:var(--black);font-size:24px;font-weight:700;margin-bottom:4px}.seller-stat-label{color:#525252;color:var(--gray-600);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.table-container{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:var(--border);border-radius:16px;border-radius:var(--border-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.table-header{align-items:center;background:#fafafa;background:var(--gray-50);border-bottom:1px solid #e5e5e5;border-bottom:var(--border);display:flex;justify-content:space-between;padding:20px 24px}.table-title{color:#000;color:var(--black);font-size:18px;font-weight:600;margin:0}.table-controls{align-items:center;display:flex;gap:12px}.table-info{color:#525252;color:var(--gray-600);font-size:14px}.table-content{flex:1 1;overflow-x:auto}.drones-table{border-collapse:collapse;font-size:14px;min-width:1200px;width:100%}.drones-table th,.drones-table thead{background:#fafafa;background:var(--gray-50)}.drones-table th{border-bottom:1px solid #e5e5e5;border-bottom:var(--border);color:#404040;color:var(--gray-700);cursor:pointer;font-weight:600;padding:16px;position:-webkit-sticky;position:sticky;text-align:left;top:0;transition:background .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.drones-table th:hover{background:#f5f5f5;background:var(--gray-100)}.drones-table td{border-bottom:1px solid #e5e5e5;border-bottom:var(--border);padding:16px;vertical-align:middle}.drones-table tbody tr{transition:background .2s ease}.drones-table tbody tr:hover{background:#fafafa;background:var(--gray-50)}.drones-table tbody tr:last-child td{border-bottom:none}.id-cell{font-family:SF Mono,Monaco,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);font-size:13px;font-weight:500}.drone-details-cell{align-items:center;display:flex;gap:12px}.drone-image{border:1px solid #e5e5e5;border:var(--border);border-radius:8px;height:48px;object-fit:cover;width:48px}.drone-name{color:#000;color:var(--black);font-weight:600;margin-bottom:4px}.drone-specs{align-items:center;color:#525252;color:var(--gray-600);display:flex;font-size:12px;gap:8px}.drone-brand{font-weight:500}.drone-uin{background:#f5f5f5;background:var(--gray-100);border-radius:4px;font-family:SF Mono,Monaco,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);font-size:11px;padding:2px 8px}.price-cell{font-family:SF Mono,Monaco,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);font-size:15px}.price-cell,.quantity-cell{color:#000;color:var(--black);font-weight:600}.quantity-cell{align-items:center;display:flex;gap:4px}.quantity-cell.out-of-stock{color:#a3a3a3;color:var(--gray-400)}.low-stock-indicator{color:#f59e0b;color:var(--warning);font-size:12px;font-weight:700}.status-badge{font-size:12px}.status-pending{background:var(--warning-light);color:#f59e0b;color:var(--warning)}.status-approved{background:var(--success-light);color:#10b981;color:var(--success)}.status-rejected{background:var(--error-light);color:#ef4444;color:var(--error)}.action-buttons{flex-wrap:wrap}.action-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;margin:0 4px;transition:all .2s ease}.action-btn:hover:not(:disabled){box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.action-btn:disabled{opacity:.5}.action-view{background:#dbeafe!important;border-color:#dbeafe!important;color:#1d4ed8!important}.action-view:hover:not(:disabled){background:#bfdbfe!important;border-color:#bfdbfe!important}.action-approve{background:#d1fae5!important;border-color:#d1fae5!important;color:#065f46!important}.action-approve:hover:not(:disabled){background:#a7f3d0!important;border-color:#a7f3d0!important}.action-reject{background:#fee2e2!important;border-color:#fee2e2!important;color:#991b1b!important}.action-reject:hover:not(:disabled){background:#fecaca!important;border-color:#fecaca!important}.action-pending{background:#fef3c7!important;border-color:#fef3c7!important;color:#92400e!important}.action-pending:hover:not(:disabled){background:#fde68a!important;border-color:#fde68a!important}.action-edit{background:#f3e8ff!important;border-color:#f3e8ff!important;color:#7c3aed!important}.action-edit:hover:not(:disabled){background:#e9d5ff!important;border-color:#e9d5ff!important}.action-delete{background:#f1f5f9!important;border-color:#f1f5f9!important;color:#64748b!important}.action-delete:hover:not(:disabled){background:#e2e8f0!important;border-color:#e2e8f0!important;color:#dc2626!important}.pagination{align-items:center;border-top:1px solid #e5e5e5;border-top:var(--border);display:flex;gap:8px;justify-content:center;padding:20px}.pagination,.pagination button{background:#fff;background:var(--white)}.pagination button{border:1px solid #e5e5e5;border:var(--border);border-radius:6px;color:#404040;color:var(--gray-700);cursor:pointer;font-size:14px;font-weight:500;height:36px;min-width:36px;transition:all .2s ease}.pagination button:hover:not(:disabled){background:#fafafa;background:var(--gray-50);border-color:#d4d4d4;border-color:var(--gray-300);transform:translateY(-1px)}.pagination button.active{background:#4c1d95;background:var(--primary);border-color:#4c1d95;border-color:var(--primary);color:#fff;color:var(--white)}.pagination button:disabled{cursor:not-allowed;opacity:.5}.loading-state{color:#525252;color:var(--gray-600);padding:80px 40px}.spinner{border:3px solid #e5e5e5;border-top-color:#4c1d95;border:3px solid var(--gray-200);border-top-color:var(--primary);margin-bottom:16px}.empty-state{color:#525252;color:var(--gray-600);padding:80px 40px}.empty-state p{margin-bottom:16px}.upload-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.upload-modal-content{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:var(--border);border-radius:16px;border-radius:var(--border-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-width:500px;width:90%}.upload-modal-header{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:var(--border);display:flex;justify-content:space-between;padding:24px}.upload-modal-header h2{color:#000;color:var(--black);font-size:20px;font-weight:600;margin:0}.close-btn{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e5e5;border:var(--border);border-radius:6px;color:#404040;color:var(--gray-700);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-btn:hover{background:#fafafa;background:var(--gray-50);border-color:#d4d4d4;border-color:var(--gray-300)}.upload-modal-body{padding:24px}.upload-form-group{margin-bottom:20px}.upload-form-group label{color:#404040;color:var(--gray-700);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.upload-form-group input,.upload-form-group select,.upload-form-group textarea{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:var(--border);border-radius:8px;border-radius:var(--border-radius);color:#171717;color:var(--gray-900);font-size:14px;padding:12px;transition:all .2s ease;width:100%}.upload-form-group input:focus,.upload-form-group select:focus,.upload-form-group textarea:focus{border-color:#4c1d95;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.upload-form-group textarea{font-family:var(--font-family);font-family:var(--font-sans);min-height:100px;resize:vertical}.upload-form-group select{cursor:pointer}.file-upload-area{border:2px dashed #d4d4d4;border:2px dashed var(--gray-300);border-radius:8px;border-radius:var(--border-radius);cursor:pointer;padding:40px 20px;text-align:center;transition:all .3s ease}.file-upload-area:hover{background:#fafafa;background:var(--gray-50);border-color:#4c1d95;border-color:var(--primary)}.file-upload-area.dragover{background:#f3f0f9;background:var(--primary-light);border-color:#4c1d95;border-color:var(--primary)}.upload-icon{color:#a3a3a3;color:var(--gray-400);font-size:48px;margin-bottom:16px}.file-upload-area:hover .upload-icon{color:#4c1d95;color:var(--primary)}.file-upload-text{color:#525252;color:var(--gray-600);font-size:14px;margin-bottom:8px}.file-upload-hint{color:#737373;color:var(--gray-500);font-size:12px}.upload-modal-footer{border-top:1px solid #e5e5e5;border-top:var(--border);display:flex;gap:12px;justify-content:flex-end;padding:24px}.error-message{background:var(--error-light);border-radius:var(--border-radius);color:#ef4444;color:var(--error);font-size:14px;font-weight:500;justify-content:space-between;margin:20px}.error-message button{background:none;border:none;color:#ef4444;color:var(--error);cursor:pointer;font-size:16px;padding:4px 8px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:var(--border);border-radius:16px;border-radius:var(--border-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;max-width:600px}.modal-header{border-bottom:1px solid #e5e5e5;border-bottom:var(--border);padding:24px}.modal-header h2{color:#000;color:var(--black);font-size:20px;font-weight:600;margin:0}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.sellers-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.sellers-table thead{background:#f8fafc;border-bottom:2px solid #e5e7eb}.sellers-table th{color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:16px;text-align:left;-webkit-user-select:none;user-select:none}.sellers-table th:hover{background:#f1f5f9}.seller-row{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.seller-row:hover{background-color:#f9fafb}.seller-row.expanded{background-color:#eff6ff;border-bottom:none}.seller-row td{padding:16px;vertical-align:middle}.seller-id-cell{align-items:center;display:flex;gap:12px}.expand-icon{color:#6b7280;text-align:center;width:16px}.seller-contact-cell{display:flex;flex-direction:column;gap:4px}.seller-email,.seller-phone{color:#4b5563;font-size:13px}.seller-email,.seller-phone,.seller-products-count{align-items:center;display:flex;gap:8px}.count-badge{border-radius:20px;min-width:36px;padding:4px 12px}.count-label{color:#6b7280}.seller-value .value-amount{color:#059669;font-size:16px;font-weight:600}.seller-stock{align-items:center;display:flex;gap:8px}.stock-count{color:#1f2937;font-size:16px;font-weight:600}.stock-label{color:#6b7280;font-size:13px}.status-breakdown{display:flex;gap:8px}.status-dot{align-items:center;border-radius:50%;cursor:default;display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.status-dot.approved{background:#d1fae5;color:#065f46}.status-dot.pending{background:#fef3c7;color:#92400e}.status-dot.rejected{background:#fee2e2;color:#991b1b}.products-row{background:#f9fafb;border-bottom:1px solid #e5e7eb}.products-row td{padding:0}.products-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:0 16px 16px;padding:24px}.products-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.products-header h4{color:#1f2937;font-size:16px;margin:0}.products-count{background:#f3f4f6;border-radius:20px;color:#6b7280;font-size:13px;padding:4px 12px}.products-table-container{overflow-x:auto}.products-table{border-collapse:collapse;font-size:14px;width:100%}.products-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px;text-align:left}.products-table td{border-bottom:1px solid #f3f4f6;padding:12px}.products-table tr:hover{background:#f9fafb}.no-products{color:#6b7280;font-size:14px;padding:40px;text-align:center}.products-pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:20px;justify-content:center;margin-top:20px;padding-top:20px}.pagination-btn{background:#f3f4f6;color:#374151;padding:8px 16px}.pagination-btn:hover:not(:disabled){background:#e5e7eb}.read-more-btn{color:#3b82f6;font-size:12px;margin-left:4px;padding:0;text-decoration:underline}.drone-details-modal{max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.drone-details-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.drone-image-section{grid-column:1;grid-row:1}.drone-detail-image{border:1px solid #e5e5e5;border-radius:12px;height:250px;object-fit:cover;width:100%}.no-image-placeholder{align-items:center;background:#f3f4f6;border-radius:12px;color:#6b7280;display:flex;font-size:14px;height:250px;justify-content:center;width:100%}.drone-info-section{display:flex;flex-direction:column;gap:12px;grid-column:2;grid-row:1}.info-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.info-label{color:#6b7280;font-size:14px;font-weight:500}.info-value{color:#1f2937;font-size:14px;font-weight:600}.price-value{color:#059669}.quantity-display{background:#f0f9ff;border-radius:20px;color:#0369a1;font-weight:600;padding:4px 12px}.quantity-display.out-of-stock{background:#fef2f2;color:#dc2626}.drone-description-section{grid-column:1/span 2;grid-row:2;margin-top:16px}.description-content{background:#f9fafb;border-radius:8px;line-height:1.6;margin-top:8px;max-height:200px;overflow-y:auto;padding:16px;white-space:pre-wrap}.drone-actions-section{border-top:1px solid #e5e7eb;grid-column:1/span 2;grid-row:3;margin-top:24px;padding-top:24px}.action-buttons-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:16px}.action-btn-large{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.action-btn-large:hover:not(:disabled){box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.action-btn-large:disabled{cursor:not-allowed;opacity:.6}.action-btn-large.action-approve{background:#d1fae5;color:#065f46}.action-btn-large.action-approve:hover:not(:disabled){background:#a7f3d0}.action-btn-large.action-reject{background:#fee2e2;color:#991b1b}.action-btn-large.action-reject:hover:not(:disabled){background:#fecaca}.action-btn-large.action-pending{background:#fef3c7;color:#92400e}.action-btn-large.action-pending:hover:not(:disabled){background:#fde68a}.action-btn-large.action-edit{background:#e0e7ff;color:#3730a3}.action-btn-large.action-edit:hover:not(:disabled){background:#c7d2fe}.action-btn-large.action-delete{background:#f1f5f9;color:#64748b}.action-btn-large.action-delete:hover:not(:disabled){background:#e2e8f0;color:#dc2626}.panel-actions{display:none}.compact-stats-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.compact-stat-card{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e5e5;border:var(--border);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;min-height:100px;padding:16px 20px;transition:all .2s ease}.compact-stat-card:hover{border-color:#f3f0f9;border-color:var(--primary-light);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);transform:translateY(-2px)}.compact-stat-content{width:100%}.compact-stat-label{color:#525252;color:var(--gray-600);font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.compact-stat-value{font-feature-settings:"tnum";color:#000;color:var(--black);font-size:24px;font-weight:700;line-height:1.2;margin-bottom:4px}.compact-stat-change{align-items:center;display:flex;font-size:11px;font-weight:500;gap:4px;margin-top:4px}.compact-stat-change.positive{color:#10b981;color:var(--success)}.compact-stat-change.negative{color:#ef4444;color:var(--error)}.status-Temporarily_Deactivated,.status-dot.deactivated{background:#fee2e2;color:#991b1b}.action-deactivate{background:#f1f5f9;color:#64748b}.action-deactivate:hover:not(:disabled){background:#e2e8f0;color:#dc2626}.action-btn.action-deactivate{background:#f1f5f9;color:#64748b}.action-btn.action-deactivate:hover:not(:disabled){background:#e2e8f0;color:#dc2626}.action-btn-large.action-deactivate{background:#f1f5f9;color:#64748b}.action-btn-large.action-deactivate:hover:not(:disabled){background:#e2e8f0;color:#dc2626}@media (max-width:1200px){.seller-stats-grid,.stats-dashboard{grid-template-columns:repeat(2,1fr)}.drone-details-grid{grid-template-columns:1fr}.drone-image-section,.drone-info-section{grid-column:1}.drone-info-section{grid-row:2}.drone-description-section{grid-row:3}.drone-actions-section{grid-row:4}.compact-stats-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.drones-container{padding:12px}.top-navigation{align-items:flex-start;flex-direction:column;gap:16px}.nav-right{justify-content:flex-start;width:100%}.stats-dashboard{grid-template-columns:1fr}.control-panel{padding:16px}.panel-header{align-items:flex-start;flex-direction:column;gap:16px}.seller-selector{align-items:stretch;flex-direction:column}.select-wrapper{width:100%}.search-container{max-width:100%}.seller-profile{flex-direction:column;gap:16px}.seller-actions{justify-content:flex-start;width:100%}.table-header{align-items:flex-start;flex-direction:column;gap:16px}.compact-stats-container,.seller-stats-grid{grid-template-columns:1fr}.compact-stat-card{min-height:90px;padding:14px 16px}.compact-stat-value{font-size:22px}}.filter-btn{border:1px solid #d1d9e6;border-radius:6px;color:#475569;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s}.filter-btn:hover{background:#f1f5f9;border-color:#94a3b8}.refresh-btn:hover{border-color:#f3f4f5}.sheet-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:flex;font-weight:500;gap:10px;margin-bottom:20px;padding:12px 20px}.filters-container{background:#fff;border:1px solid #e1e5eb;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:20px}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.filters-header h3{color:#1a365d;font-size:18px;font-weight:600;margin:0}.reset-filters-btn{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.reset-filters-btn:hover{background:#fecaca}.filters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.filter-group{flex-direction:column;gap:8px}.filter-group label{color:#475569;font-size:14px;font-weight:500}.filter-select{border:1px solid #d1d9e6;font-size:14px;padding:10px 12px;transition:all .2s}.filter-select:focus{border-color:#4c9aff;box-shadow:0 0 0 3px #4c9aff1a;outline:none}.date-range-inputs{align-items:center;display:flex;gap:10px}.date-input{background:#fff;border:1px solid #d1d9e6;border-radius:6px;color:#475569;flex:1 1;font-size:14px;padding:10px 12px}.date-input:focus{border-color:#4c9aff;outline:none}.date-separator{color:#94a3b8;font-size:14px;font-weight:500}.sheet-table th{position:relative;-webkit-user-select:none;user-select:none}.sheet-table th.sortable{cursor:pointer;transition:background .2s}.sheet-table th.sortable:hover{background:#f1f5f9}.sort-indicator{font-size:12px;margin-left:6px;opacity:.7}.sheet-table tr:last-child td{border-bottom:none}.buyer-cell .cell-value{color:#1e293b;font-family:Monaco,Consolas,monospace;font-size:13px;font-weight:500}.date-cell .cell-value{color:#64748b;font-size:13px;white-space:nowrap}.day-cell .cell-value{color:#7c3aed;font-size:13px;font-weight:500}.product-cell .product-info{display:flex;flex-direction:column;gap:4px}.product-name{color:#1e293b;font-size:14px;font-weight:500}.category-tag{background:#e0f2fe;border-radius:12px;color:#0369a1;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.quantity-badge{background:#dbeafe;border-radius:6px;color:#1e40af;display:inline-block;font-size:13px;font-weight:600;min-width:40px;padding:6px 12px;text-align:center}.price-value{color:#1e293b;font-weight:500}.total-value{color:#059669;font-size:15px;font-weight:600}.delete-btn{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s;white-space:nowrap}.delete-btn:hover{background:#fecaca;box-shadow:0 2px 4px #dc262633;transform:translateY(-1px)}.empty-subtext{color:#94a3b8!important;font-size:14px!important}.sheet-loading{align-items:center;display:flex;flex-direction:column;gap:20px;height:400px;justify-content:center}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6;height:50px;width:50px}.pagination-btn{text-align:center}.pagination-btn:disabled{background:#f8fafc}.page-info{min-width:180px}.showing-info{font-size:13px}@media (max-width:768px){.sheet-container{padding:10px}.sheet-header{padding:15px}.sheet-actions{align-items:stretch;flex-direction:column}.search-box{max-width:100%}.action-buttons{flex-direction:column;width:100%}.export-btn,.filter-btn,.refresh-btn{justify-content:center;width:100%}.filters-grid{grid-template-columns:1fr}.date-range-inputs{align-items:stretch;flex-direction:column}.date-separator{text-align:center}.sheet-summary{grid-template-columns:repeat(2,1fr)}.simple-pagination{flex-direction:column;gap:15px;padding:20px}.pagination-btn{max-width:200px;width:100%}.page-info{margin-bottom:10px;order:-1}.sheet-table{min-width:1000px}}@media (max-width:480px){.sheet-summary{grid-template-columns:1fr}.delete-btn{font-size:12px;padding:4px 8px}.sheet-header h1{font-size:20px}.summary-value{font-size:18px}}.export-dropdown{display:inline-block;position:relative}.export-btn{white-space:nowrap}.export-menu{background:#fff;border:1px solid #e1e5eb;border-radius:6px;box-shadow:0 4px 12px #0000001a;min-width:180px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .2s;visibility:hidden;z-index:1000}.export-dropdown:hover .export-menu{opacity:1;transform:translateY(0);visibility:visible}.export-menu button{background:none;border:none;border-bottom:1px solid #f1f5f9;color:#475569;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.export-menu button:last-child{border-bottom:none}.export-menu button:hover{background:#f1f5f9;color:#3b82f6}@media (max-width:768px){.action-buttons{flex-direction:column;width:100%}.export-dropdown{width:100%}.export-btn{justify-content:center;width:100%}.export-menu{min-width:auto;width:100%}}.return-cell .cell-value{color:#dc2626;font-size:13px;font-weight:600}.product-id,.return-cell .cell-value{font-family:Monaco,Consolas,monospace}.product-id{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#475569;font-size:12px;padding:4px 8px}.condition-tag{background:#fef3c7;border:1px solid #fcd34d;border-radius:12px;color:#92400e;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.refund-value{color:#dc2626;font-size:14px;font-weight:600}.status-badge.completed{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.status-badge.pending{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.customer-info,.seller-info{display:flex;flex-direction:column;font-size:13px;gap:2px}.customer-name,.seller-name{color:#1e293b;font-size:14px;font-weight:600}.customer-contact,.seller-contact{color:#64748b;font-size:12px}.reason-text{color:#475569;font-size:13px;line-height:1.4;max-width:250px;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.sheet-table{min-width:1400px}.customer-info,.seller-info{min-width:180px}.reason-text{max-width:200px}}.order-sheet-container{background:var(--bg-color);font-family:var(--font-family);margin:0 auto;max-width:1600px;min-height:100vh;padding:24px}.order-sheet-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:24px;padding:24px 30px}.order-sheet-header h1{align-items:center;color:var(--primary-color);display:flex;font-size:26px;font-weight:700;gap:12px;margin:0 0 24px}.order-sheet-subtitle{color:#64748b;display:block;font-size:14px;font-weight:400;margin-top:4px}.order-sheet-actions{align-items:center;display:flex;gap:20px;justify-content:space-between}.order-search-box{flex:1 1;max-width:450px;position:relative}.order-sheet-search{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;padding:12px 16px 12px 45px;transition:all .2s ease;width:100%}.order-sheet-search:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.order-search-icon{color:#94a3b8;font-size:18px;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.order-action-buttons{display:flex;gap:12px}.order-filter-select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;font-weight:500;min-width:150px;padding:10px 15px}.order-btn-primary,.order-filter-select{cursor:pointer;font-size:14px;transition:all .2s}.order-btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #2563eb33;color:#fff;display:flex;font-weight:600;gap:8px;padding:10px 20px}.order-btn-primary:hover{box-shadow:0 6px 12px -2px #2563eb4d;transform:translateY(-1px)}.order-btn-secondary{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.order-btn-secondary:hover{background:#f1f5f9;border-color:#94a3b8}.order-sheet-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px}.order-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column;gap:10px;padding:24px;transition:transform .2s ease}.order-summary-card:hover{transform:translateY(-2px)}.order-summary-card.total{border-left:5px solid #3b82f6}.order-summary-card.value{border-left:5px solid #10b981}.order-summary-card.pending{border-left:5px solid #f59e0b}.order-summary-card.paid{border-left:5px solid #06b6d4}.order-summary-label{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.order-summary-value{color:#1e293b;font-size:28px;font-weight:700}.order-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;margin-bottom:24px;overflow:hidden}.order-table-wrapper{overflow-x:auto}.order-sheet-table{border-collapse:collapse;min-width:1100px;width:100%}.order-sheet-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;letter-spacing:.05em;padding:18px 16px;text-align:left;text-transform:uppercase}.order-sheet-table td{border-bottom:1px solid #f1f5f9;font-size:14px;padding:16px;vertical-align:middle}.order-sheet-table tr:hover{background:#f8fafc}.order-id-cell{color:#3b82f6;font-family:SF Mono,Monaco,monospace;font-weight:600}.buyer-info-cell{display:flex;flex-direction:column;gap:2px}.buyer-name{color:#1e293b;font-weight:600}.buyer-email{color:#64748b;font-size:12px}.amount-cell{color:#1e293b;font-size:15px;font-weight:700}.order-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.status-pending{border:1px solid #fcd34d}.status-packed{background:#e0f2fe;border:1px solid #7dd3fc;color:#0369a1}.status-shipped{background:#dcfce7;border:1px solid #86efac;color:#166534}.status-delivered{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.status-cancelled,.status-rejected{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.order-pagination{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;display:flex;gap:24px;justify-content:center;margin-top:24px;padding:20px}.order-pagination-btn{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:10px 24px;transition:all .2s ease}.order-pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}.order-pagination-btn:disabled{background:#f8fafc;cursor:not-allowed;opacity:.5}.order-page-info{color:#475569;font-size:15px;font-weight:600;text-align:center}.order-showing-info{color:#64748b;font-size:13px;font-weight:400;margin-top:4px}.order-modal-content{border-radius:16px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.order-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:24px}.order-modal-body{padding:24px}@media (max-width:768px){.order-sheet-actions{align-items:stretch;flex-direction:column}.order-search-box{max-width:100%}.order-action-buttons{flex-direction:column}.order-summary-grid{grid-template-columns:1fr 1fr}}.regulatory-container{background:#f8fafc;font-family:Inter,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:16px}.date-filters{align-items:center;display:flex;gap:10px}.custom-date-range{align-items:center;display:flex;gap:6px}.custom-date-range input{border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:.85rem;padding:5px 8px;width:120px}.custom-date-range span{color:#64748b;font-size:.85rem}.regulatory-form{padding:16px}.submissions-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 200px);min-height:600px;overflow:hidden}.submissions-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.card-item{height:220px}.card-item.expanded{max-height:400px;min-height:220px}.card-date{align-items:center;color:#64748b;display:flex;font-size:.7rem;gap:4px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slide-item{max-height:500px;max-width:1000px}.slide-media img{object-fit:cover}.slide-info{padding:0}@media (max-width:1200px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.card-item{height:200px}.card-top{height:90px}}@media (max-width:1024px){.side-by-side-layout{gap:16px;grid-template-columns:1fr}.left-side{position:static}.form-container{max-height:none;max-width:100%}.submissions-container{height:auto;min-height:400px}.header-right{flex-wrap:wrap}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:768px){.regulatory-container{padding:12px}.page-header{gap:12px}.header-actions,.page-header{align-items:stretch;flex-direction:column}.view-switch{justify-content:center}.filter-bar{align-items:stretch;flex-direction:column;gap:10px}.search-box{min-width:100%}.custom-date-range,.date-filters{align-items:stretch;flex-direction:column}.custom-date-range input{width:100%}.slide-item{gap:20px;grid-template-columns:1fr;max-height:none}.slide-media{height:200px}.slide-container{padding:16px}.nav-btn{height:36px;width:36px}.cards-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:12px}.card-item{height:190px}.card-top{height:80px}.card-title{font-size:.8rem;min-height:2.2em}.card-description,.card-summary{font-size:.7rem}}@media (max-width:480px){.cards-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.header-right{align-items:stretch;flex-direction:column;gap:8px}.items-per-page select{width:100%}.pagination-buttons{flex-wrap:wrap;justify-content:center}.pagination-btn{font-size:.75rem;height:28px;min-width:28px}.card-item.expanded{grid-column:1/-1}.card-item{height:180px}.card-top{height:70px}.card-title{font-size:.75rem}}.slides-view{overflow:hidden}.slide-info::-webkit-scrollbar{width:6px}.slide-info::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.slide-info::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.slide-info::-webkit-scrollbar-thumb:hover{background:#94a3b8}.image-modal-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.image-modal{max-height:90vh;max-width:90vw;position:relative}.image-modal img{border-radius:8px;height:100%;object-fit:contain;width:100%}.close-modal-btn{align-items:center;background:#fff;border:none;border-radius:50%;color:#1e293b;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;position:absolute;right:0;top:-40px;transition:all .2s;width:32px}.close-modal-btn:hover{background:#f8fafc;transform:scale(1.1)}.slide-media{cursor:pointer;transition:transform .2s}.slide-media:hover{transform:scale(1.02)}.slide-media img{transition:transform .3s}@media (max-width:1024px){.slide-item{gap:24px;grid-template-columns:1fr;height:auto;max-height:none}.slide-media{max-height:400px;min-height:300px}.slide-info{height:auto;max-height:400px}.slide-container{height:calc(100% - 70px);padding:16px}}@media (max-width:768px){.slide-item{gap:20px}.slide-media{min-height:250px}.slide-info,.slide-media{max-height:350px}.slide-container{gap:12px;padding:12px}.nav-btn{height:36px;width:36px}}@media (max-width:480px){.slide-media{min-height:200px}.slide-info,.slide-media{max-height:300px}.slide-info h2{font-size:1.3rem}}css .upload-image-page{background:var(--bg-color);font-family:var(--font-family);min-height:100vh;padding:20px}.upload-image-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px 30px}.header-content{flex:1 1;text-align:center}.page-title{align-items:center;color:#333;display:flex;font-size:2.5rem;font-weight:700;gap:15px;justify-content:center;margin:0 0 10px}.title-icon{font-size:2.8rem}.page-subtitle{color:#666;font-size:1.1rem;font-weight:400;margin:0}.back-button{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;color:#495057;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;min-width:100px;padding:12px 24px;transition:all .3s ease}.back-button:hover:not(:disabled){background:#e9ecef;transform:translateX(-3px)}.back-button:disabled{cursor:not-allowed;opacity:.5}.clear-all-btn{background:#ff6b6b;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.clear-all-btn:hover{background:#ff5252;box-shadow:0 4px 12px #ff6b6b4d;transform:translateY(-2px)}.upload-image-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:30px}.upload-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr;min-height:600px}@media (max-width:1024px){.upload-container{grid-template-columns:1fr}}.upload-left-panel{display:flex;flex-direction:column;gap:30px}.error-message{align-items:flex-start;background:#ffeaea;border:2px solid #fcc;border-radius:12px;gap:15px;padding:20px}.error-icon{color:#ff6b6b;flex-shrink:0;font-size:24px;margin-top:2px}.error-details{flex:1 1}.error-details strong{color:#333;display:block;font-size:1.1rem;margin-bottom:8px}.error-text{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:10px}.debug-info{margin-top:10px}.debug-info summary{color:#667eea;cursor:pointer;font-weight:600;padding:5px 0}.debug-info pre{word-wrap:break-word;background:#0000000d;border-radius:8px;font-size:.85rem;margin-top:10px;overflow:auto;padding:15px;white-space:pre-wrap}.image-preview-section{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:16px;padding:25px;transition:all .3s ease}.image-preview-section:hover{background:#f0f4ff;border-color:#667eea}.section-header{margin-bottom:20px}.section-header h2{color:#333;font-size:1.5rem;margin:0}.selected-badge{background:#51cf66;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:6px 12px}.image-preview-area{align-items:center;background:#fff;border-radius:12px;display:flex;justify-content:center;min-height:300px;overflow:hidden;position:relative;transition:all .3s ease}.image-preview-area.empty{border:3px dashed #adb5bd;cursor:pointer}.image-preview-area.empty:hover{background:#f0f4ff;border-color:#667eea}.image-preview-area.uploading{opacity:.7}.preview-wrapper{height:100%;min-height:300px;position:relative;width:100%}.image-preview{display:block;height:100%;object-fit:contain;width:100%}.preview-overlay{background:linear-gradient(#0000,#000000b3);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:20px;position:absolute;right:0;transition:opacity .3s ease}.preview-wrapper:hover .preview-overlay{opacity:1}.change-image-btn{background:#ffffffe6;border:none;border-radius:8px;color:#333;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.change-image-btn:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.empty-preview{color:#666;padding:40px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px}.empty-preview h3{color:#495057;font-size:1.5rem;margin-bottom:10px}.empty-preview p{color:#6c757d;margin-bottom:15px}.file-support-info{background:#0000000d;border-radius:20px;color:#868e96;display:inline-block;font-size:.9rem;padding:8px 16px}.quick-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.quick-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s ease}.quick-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.quick-action-btn.primary:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.quick-action-btn:disabled{cursor:not-allowed;opacity:.5}.action-icon{font-size:1.2rem}.upload-form{background:#f8f9fa;border-radius:16px;gap:20px;padding:25px}.form-group,.upload-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:1rem;font-weight:600}.form-input,.form-textarea{background:#fff;border:2px solid #dee2e6;border-radius:10px;font-family:inherit;font-size:1rem;padding:14px 16px;transition:all .3s ease}.form-input:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input:disabled,.form-textarea:disabled{background:#e9ecef;cursor:not-allowed}.form-textarea{min-height:100px;resize:vertical}.form-help{color:#6c757d;font-size:.85rem;margin-top:4px}.form-actions{border-top:2px solid #e9ecef;gap:15px;margin-top:10px;padding-top:20px}.cancel-btn,.submit-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;padding:16px;transition:all .3s ease}.cancel-btn{background:#e9ecef;color:#495057}.cancel-btn:hover:not(:disabled){background:#dee2e6;transform:translateY(-2px)}.submit-btn{background:linear-gradient(135deg,#51cf66,#40c057);color:#fff;overflow:hidden;position:relative}.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #51cf6666;transform:translateY(-2px)}.submit-btn:disabled{background:#adb5bd;box-shadow:none!important;cursor:not-allowed;transform:none!important}.spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}.upload-right-panel{display:flex;flex-direction:column;gap:30px}.summary-section{background:#f8f9fa;border-radius:16px;height:-webkit-fit-content;height:fit-content;padding:25px}.summary-title{align-items:center;color:#333;display:flex;font-size:1.5rem;font-weight:600;gap:10px;margin:0 0 20px}.summary-icon{font-size:1.8rem}.image-details{background:#fff;border:2px solid #e9ecef;border-radius:12px;display:flex;flex-direction:column;gap:15px;padding:20px}.detail-row{border-bottom:1px solid #f1f3f5;padding-bottom:12px}.detail-row:last-child{padding-bottom:0}.detail-label{color:#666;font-size:.95rem;font-weight:500}.detail-value{color:#333;font-size:.95rem;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis}.empty-summary{background:#fff;border:2px dashed #dee2e6;border-radius:12px;color:#666;padding:40px 20px;text-align:center}.empty-summary-icon{font-size:48px;margin-bottom:15px;opacity:.5}.empty-summary p{color:#495057;font-size:1.1rem;margin:0}@media (max-width:768px){.upload-image-page{padding:10px}.upload-image-header{flex-direction:column;gap:20px;padding:20px;text-align:center}.header-content{order:2}.back-button{align-self:flex-start;order:1}.header-actions{align-self:flex-end;order:3}.page-title{font-size:2rem}.upload-image-content{padding:20px}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.quick-actions{flex-direction:column}.quick-action-btn{justify-content:center;width:100%}.detail-row{align-items:flex-start;flex-direction:column;gap:5px}.detail-value{max-width:100%;text-align:left}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.image-preview-area.uploading .preview-wrapper:after{align-items:center;animation:pulse 1.5s ease-in-out infinite;background:#fffc;bottom:0;color:#667eea;content:"";display:flex;font-size:1.2rem;font-weight:600;justify-content:center;left:0;position:absolute;right:0;top:0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.booking-container.premium{max-width:1600px}.stat-mini.seller{background:linear-gradient(135deg,#8b5cf615,#8b5cf608);border:1px solid #8b5cf633}.stat-mini.buyer{background:linear-gradient(135deg,#06b6d415,#06b6d408);border:1px solid #06b6d433}.stat-mini.seller .stat-mini-value{color:#8b5cf6}.stat-mini.buyer .stat-mini-value{color:#06b6d4}.customer-name{color:#111827;font-weight:600;margin-bottom:4px}.buyer-info,.owner-info,.pilot-info{display:flex;flex-direction:column;gap:4px}.owner-email,.owner-id,.phone,.pilot-company{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:500;gap:6px}.phone svg,.pilot-company svg{color:#9ca3af;font-size:14px}.location{align-items:center;color:#6b7280;display:flex;font-weight:500;gap:8px}.location svg{color:#9ca3af;font-size:14px}.date-time{display:flex;flex-direction:column;gap:4px}.date{align-items:center;color:#6b7280;display:flex;font-size:13px;font-weight:500;gap:8px}.date svg{color:#9ca3af;font-size:14px}.time{color:#9ca3af;font-size:12px;font-weight:500;margin-left:22px}.status-cell{align-items:flex-start;flex-direction:column;gap:8px}.status-icon{font-size:16px}.status-icon.approved{color:#10b981}.status-icon.pending{color:#f59e0b}.status-icon.rejected{color:#ef4444}.status-icon.completed{color:#3b82f6}.status-icon.other{color:#9ca3af}.type-badge{font-size:10px;padding:4px 10px}.premium-modal{max-width:520px}.detail-value.status,.detail-value.type{font-weight:600}.type-cell{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.type-icon{font-size:18px}.type-icon.seller{color:#8b5cf6}.type-icon.buyer{color:#06b6d4}.type-icon.other{color:#9ca3af}.premium-table{min-width:1300px}.premium-table thead th:nth-child(2){width:100px}.empty-state[colSpan="8"]{padding:60px 20px}.type-badge{border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.05em;min-width:60px;padding:4px 12px;text-align:center;text-transform:uppercase}.type-badge.seller{background:#8b5cf61a;border:1px solid #8b5cf633;color:#8b5cf6}.type-badge.buyer{background:#06b6d41a;border:1px solid #06b6d433;color:#06b6d4}.type-badge.other{background:#9ca3af1a;border:1px solid #9ca3af33;color:#6b7280}.detail-value.type{align-items:center;display:flex;font-weight:600;gap:8px}.detail-value.type.seller{color:#8b5cf6}.detail-value.type.buyer{color:#06b6d4}.stat-mini.confirmed{background:linear-gradient(135deg,#10b98115,#10b98108);border:1px solid #10b98133}.stat-mini.completed{background:linear-gradient(135deg,#3b82f615,#3b82f608);border:1px solid #3b82f633}.stat-mini.cancelled{background:linear-gradient(135deg,#ef444415,#ef444408);border:1px solid #ef444433}.stat-mini.confirmed .stat-mini-value{color:#10b981}.stat-mini.completed .stat-mini-value{color:#3b82f6}.stat-mini.cancelled .stat-mini-value{color:#ef4444}.contact-info,.customer-info,.date-info,.location-info,.seller-info{display:flex;flex-direction:column;gap:8px}.customer-email,.customer-name,.date,.location,.phone,.seller-id{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500;gap:8px}.customer-email svg,.customer-name svg,.date svg,.location svg,.phone svg,.seller-id svg{color:#9ca3af;font-size:14px;min-width:16px}.status-badge.confirmed{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.status-badge.completed{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.status-badge.cancelled{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.stat-mini.approved{background:linear-gradient(135deg,#10b98115,#10b98108);border:1px solid #10b98133}.stat-mini.approved .stat-mini-value{color:#10b981}.premium-table{min-width:1000px}.booking-id{color:#111827;font-family:SF Mono,Monaco,monospace;font-size:13px;font-weight:600;margin-bottom:4px}.booking-date{color:#9ca3af;font-size:12px;font-weight:500}.customer-info,.date-info,.location-info,.phone-info{display:flex;flex-direction:column;gap:4px}.customer-name,.date,.location,.phone{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500;gap:8px}.customer-name svg,.date svg,.location svg,.phone svg{color:#9ca3af;font-size:14px}.status-badge.approved{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.status-badge.confirmed{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.booking-container.premium{background:#f8fafc;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.premium-header{align-items:center;background:#fff;border:1px solid #fffc;border-radius:24px;box-shadow:0 8px 40px #0000000f;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.header-main{flex:1 1}.premium-title{align-items:center;color:#111827;display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.title-icon{color:#6366f1;font-size:26px}.premium-subtitle{color:#6b7280;font-size:14px;font-weight:500;margin:0}.header-stats{display:flex;flex-wrap:wrap;gap:16px;margin:0 32px}.stat-mini{align-items:center;border-radius:16px;display:flex;flex-direction:column;min-width:90px;padding:12px 20px;transition:transform .3s ease}.stat-mini:hover{transform:translateY(-4px)}.stat-mini.total{background:linear-gradient(135deg,#6366f115,#6366f108);border:1px solid #6366f133}.stat-mini.pending{background:linear-gradient(135deg,#f59e0b15,#f59e0b08);border:1px solid #f59e0b33}.stat-mini.reviewed{background:linear-gradient(135deg,#3b82f615,#3b82f608);border:1px solid #3b82f633}.stat-mini.shortlisted{background:linear-gradient(135deg,#10b98115,#10b98108);border:1px solid #10b98133}.stat-mini.rejected{background:linear-gradient(135deg,#ef444415,#ef444408);border:1px solid #ef444433}.stat-mini-value{font-size:24px;font-weight:800;line-height:1;margin-bottom:4px}.stat-mini.total .stat-mini-value{color:#6366f1}.stat-mini.pending .stat-mini-value{color:#f59e0b}.stat-mini.reviewed .stat-mini-value{color:#3b82f6}.stat-mini.shortlisted .stat-mini-value{color:#10b981}.stat-mini.rejected .stat-mini-value{color:#ef4444}.stat-mini-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.header-controls{display:flex;gap:12px}.premium-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:44px;padding:12px 20px;transition:all .3s ease}.premium-btn.export{background:#111827;color:#fff}.premium-btn.export:hover{background:#1f2937;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.premium-btn.refresh{background:#fff;border:1.5px solid #e5e7eb;color:#6b7280;padding:12px}.premium-btn.refresh:hover{border-color:#6366f1;color:#6366f1;transform:rotate(90deg)}.premium-filter-bar{align-items:center;background:#fff;border:1px solid #fffc;border-radius:20px;box-shadow:0 4px 24px #0000000a;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 24px}.search-wrapper{align-items:center;display:flex;max-width:400px}.search-icon{color:#9ca3af;font-size:18px;left:16px;pointer-events:none}.premium-search{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;color:#111827;font-size:14px;font-weight:500;padding:14px 16px 14px 48px;transition:all .3s ease;width:100%}.premium-search:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.clear-btn{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;padding:4px;position:absolute;right:16px;transition:color .2s}.clear-btn:hover{color:#111827}.filter-controls{gap:16px}.filter-btn,.filter-controls{align-items:center;display:flex}.filter-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.filter-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.filter-btn:hover:not(.active){border-color:#6366f1;color:#6366f1}.premium-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;color:#111827;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:12px 16px;transition:border-color .3s}.premium-select:focus{border-color:#6366f1;outline:none}.premium-advanced-filters{animation:slideDown .3s ease;background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000a;margin-bottom:24px;padding:24px}.filter-row{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-col label{color:#6b7280;display:block;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.reset-filters{background:#f3f4f6;border:none;border-radius:12px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;height:44px;padding:12px 20px;transition:all .3s ease;width:100%}.reset-filters:hover{background:#e5e7eb;color:#111827}.premium-table-container{background:#fff;border:1px solid #fffc;border-radius:24px;box-shadow:0 8px 40px #00000014;margin-bottom:32px;overflow:hidden}.table-info-bar{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.table-count{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:14px;font-weight:600;padding:6px 12px}.table-navigation{color:#9ca3af;font-size:13px;font-weight:500}.table-scroll-wrapper{overflow-x:auto}.premium-table{border-collapse:initial;border-spacing:0;min-width:1200px;width:100%}.premium-table thead th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.05em;padding:20px 24px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap}.booking-row{cursor:pointer;transition:all .3s ease}.booking-row:hover{background:#f9fafb;transform:translateX(4px)}.booking-row td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:20px 24px;vertical-align:top}.row-number{color:#111827;font-family:SF Mono,Monaco,monospace;font-size:13px;font-weight:600}.customer-info,.date-info,.job-info,.phone-info{display:flex;flex-direction:column;gap:8px}.buyer-id,.customer-email,.customer-name,.date,.date-time,.job-id,.phone{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500;gap:8px}.buyer-id svg,.customer-email svg,.customer-name svg,.date svg,.date-time svg,.job-id svg,.phone svg{color:#9ca3af;font-size:14px;min-width:16px}.customer-email{color:#6b7280;font-size:13px}.date-time{color:#9ca3af;font-size:12px;font-weight:400}.created{color:#6b7280;font-size:13px;font-weight:500}.resume-cell,.resume-link{align-items:center;display:flex}.resume-link{background:#6366f11a;border-radius:8px;color:#6366f1;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;text-decoration:none;transition:all .3s ease}.resume-link:hover{background:#6366f133;text-decoration:none}.resume-link svg{font-size:14px}.no-resume{color:#9ca3af;font-size:13px;font-style:italic}.status-cell{align-items:center;display:flex}.status-badge{border-radius:20px;letter-spacing:.05em;min-width:100px;padding:6px 14px}.status-badge.pending{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.status-badge.reviewed{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.status-badge.shortlisted{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.status-badge.rejected{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.status-badge.other{background:#9ca3af1a;border:1px solid #9ca3af33;color:#6b7280}.premium-pagination{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:20px;justify-content:space-between;padding:20px 24px}.pagination-info{color:#6b7280;font-size:13px}.pagination-nav{align-items:center;display:flex;gap:4px}.nav-btn{border:1.5px solid #e5e7eb;border-radius:10px;color:#6b7280;font-size:14px;font-weight:600;min-width:40px;padding:0 12px;transition:all .3s ease}.nav-btn:hover:not(:disabled){border-color:#6366f1;color:#6366f1;transform:translateY(-2px)}.nav-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.nav-btn:disabled{opacity:.5}.premium-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.premium-modal{animation:modalSlideIn .4s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #ffffff4d;border-radius:28px;box-shadow:0 40px 80px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #f3f4f6;padding:28px}.modal-header h3{color:#111827;font-size:20px;font-weight:700}.modal-close{background:#f3f4f6;border-radius:12px;color:#6b7280;height:40px;transition:all .3s ease;width:40px}.modal-close:hover{background:#e5e7eb;color:#111827}.modal-body{padding:28px}.detail-section{display:flex;flex-direction:column;gap:16px}.detail-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#6b7280;font-size:13px;letter-spacing:.05em}.detail-value{align-items:center;color:#111827;display:flex;font-size:15px;font-weight:500;gap:8px;text-align:right}.detail-value.status{font-weight:600}.modal-footer{border-top:1px solid #f3f4f6;padding:24px 28px 28px}.modal-action-btn{background:#111827;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px;transition:all .3s ease}.modal-action-btn:hover{background:#1f2937;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.booking-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:500px}.premium-spinner{animation:spin 1s cubic-bezier(.68,-.55,.27,1.55) infinite;border:3px solid #6366f11a;border-radius:50%;border-top-color:#6366f1;height:60px;width:60px}.booking-error{background:#fff;border-radius:24px;box-shadow:0 8px 40px #00000014;flex-direction:column;gap:20px;min-height:500px;padding:40px;text-align:center}.booking-error,.error-icon{align-items:center;display:flex;justify-content:center}.error-icon{background:#ef44441a;border-radius:50%;color:#ef4444;font-size:32px;height:80px;width:80px}.booking-error p{color:#6b7280;font-size:16px;font-weight:500;margin:0}.retry-btn{background:#111827;border-radius:12px;font-size:14px;font-weight:600;padding:12px 28px;transition:all .3s ease}.retry-btn:hover{background:#1f2937;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.empty-state{color:#9ca3af}.empty-state svg{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{color:#6b7280;font-weight:500}@media (max-width:1200px){.header-stats{gap:12px;margin:0 16px}.stat-mini{min-width:80px;padding:10px 16px}.stat-mini-value{font-size:20px}}@media (max-width:1024px){.premium-header{align-items:stretch;flex-direction:column;gap:24px}.header-stats{margin:0}.header-controls,.header-stats{justify-content:center}.premium-filter-bar{flex-direction:column;gap:16px}.search-wrapper{max-width:100%}.filter-controls{justify-content:space-between;width:100%}}@media (max-width:768px){.booking-container.premium{padding:16px}.header-stats{flex-wrap:wrap;justify-content:space-around}.stat-mini{min-width:70px;padding:8px 12px}.stat-mini-value{font-size:18px}.filter-row{grid-template-columns:1fr}.pagination-nav{flex-wrap:wrap;justify-content:center}.booking-row td,.premium-table thead th{padding:16px 20px}}@media (max-width:480px){.premium-title{font-size:24px}.premium-header{padding:20px}.header-controls{flex-direction:column;width:100%}.premium-btn{justify-content:center;width:100%}.premium-pagination{flex-direction:column;gap:16px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.training-status-container{background:var(--bg-color);font-family:var(--font-family);margin:0 auto;max-width:1800px;min-height:100vh;padding:24px}.training-header{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;padding:28px 32px}.header-content{margin-bottom:20px}.training-status-title{color:#1e293b;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.training-subtitle{color:#64748b;font-size:14px;margin:0}.header-actions{gap:16px;justify-content:space-between}.search-container{display:flex;flex:1 1;gap:12px;max-width:500px}.search-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;flex:1 1;font-size:14px;padding:12px 16px}.search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.refresh-btn{background:#3b82f6;border:none;border-radius:10px;color:#fff;font-weight:600;padding:12px 20px}.refresh-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.training-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px}.training-tab{background:#fff;border:2px solid #e5e7eb;border-radius:24px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.training-tab:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.training-tab.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.courses-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.table-header-info{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.table-header-info h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.pagination-info{font-size:14px;font-weight:500;margin:0}.courses-table{border-collapse:collapse;font-size:14px;width:100%}.courses-table thead{background:#f8fafc;border-bottom:2px solid #e5e7eb}.courses-table th{color:#475569;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase;white-space:nowrap}.courses-table tbody tr.course-row{border-bottom:1px solid #f1f5f9;transition:all .2s}.courses-table tbody tr.course-row:hover{background:#f8fafc}.courses-table tbody tr.course-row.expanded{background:#eff6ff;border-bottom:none}.courses-table td{color:#1e293b;padding:16px;vertical-align:middle}.course-id{background:#f1f5f9;border-radius:6px;color:#64748b;font-family:monospace;font-size:13px;font-weight:600;padding:4px 10px}.course-title-cell{display:flex;flex-direction:column;gap:4px}.course-title-cell strong{color:#1e293b;font-size:15px;font-weight:600}.course-title-cell small{color:#64748b;font-size:12px}.duration-badge{background:#dbeafe;border-radius:20px;color:#1e40af;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.total-amount{color:#059669;font-size:15px;font-weight:700}.enrollment-count-btn{align-items:center;background:#f0f9ff;border:2px solid #bae6fd;border-radius:10px;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .2s}.enrollment-count-btn:hover{background:#e0f2fe;border-color:#7dd3fc;transform:translateY(-1px)}.count-badge{background:#3b82f6;font-size:14px;font-weight:700;min-width:28px}.count-label{color:#0369a1;font-size:13px;font-weight:600}.expand-icon{color:#64748b;font-size:10px;margin-left:4px}.action-buttons{gap:8px}.btn-delete{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-delete:hover:not(:disabled){background:#fecaca;box-shadow:0 4px 12px #dc262633;transform:translateY(-1px)}.btn-delete:disabled{cursor:not-allowed;opacity:.5}.enrollments-row{background:#f8fafc;border-bottom:1px solid #e5e7eb}.enrollments-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin:16px;padding:24px}.enrollments-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.enrollments-header h4{color:#1e293b;font-size:16px;font-weight:600;margin:0}.enrollments-count{background:#eff6ff;border-radius:20px;color:#1e40af;font-size:13px;font-weight:600;padding:6px 14px}.student-search-container{margin:20px 0;position:relative}.student-search-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;padding:12px 40px 12px 16px;transition:all .2s;width:100%}.student-search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.clear-search-btn{background:#e5e7eb;border-radius:50%;color:#64748b;right:12px}.clear-search-btn:hover{background:#dc2626;color:#fff}.enrollments-table{border-collapse:collapse;font-size:13px;width:100%}.enrollments-table thead{background:#f8fafc}.enrollments-table th{border-bottom:1px solid #e5e7eb;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.enrollments-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .2s}.enrollments-table tbody tr:hover{background:#f8fafc}.enrollments-table td{padding:14px 12px;vertical-align:middle}.enrollment-id{color:#64748b;font-family:monospace;font-size:12px;font-weight:600}.email-link,.phone-link{color:#3b82f6;font-size:13px;text-decoration:none}.email-link:hover,.phone-link:hover{text-decoration:underline}.amount-paid{color:#059669;font-weight:700}.status-badge{border-radius:16px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px}.status-completed{background:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.date-text{color:#64748b;font-size:13px}.btn-delete-student{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-delete-student:hover:not(:disabled){background:#fecaca;box-shadow:0 4px 12px #dc262633;transform:translateY(-1px)}.btn-delete-student:disabled{cursor:not-allowed;opacity:.5}.student-pagination-container{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;margin-top:16px;padding:16px 0}.student-pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.student-pagination-btn:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6;color:#fff}.student-pagination-btn:disabled{background:#f9fafb;cursor:not-allowed;opacity:.4}.student-page-info{color:#64748b;font-size:13px;font-weight:500;text-align:center}.no-enrollments{color:#94a3b8;padding:40px 20px;text-align:center}.no-enrollments p{font-size:14px;margin:0}.empty-state{color:#94a3b8;padding:60px 20px}.loading-state{gap:20px}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;height:48px;width:48px}.loading-state p{color:#64748b;font-size:16px;font-weight:500}.error-state{border-radius:12px;padding:60px 20px}.error-state p{color:#dc2626;font-size:16px;font-weight:600;margin:0}.pagination-container{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:center;padding:24px}.pagination-btn{border:1px solid #d1d5db;border-radius:8px;color:#64748b;font-weight:600;padding:10px 20px;white-space:nowrap}.pagination-btn:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6;color:#fff;transform:translateY(-1px)}.pagination-btn:disabled{background:#f9fafb}.page-numbers{display:flex;gap:6px}.page-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;transition:all .2s;width:40px}.page-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.page-btn.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff}@media (max-width:768px){.training-status-container{padding:16px}.training-header{padding:20px}.training-status-title{font-size:22px}.header-actions{flex-direction:column}.search-container{max-width:100%}.training-tabs{gap:8px}.training-tab{font-size:13px;padding:8px 16px}.table-wrapper{overflow-x:scroll}.courses-table{min-width:1000px}.enrollments-container{margin:12px;padding:16px}.pagination-container{flex-direction:column;gap:16px;padding:20px}.page-numbers{flex-wrap:wrap;justify-content:center}.pagination-btn{max-width:200px;width:100%}.table-header-info{align-items:flex-start;flex-direction:column;gap:8px}.student-pagination-container{flex-direction:column;gap:12px}.student-pagination-btn{width:100%}.enrollments-table{font-size:12px}.enrollments-table td,.enrollments-table th{padding:10px 8px}}:root{--primary:var(--primary-color);--primary-dark:var(--primary-dark);--secondary:var(--text-muted);--success:var(--success);--warning:var(--warning);--danger:var(--error);--danger-dark:#dc2626;--info:var(--info);--background:var(--bg-color);--surface:var(--surface-color);--border:var(--border-color);--text:var(--text-main);--text-light:var(--text-muted);--shadow:0 1px 3px #0000001a;--shadow-lg:0 10px 25px -5px #0000001a;--radius:8px;--radius-sm:4px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-color:var(--background);color:var(--text);line-height:1.5}.seller-panel{margin:0 auto;max-width:100%;padding:20px}.panel-header{margin-bottom:24px}.panel-header h1{color:var(--text-main);color:var(--text);font-size:24px;font-weight:700;margin-bottom:4px}.panel-subtitle{color:var(--text-muted);color:var(--text-light);font-size:13px;font-weight:400}.tabs-container{border-bottom:1px solid var(--border);display:flex;gap:4px;margin-bottom:20px;padding-bottom:6px}.tab{align-items:center;background:#0000;border:none;border-radius:4px 4px 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-muted);color:var(--text-light);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;position:relative;transition:all .2s}.tab:hover{background:#2563eb0d}.tab.active,.tab:hover{color:var(--primary-color);color:var(--primary)}.tab.active{background:var(--surface-color);background:var(--surface);font-weight:600}.tab.active:after{background:var(--primary-color);background:var(--primary);bottom:-7px;content:"";height:2px;left:0;position:absolute;right:0}.tab-count{background:var(--text-muted);background:var(--secondary);border-radius:10px;color:#131111;font-size:11px;min-width:20px;padding:1px 6px;text-align:center}.tab.active .tab-count{background:var(--primary-color);background:var(--primary)}.controls-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.search-controls{align-items:center;display:flex;flex:1 1;gap:12px;min-width:300px}.search-wrapper{flex:1 1;position:relative}.search-input{background:#fff;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);font-size:13px;padding:10px 40px 10px 14px;transition:all .2s;width:100%}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.clear-search-btn{align-items:center;background:none;border:none;color:var(--text-muted);color:var(--text-light);display:flex;font-size:16px;height:24px;justify-content:center;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px}.clear-search-btn:hover{background:var(--border-color);background:var(--border)}.clear-search-btn:hover,.refresh-btn{color:var(--text-main);color:var(--text)}.refresh-btn{align-items:center;background:var(--surface-color);background:var(--surface);border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);display:flex;font-size:13px;gap:6px;padding:10px 16px;white-space:nowrap}.refresh-btn:hover{background:var(--bg-color);background:var(--background);border-color:var(--primary);color:var(--primary-color);color:var(--primary)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.stats-container{gap:20px}.stat,.stats-container{align-items:center;display:flex}.stat{background:var(--surface-color);background:var(--surface);border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);gap:6px;padding:6px 12px}.stat-label{color:var(--text-muted);color:var(--text-light);font-size:12px;font-weight:500}.stat-value{color:var(--text-main);color:var(--text);font-size:14px;font-weight:600}.pending-count{color:var(--warning)}.error-message{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;border-radius:var(--radius);color:#991b1b;display:flex;font-size:13px;gap:10px;margin-bottom:20px;padding:12px 16px}.error-icon{font-size:18px}.retry-btn{background:var(--error);background:var(--danger);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:12px;font-weight:500;margin-left:auto;padding:6px 12px;transition:background .2s}.retry-btn:hover{background:#dc2626;background:var(--danger-dark)}.loading-state{padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}.loading-spinner.small{border-width:2px;height:20px;width:20px}.action-loading{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1;display:flex;font-size:13px;gap:10px;justify-content:center;margin-bottom:20px;padding:10px 16px}.action-loading,.table-section{border-radius:8px;border-radius:var(--radius)}.table-section{background:var(--surface-color);background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow);margin-bottom:24px;overflow:hidden}.section-header{align-items:center;background:#f8fafc;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.section-header h2{align-items:center;color:var(--text-main);color:var(--text);display:flex;font-size:16px;font-weight:600;gap:10px}.count-badge{background:var(--primary-color);background:var(--primary);border-radius:10px;color:#fff;font-size:11px;font-weight:500;padding:3px 8px}.filtered-badge{color:var(--text-muted);color:var(--text-light);font-size:11px;font-weight:400;margin-left:8px}.table-scroll-container{display:flex;max-height:600px;overflow-x:auto;position:relative}.fixed-column{background:var(--surface-color);background:var(--surface);border-right:1px solid var(--border);box-shadow:2px 0 4px #0000000d;left:0;min-width:180px;position:-webkit-sticky;position:sticky;z-index:10}.fixed-table{border-collapse:collapse;table-layout:fixed;width:100%}.fixed-header{background:#f8fafc;color:var(--text-muted);color:var(--text-light);font-size:10px;font-weight:600;height:48px;padding:14px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:20}.fixed-cell,.fixed-header{border-bottom:1px solid var(--border);vertical-align:middle}.fixed-cell{background:var(--surface-color);background:var(--surface);height:68px;padding:12px 14px}.empty-cell{color:var(--text-muted);color:var(--text-light);font-style:italic;padding:60px 20px;text-align:center}.scrollable-content{flex:1 1;min-width:1300px;overflow-x:auto}.scrollable-table{border-collapse:collapse;min-width:100%;width:100%}.scrollable-table th{background:#f8fafc;color:var(--text-muted);color:var(--text-light);font-size:10px;font-weight:600;height:48px;padding:14px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:20}.scrollable-table td,.scrollable-table th{border-bottom:1px solid var(--border);vertical-align:middle}.scrollable-table td{background:var(--surface-color);background:var(--surface);height:68px;padding:12px 14px}.scrollable-table tbody tr:hover,.scrollable-table tbody tr:hover td{background:#f8fafc}.seller-id{display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:44px}.seller-id strong{color:var(--text-main);color:var(--text);font-size:12px;font-weight:600;line-height:1.2;word-break:break-all}.seller-id small{color:var(--text-muted);color:var(--text-light);font-size:10px;line-height:1.2}.bank-info,.company-info,.contact-info,.seller-info{display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:44px}.company-info strong,.seller-info strong{color:var(--text-main);color:var(--text);font-size:12px;font-weight:600;line-height:1.2}.bank-info small,.company-info small,.seller-info small{color:var(--text-muted);color:var(--text-light);font-size:10px;line-height:1.2;word-break:break-word}.email{color:var(--primary-color);color:var(--primary);font-size:10px;line-height:1.2;word-break:break-all}.contact-info .phone{color:var(--text-main);color:var(--text);font-size:12px;font-weight:500}.address-cell{display:flex;flex-direction:column;gap:4px;max-width:160px}.address-content{color:var(--text-main);color:var(--text);font-size:11px;line-height:1.3;word-break:break-word}.read-more-btn{align-self:flex-start;background:none;border:none;color:var(--primary-color);color:var(--primary);cursor:pointer;font-size:10px;font-weight:500;padding:2px 0;text-align:left;transition:color .2s}.read-more-btn:hover{color:var(--primary-dark);text-decoration:underline}.firebase-uid{display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:44px}.uid-text{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;cursor:default;font-family:Monaco,Consolas,monospace;font-size:9px;line-height:1.2;padding:5px 7px;word-break:break-all}.copy-uid-btn,.uid-text{color:var(--text-muted);color:var(--text-light)}.copy-uid-btn{align-self:flex-start;background:var(--surface-color);background:var(--surface);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:11px;padding:3px 6px;transition:all .2s}.copy-uid-btn:hover{background:var(--primary-color);background:var(--primary);border-color:var(--primary);color:#fff}.bank-info{max-width:140px}.bank-info small{font-size:9px}.status-badge{border-radius:10px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.3px;line-height:1;min-width:80px;padding:5px 10px;text-align:center;text-transform:uppercase}.status-pending{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.status-approved{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.status-rejected{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.btn-group{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;justify-content:center;min-height:44px}.action-btn{border-radius:var(--radius-sm);font-size:11px;font-weight:500;height:32px;min-width:32px;padding:6px 8px;width:32px}.action-icon{font-size:14px}.action-view{background:var(--info);border:1px solid #2563eb;color:#fff}.action-view:hover{background:#1d4ed8}.action-approve{background:var(--success);border:1px solid #059669;color:#fff}.action-approve:hover{background:#059669}.action-reject{background:var(--error);background:var(--danger);border:1px solid #dc2626;color:#fff}.action-reject:hover{background:#dc2626;background:var(--danger-dark)}.action-delete{background:#6b7280;border:1px solid #4b5563;color:#fff}.action-delete:hover{background:#4b5563}.action-revert{background:var(--warning);border:1px solid #d97706;color:#fff}.action-revert:hover{background:#d97706}.action-btn:disabled{cursor:not-allowed;opacity:.6}.scrollable-table td:nth-child(10),.scrollable-table td:nth-child(11){color:var(--text-main);color:var(--text);font-size:12px;font-weight:500;text-align:center;white-space:nowrap}.empty-state{gap:12px;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{color:#cbd5e1;font-size:36px;margin-bottom:8px}.clear-search-btn{background:var(--surface-color);background:var(--surface);border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:var(--text-main);color:var(--text);cursor:pointer;font-size:12px;font-weight:500;margin-top:8px;padding:6px 16px;transition:all .2s}.clear-search-btn:hover{background:var(--bg-color);background:var(--background);border-color:var(--primary);color:var(--primary-color);color:var(--primary)}.scrollable-table td:first-child,.scrollable-table th:first-child{max-width:160px;min-width:140px}.scrollable-table td:nth-child(2),.scrollable-table th:nth-child(2){max-width:130px;min-width:110px}.scrollable-table td:nth-child(3),.scrollable-table th:nth-child(3){max-width:110px;min-width:90px}.scrollable-table td:nth-child(4),.scrollable-table th:nth-child(4){max-width:180px;min-width:160px}.scrollable-table td:nth-child(5),.scrollable-table th:nth-child(5){max-width:110px;min-width:90px}.scrollable-table td:nth-child(6),.scrollable-table th:nth-child(6){max-width:150px;min-width:130px}.scrollable-table td:nth-child(7),.scrollable-table th:nth-child(7){max-width:180px;min-width:160px}.scrollable-table td:nth-child(8),.scrollable-table th:nth-child(8){max-width:150px;min-width:130px}.scrollable-table td:nth-child(9),.scrollable-table th:nth-child(9){max-width:100px;min-width:80px}.scrollable-table td:nth-child(10),.scrollable-table td:nth-child(11),.scrollable-table th:nth-child(10),.scrollable-table th:nth-child(11){max-width:80px;min-width:60px}.scrollable-table td:nth-child(12),.scrollable-table th:nth-child(12){max-width:180px;min-width:160px}.modal-overlay{padding:20px;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;background:var(--surface-color);background:var(--surface);border-radius:8px;border-radius:var(--radius);box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-lg);max-height:90vh;max-width:700px;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:#f8fafc;border-bottom:1px solid var(--border);border-radius:8px 8px 0 0;border-radius:var(--radius) var(--radius) 0 0;padding:18px 22px}.modal-title{align-items:center;display:flex;gap:12px}.modal-header h3{color:var(--text-main);color:var(--text);font-weight:600}.modal-status{border-radius:10px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.modal-status.status-pending{background:#fef3c7;color:#92400e}.modal-status.status-approved{background:#d1fae5;color:#065f46}.modal-status.status-rejected{background:#fee2e2;color:#991b1b}.modal-close{background:none;border-radius:4px;color:var(--text-muted);color:var(--text-light);font-size:22px;height:30px;padding:0;transition:all .2s;width:30px}.modal-close:hover{background:var(--border-color);background:var(--border);color:var(--text-main);color:var(--text)}.modal-body{padding:22px}.details-grid{grid-template-columns:1fr}.detail-group{background:#f8fafc;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);padding:16px}.detail-group h4{border-bottom:1px solid var(--border);color:var(--text-main);color:var(--text);font-size:13px;font-weight:600;margin-bottom:14px;padding-bottom:8px}.detail-item{align-items:flex-start;display:flex;margin-bottom:10px}.detail-item.full-width{flex-direction:column;gap:4px}.detail-label{color:var(--text-muted);color:var(--text-light);font-size:11px;font-weight:600;letter-spacing:.5px;min-width:100px;text-transform:uppercase}.detail-value{color:var(--text-main);color:var(--text);flex:1 1;font-size:13px;word-break:break-word}.address-full{font-size:12px;line-height:1.4}.uid-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.uid-value{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;flex:1 1;font-family:Monaco,Consolas,monospace;font-size:11px;padding:6px}.copy-btn{background:var(--surface-color);background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);color:var(--text-light);cursor:pointer;font-size:12px;padding:5px 8px;transition:all .2s}.copy-btn:hover{background:var(--primary-color);background:var(--primary);border-color:var(--primary);color:#fff}.modal-footer{border-top:1px solid var(--border);gap:12px;padding:18px 22px}.modal-actions{gap:8px}.modal-btn{border-radius:4px;border-radius:var(--radius-sm);font-weight:500;gap:6px;padding:8px 16px}.modal-btn.secondary{background:var(--surface-color);background:var(--surface);border:1px solid var(--border);color:var(--text-main);color:var(--text)}.modal-btn.secondary:hover{background:var(--bg-color);background:var(--background);border-color:var(--primary);color:var(--primary-color);color:var(--primary)}.modal-btn.action-approve{background:var(--success)}.modal-btn.action-approve:hover{background:#059669}.modal-btn.action-reject{background:var(--error);background:var(--danger)}.modal-btn.action-reject:hover{background:#dc2626;background:var(--danger-dark)}.modal-btn.action-revert{background:var(--warning)}.modal-btn.action-revert:hover{background:#d97706}.modal-btn.delete-btn{background:#6b7280}.modal-btn.delete-btn:hover{background:#4b5563}@media (max-width:1024px){.seller-panel{padding:16px}.controls-container{align-items:stretch;flex-direction:column;gap:12px}.search-controls{min-width:100%}.stats-container{justify-content:space-between;width:100%}.scrollable-content{min-width:1100px}.details-grid{grid-template-columns:1fr}}@media (max-width:768px){.tabs-container{flex-wrap:wrap}.tab{flex:1 1;font-size:12px;justify-content:center;min-width:110px;padding:8px 12px}.btn-group{flex-direction:row;justify-content:flex-start;width:100%}.scrollable-content{min-width:900px}.modal-content{width:95%}.modal-footer{flex-direction:column;gap:10px}.modal-actions,.modal-btn.secondary{justify-content:center;width:100%}}.table-scroll-container::-webkit-scrollbar{height:6px;width:6px}.table-scroll-container::-webkit-scrollbar-track{background:#f1f5f9}.table-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.table-scroll-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 8px 8px 0;border-radius:0 var(--radius) var(--radius) 0}.modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.fixed-table td *,.scrollable-table td *{margin:0;padding:0}.table-footer{background:#fff;border-top:1px solid var(--border);flex-wrap:wrap;gap:12px;padding:16px 20px}.seller-pagination-container,.table-footer{align-items:center;display:flex;justify-content:space-between}.seller-pagination-container{gap:20px;width:100%}.seller-pagination-info{color:var(--text-muted);color:var(--text-light);flex:1 1;font-size:13px;white-space:nowrap}.seller-pagination-info strong{color:var(--text-main);color:var(--text);font-weight:600}.seller-pagination-controls{gap:4px}.seller-pagination-btn,.seller-pagination-controls{align-items:center;display:flex;justify-content:center}.seller-pagination-btn{background:#fff;border:1px solid var(--border);border-radius:4px;color:var(--text-main);color:var(--text);cursor:pointer;font-size:13px;font-weight:500;height:36px;min-width:36px;padding:6px 12px;transition:all .2s}.seller-pagination-btn:hover:not(:disabled){transform:translateY(-1px)}.seller-pagination-btn.active,.seller-pagination-btn:hover:not(:disabled){background:var(--primary-color);background:var(--primary);border-color:var(--primary);color:#fff}.seller-pagination-btn.active{font-weight:600}.seller-pagination-btn:disabled{background:var(--bg-color);background:var(--background);cursor:not-allowed;opacity:.5}.seller-pagination-btn.first,.seller-pagination-btn.last,.seller-pagination-btn.next,.seller-pagination-btn.prev{font-size:14px;font-weight:600}.seller-pagination-ellipsis{color:var(--text-muted);color:var(--text-light);font-size:14px;padding:0 8px;-webkit-user-select:none;user-select:none}.seller-items-per-page{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:flex-end;white-space:nowrap}.seller-items-label{color:var(--text-muted);color:var(--text-light);font-size:13px}.seller-items-select{background:#fff;border:1px solid var(--border);border-radius:4px;color:var(--text-main);color:var(--text);cursor:pointer;font-size:13px;padding:6px 10px;transition:all .2s}.seller-items-select:focus{box-shadow:0 0 0 3px #2563eb1a;outline:none}.seller-items-select:focus,.seller-items-select:hover{border-color:var(--primary)}@media (max-width:768px){.seller-pagination-container,.table-footer{align-items:stretch;flex-direction:column;gap:16px}.seller-pagination-info{text-align:center}.seller-pagination-controls{flex-wrap:wrap;justify-content:center}.seller-items-per-page{justify-content:center}}.stats-container .stat:nth-child(3){display:none}@media (min-width:1024px){.stats-container .stat:nth-child(3){display:flex}}.modal-footer{align-items:center;border-radius:0 0 8px 8px;gap:16px;justify-content:space-between;padding:20px 24px}.modal-actions{display:flex;flex-wrap:wrap;gap:10px}.modal-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s;white-space:nowrap}.modal-btn.secondary{background:#fff;border:1px solid #cbd5e0;color:#4a5568}.modal-btn.secondary:hover{background:#edf2f7;border-color:#a0aec0}.modal-btn.action-approve{background:#48bb78;color:#fff}.modal-btn.action-approve:hover{background:#38a169}.modal-btn.action-reject{background:#f56565;color:#fff}.modal-btn.action-reject:hover{background:#e53e3e}.modal-btn.action-revert{background:#ed8936;color:#fff}.modal-btn.action-revert:hover{background:#dd6b20}.modal-btn.delete-btn{background:#718096;color:#fff}.modal-btn.delete-btn:hover{background:#4a5568}@media (max-width:768px){.modal-footer{flex-direction:column-reverse}.modal-actions{justify-content:stretch;width:100%}.modal-btn{flex:1 1;justify-content:center}.modal-btn.secondary{justify-content:center;width:100%}}.drone-form-container{background:#fff;border-radius:10px;box-shadow:0 6px 24px #0a14280f;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:24px auto;max-width:1000px;padding:18px}.header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.form-title{color:#1a0a5b;font-size:20px;margin:0}.controls{align-items:center;display:flex;gap:8px}.refresh-btn,.retry-btn{background:#1a0a5b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px}.refresh-btn[disabled]{cursor:not-allowed;opacity:.7}.table-wrapper{margin-top:8px;overflow-x:auto}.rental-table{border-collapse:collapse;min-width:900px;width:100%}.rental-table thead th{background:#fafafa;border-bottom:1px solid #eee;color:#333;font-weight:600;padding:10px 12px;text-align:left}.rental-table tbody td{border-bottom:1px solid #f1f1f1;color:#222;padding:10px 12px;vertical-align:middle}.loading-text,.no-data{color:#666;padding:24px;text-align:center}.error-box{background:#fff3f3;border:1px solid #f2c2c2;border-radius:8px;color:#8b1f1f;padding:12px}.sheet-container{background:var(--bg-color);font-family:var(--font-family);margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.sheet-header{background:#fff;border:1px solid #e1e5eb;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:20px 25px}.sheet-header h1{align-items:center;color:var(--primary-color);display:flex;font-size:24px;font-weight:600;gap:10px;margin:0 0 20px}.sheet-icon{font-size:28px}.sheet-actions{align-items:center;display:flex;gap:20px;justify-content:space-between}.search-box{max-width:400px;position:relative}.sheet-search{background:#f8fafc;border:1px solid #d1d9e6;border-radius:6px;font-size:14px;padding:10px 15px 10px 40px;transition:all .2s;width:100%}.sheet-search:focus{background:#fff;border-color:#4c9aff;box-shadow:0 0 0 3px #4c9aff1a;outline:none}.search-icon{color:#94a3b8;font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.action-buttons,.search-icon{align-items:center;display:flex}.action-buttons{gap:12px}.filter-select-header{background:#fff;color:#475569;min-width:150px;padding:10px 12px}.filter-select-header,.refresh-btn{border:1px solid #d1d9e6;border-radius:6px;cursor:pointer;font-size:14px}.refresh-btn{background:#192a4e;color:#f2f4f5;font-weight:500;padding:10px 20px;transition:all .2s}.refresh-btn:hover{background:#162849}.export-btn{background:linear-gradient(135deg,#667eea,#764ba2);font-size:14px;gap:8px;padding:10px 20px}.export-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.sheet-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.summary-card{background:#fff;border:1px solid #e1e5eb;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:8px;padding:20px}.summary-label{color:#64748b;font-size:14px;font-weight:500}.summary-value{color:#1e293b;font-size:20px;font-weight:600}.sheet-table-container{background:#fff;border:1px solid #e1e5eb;border-radius:8px;box-shadow:0 4px 6px #0000000d;margin-bottom:20px;overflow:hidden}.sheet-table-wrapper{overflow-x:auto}.sheet-table{border-collapse:collapse;min-width:1200px;width:100%}.sheet-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;letter-spacing:.05em;padding:16px 12px;text-align:left;text-transform:uppercase}.sheet-table th:last-child{border-right:none}.sheet-table td{border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;font-size:14px;padding:14px 12px;vertical-align:middle}.sheet-table td:last-child{border-right:none}.sheet-table tbody tr:hover{background:#f8fafc}.numeric{font-family:SF Mono,Monaco,monospace;text-align:right}.buyer-id-badge{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#1e293b;font-family:Monaco,Consolas,monospace;font-size:12px;padding:4px 8px}.buyer-name-text{color:#1a365d;font-weight:600}.contact-info{display:flex;flex-direction:column;gap:4px}.contact-row{align-items:center;color:#475569;display:flex;font-size:13px;gap:6px}.address-text,.city-state-text{color:#1e293b;font-size:13px}.count-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;min-width:30px;padding:4px 10px;text-align:center}.count-badge.completed{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.count-badge.pending{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.activity-info{display:flex;flex-direction:column;gap:2px}.spent-val{color:#059669;font-weight:600}.orders-count{color:#64748b;font-size:12px}.actions-cell{display:flex;gap:8px;justify-content:center}.btn-icon-copy,.btn-icon-danger,.btn-icon-view{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-icon-view{color:#3b82f6}.btn-icon-view:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-icon-copy{color:#10b981}.btn-icon-copy:hover{background:#10b981;border-color:#10b981;color:#fff}.btn-icon-danger{color:#ef4444}.btn-icon-danger:hover{background:#ef4444;border-color:#ef4444;color:#fff}.simple-pagination{align-items:center;background:#fff;border:1px solid #e1e5eb;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:30px;justify-content:center;margin-top:20px;padding:15px}.pagination-btn{border:1px solid #d1d9e6;font-size:14px;min-width:100px;padding:8px 25px}.pagination-btn:hover:not(:disabled){border-color:#94a3b8}.pagination-btn:disabled{opacity:.4}.page-info{color:#475569;font-size:15px;text-align:center}.showing-info{color:#64748b;font-size:12px;font-weight:400;margin-top:4px}.no-data-cell{padding:60px 20px!important;text-align:center}.empty-state{align-items:center;display:flex;flex-direction:column;gap:15px}.empty-icon{font-size:48px;opacity:.5}.empty-state p{color:#64748b;font-size:16px;margin:0}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal{background:#fff;border-radius:12px;max-width:550px;overflow:hidden;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 25px}.modal-header h3{color:#1a365d;font-size:18px;margin:0}.modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.modal-body{padding:25px}.buyer-details-container{background:#f8fafc;border:1px solid #e1e5eb;border-radius:8px;margin-bottom:20px;padding:20px}.buyer-profile-summary{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:20px;margin-bottom:20px;padding-bottom:20px}.profile-avatar-large{align-items:center;background:#192a4e;border-radius:8px;color:#fff;display:flex;font-size:24px;font-weight:600;height:60px;justify-content:center;width:60px}.profile-text h4{color:#1a365d;font-size:18px;margin:0}.buyer-id-full{color:#64748b;font-family:monospace;font-size:13px;margin-top:4px}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.detail-item label{align-items:center;color:#94a3b8;display:flex;font-size:11px;font-weight:600;gap:6px;margin-bottom:4px;text-transform:uppercase}.detail-item p{color:#1e293b;font-size:14px;font-weight:500;margin:0}.addresses-section h5{border-bottom:1px solid #e1e5eb;color:#1a365d;font-size:14px;margin:0 0 15px;padding-bottom:8px}.address-list-compact{display:flex;flex-direction:column;gap:12px;max-height:200px;overflow-y:auto}.address-card-compact{background:#fff;border:1px solid #e1e5eb;border-radius:6px;padding:12px}.addr-main{font-size:13px;font-weight:600;margin:0}.addr-sub{color:#64748b;font-size:12px;margin:4px 0 0}.addr-contact{align-items:center;color:#3b82f6;display:flex;font-size:11px;gap:4px;margin-top:6px}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end}.modal-footer,.toast{display:flex;padding:15px 25px}.toast{align-items:center;background:#fff;border-radius:6px;gap:12px;z-index:3000}.toast.success{border-left:5px solid #10b981}.toast.error{border-left:5px solid #ef4444}.toast-content{align-items:center;display:flex;font-weight:500;gap:10px}.toast-close{background:none;border:none;color:#94a3b8;cursor:pointer}.manage-admins-container{color:var(--text-main);font-family:var(--font-family);padding:20px}.add-admin-form{background:#f8f9ff;border-radius:10px;box-shadow:0 0 8px #0000001a;margin-bottom:30px;padding:20px}.add-admin-form input{border:1px solid #ccc;border-radius:6px;margin:5px;padding:8px}.access-box{margin-top:10px}.access-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:5px}.add-btn{background:#1b1f3b;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.admin-table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border:1px solid #ddd;padding:10px;text-align:left}.edit-modal{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.edit-box{background:#fff;border-radius:12px;max-height:80vh;overflow-y:auto;padding:20px;width:400px}.login-dark{align-items:center;background:#fff;display:flex;font-family:var(--font-family);justify-content:center;min-height:100vh;overflow:hidden;position:relative}.orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.1;position:absolute}.orb1{animation-delay:0s;background:linear-gradient(135deg,#e0e7ff,#ede9fe);height:400px;left:-10%;top:-10%;width:400px}.orb2{animation-delay:5s;background:linear-gradient(135deg,#fef2f2,#fff7ed);bottom:-10%;height:350px;right:-10%;width:350px}.orb3{animation-delay:10s;background:linear-gradient(135deg,#f0f9ff,#ecfeff);height:300px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.login-box{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000000d,0 0 0 1px #0000000d;max-width:420px;padding:50px 45px;position:relative;width:100%;z-index:10}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.flyhub-logo{animation:pulse 3s ease-in-out infinite;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.05));height:80px;margin:0 auto 20px;width:250px}.login-sub{color:var(--primary-color);font-size:16px;font-weight:500;letter-spacing:.5px;margin-bottom:35px;text-align:center;text-transform:uppercase}form{margin-bottom:30px}.input-group{margin-bottom:24px;position:relative}.input-group input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#000;font-size:15px;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.input-group input::placeholder{color:#6b7280}.input-group input:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #4c1d950d;transform:translateY(-2px)}.input-group input:hover:not(:focus){border-color:#d1d5db}.login-btn{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:12px;box-shadow:0 8px 24px #4c1d9533;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;overflow:hidden;padding:16px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.login-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-btn:hover:before{left:100%}.login-btn:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-2px)}.login-btn:active{box-shadow:0 4px 16px #0000001a;transform:translateY(0)}.login-footer{border-top:1px solid #ffffff1a;color:#0009;font-size:13px;margin-top:30px;padding-top:25px;text-align:center}@media (max-width:480px){.login-box{margin:20px;padding:40px 30px}.flyhub-logo{height:70px;width:70px}.login-sub{font-size:14px}.input-group input{font-size:14px;padding:14px 18px}.login-btn{font-size:15px;padding:14px}}.input-group input:focus-visible{outline:2px solid #667eea;outline-offset:2px}.login-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}body{background:var(--bg-color);color:var(--text-main);font-family:var(--font-family);margin:0}.dashboard-container{display:flex;flex-direction:row;min-height:100vh}.page{color:var(--primary-color);font-size:var(--font-size-xl);padding:30px}.main-content{display:flex;flex:1 1;flex-direction:column;width:100%}.training-container{background:#f8fafc;font-family:Inter,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:16px}.training-filters{align-items:center;display:flex;gap:10px}.training-form{padding:16px}.form-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.form-group textarea{min-height:50px}.amount-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:12px;padding:10px}.amount-item{align-items:center;color:#475569;display:flex;font-size:.85rem;justify-content:space-between;padding:4px 0}.amount-item.total{border-top:1px solid #e2e8f0;color:#1e293b;font-weight:600;margin-top:4px;padding-top:8px}.trainings-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 200px);min-height:600px;overflow:hidden}.trainings-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.training-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.days-badge{background:#eff6ff;color:#3b82f6}.days-badge,.price-badge{align-items:center;border-radius:4px;display:flex;font-size:.7rem;gap:4px;padding:2px 6px;white-space:nowrap}.price-badge{background:#d1fae5;color:#10b981}.card-summary{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;font-size:.75rem;line-height:1.3;margin:0 0 6px;min-height:2.6em;overflow:hidden}.card-item.expanded .card-summary{-webkit-line-clamp:unset;line-clamp:none;min-height:auto}.card-description{color:#64748b;font-size:.7rem;line-height:1.3}.card-description:not(.expanded){-webkit-line-clamp:2;line-clamp:2;min-height:2.6em}.price-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.7rem;margin-top:8px;padding:6px}.price-item{align-items:center;color:#475569;display:flex;justify-content:space-between;padding:2px 0}.card-footer{padding:10px}.view-slide-btn{border-radius:6px;font-size:.75rem;padding:6px;width:100%}.slide-info h2{color:#1e293b;font-size:1.5rem;font-weight:600;line-height:1.3;margin:0 0 12px;padding-top:8px}.slide-days,.slide-price{align-items:center;border-radius:6px;display:flex;gap:8px;padding:6px 12px}.slide-days,.slide-price,.slide-pricing{background:#f8fafc;border:1px solid #e2e8f0}.slide-pricing{border-radius:8px;margin-bottom:20px;padding:12px}.pricing-item{align-items:center;color:#475569;display:flex;font-size:.9rem;justify-content:space-between;padding:4px 0}.slide-details,.slide-excerpt{margin-bottom:20px}.slide-details h4,.slide-excerpt h4{color:#475569;font-size:1rem;font-weight:600;margin:0 0 8px}.slide-excerpt p,.slide-full-desc{color:#475569;font-size:.95rem;line-height:1.6;margin:0}@media (max-width:1024px){.side-by-side-layout{gap:16px;grid-template-columns:1fr}.left-side{position:static}.form-container{max-height:none;max-width:100%}.trainings-container{height:auto;min-height:400px}.header-right{flex-wrap:wrap}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.slide-item{gap:24px;grid-template-columns:1fr;height:auto;max-height:none}.slide-media{max-height:400px;min-height:300px}.slide-info{height:auto;max-height:400px}.slide-container{height:calc(100% - 70px);padding:16px}}@media (max-width:768px){.training-container{padding:12px}.page-header{gap:12px}.header-actions,.page-header{align-items:stretch;flex-direction:column}.view-switch{justify-content:center}.filter-bar{align-items:stretch;flex-direction:column;gap:10px}.search-box{min-width:100%}.training-filters{align-items:stretch;flex-direction:column}.form-row{grid-template-columns:1fr}.slide-item{gap:20px}.slide-media{min-height:250px}.slide-info,.slide-media{max-height:350px}.slide-container{gap:12px;padding:12px}.nav-btn{height:36px;width:36px}.cards-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:12px}.card-item{height:210px}.card-top{height:80px}.card-title{font-size:.8rem;min-height:2.2em}.card-description,.card-summary{font-size:.7rem}}@media (max-width:480px){.cards-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.header-right{align-items:stretch;flex-direction:column;gap:8px}.items-per-page select{width:100%}.pagination-buttons{flex-wrap:wrap;justify-content:center}.pagination-btn{font-size:.75rem;height:28px;min-width:28px}.card-item.expanded{grid-column:1/-1}.card-item{height:200px}.card-top{height:70px}.card-title{font-size:.75rem}.slide-media{min-height:200px}.slide-info,.slide-media{max-height:300px}.slide-info h2{font-size:1.3rem}}.announcement-container{background:#f8fafc;font-family:Inter,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:16px}.page-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.page-header h1{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;font-weight:600;gap:8px;margin:0}.page-subtitle{color:#64748b;display:flex;flex-wrap:wrap;font-size:.875rem;gap:12px;margin:4px 0 0}.header-actions{align-items:center;display:flex;gap:12px}.view-switch{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:4px;padding:4px}.view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:6px;padding:6px 10px;transition:all .2s;white-space:nowrap}.view-btn.active{background:#3b82f6;color:#fff}.view-btn:disabled{cursor:not-allowed;opacity:.5}.export-btn{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.export-btn:hover{background:#059669}.filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:12px;justify-content:space-between;margin-bottom:16px;padding:10px}.filter-bar,.search-box{align-items:center;display:flex}.search-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex:1 1;gap:6px;min-width:250px;padding:5px 10px}.search-box input{background:#0000;border:none;color:#1e293b;font-size:.85rem;outline:none;width:100%}.search-box input::placeholder{color:#94a3b8}.clear-search{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:.85rem;padding:0}.announcement-filters{align-items:center;display:flex;gap:10px}.filter-group{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:6px}.filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:.85rem;min-width:120px;padding:5px 10px}.side-by-side-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:300px 1fr;min-height:600px}.left-side{position:-webkit-sticky;position:sticky;top:16px}.form-container,.left-side{height:-webkit-fit-content;height:fit-content}.form-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;max-height:calc(100vh - 180px);overflow:hidden;overflow-y:auto}.form-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.form-header h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.cancel-btn{align-items:center;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 8px}.cancel-btn:hover{background:#dc2626}.announcement-form{padding:16px}.form-group{margin-bottom:12px}.form-group label{align-items:center;color:#475569;display:flex;font-size:.85rem;font-weight:500;gap:6px;margin-bottom:4px}.toggle-label{align-items:center;display:flex!important;justify-content:space-between}.status-toggle{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.status-toggle.active{background:#d1fae5;color:#065f46}.status-toggle.inactive{background:#fee2e2;color:#991b1b}.status-toggle:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.form-group input,.form-group textarea{background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:.85rem;padding:8px 12px;transition:all .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.upload-area{gap:8px}.upload-area,.upload-label{align-items:center;display:flex}.upload-label{background:#f1f5f9;border:1px dashed #94a3b8;border-radius:6px;color:#475569;cursor:pointer;font-size:.85rem;gap:6px;padding:6px 12px;transition:all .2s}.upload-label:hover{background:#e2e8f0}.upload-status{align-items:center;display:flex;gap:8px}.upload-status img{border:1px solid #e2e8f0;border-radius:4px;height:40px;object-fit:cover;width:40px}.upload-status span{align-items:center;color:#10b981;display:flex;font-size:.75rem;gap:4px}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:8px;margin-top:16px;padding-top:12px}.btn-outline{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:8px 12px;transition:all .2s}.btn-outline:hover{background:#f8fafc}.btn-primary{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:8px 12px;transition:all .2s}.btn-primary:hover{background:#2563eb}.right-side{min-height:600px}.announcements-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 200px);min-height:600px;overflow:hidden}.announcements-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;flex-wrap:wrap;justify-content:space-between;padding:12px 16px}.announcements-header,.header-left{align-items:center;display:flex;gap:12px}.header-left h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.active-filter{background:#eff6ff;border-radius:4px;color:#3b82f6;font-size:.75rem;font-weight:500;gap:4px;padding:4px 8px}.active-filter,.header-right{align-items:center;display:flex}.header-right{gap:16px}.pagination-info{color:#64748b;font-size:.85rem;white-space:nowrap}.items-per-page select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:.85rem;min-width:100px;padding:6px 10px}.cards-grid{grid-gap:12px;align-content:start;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));overflow-y:auto;padding:16px}.card-item{height:240px}.card-item.expanded{height:auto;max-height:420px}.card-top{flex-shrink:0;height:100px;overflow:hidden;position:relative}.card-item.expanded .card-top{height:150px}.card-img{height:100%;overflow:hidden;width:100%}.card-img img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.card-item:hover .card-img img{transform:scale(1.05)}.card-actions{display:flex;gap:4px;position:absolute;right:6px;top:6px}.action-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.75rem;height:24px;justify-content:center;opacity:.9;transition:all .2s;width:24px}.action-btn.edit{color:#f59e0b}.action-btn.delete{color:#ef4444}.action-btn.expand{color:#3b82f6}.action-btn:hover{background:#fff;opacity:1;transform:scale(1.1)}.card-body{overflow:hidden}.announcement-meta{flex-wrap:wrap;justify-content:space-between;margin-bottom:6px}.announcement-meta,.status-badge{align-items:center;display:flex;gap:4px}.status-badge{border-radius:4px;font-size:.7rem;font-weight:500;padding:2px 6px;white-space:nowrap}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.date-badge{align-items:center;background:#f1f5f9;border-radius:4px;color:#64748b;display:flex;font-size:.7rem;gap:4px;padding:2px 6px;white-space:nowrap}.card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;font-size:.85rem;font-weight:600;line-height:1.2;margin:0 0 6px;min-height:2.4em;overflow:hidden;word-break:break-word}.card-item.expanded .card-title{-webkit-line-clamp:unset;line-clamp:none;min-height:auto}.card-description{color:#475569;flex:1 1;font-size:.75rem;line-height:1.4;margin-top:4px;overflow:hidden;position:relative}.card-description:not(.expanded){-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;min-height:4.2em;overflow:hidden}.read-more{background:none;border:none;color:#3b82f6;cursor:pointer;display:inline-block;font-size:.7rem;font-weight:500;margin-top:4px;padding:2px 0}.read-more:hover{text-decoration:underline}.status-toggle-btn,.view-slide-btn{padding:4px 6px}.pagination-controls{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:12px 16px}.pagination-buttons{align-items:center;display:flex;gap:4px}.pagination-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:0 6px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn.first,.pagination-btn.last{background:#f1f5f9}.pagination-btn.first:hover:not(:disabled),.pagination-btn.last:hover:not(:disabled){background:#e2e8f0}.page-info{color:#64748b;font-size:.8rem;font-weight:500}.empty-content{align-items:center;color:#94a3b8;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-content svg{font-size:2.5rem;margin-bottom:12px;opacity:.5}.empty-content p{color:#64748b;font-size:.95rem;margin:0 0 8px}.empty-hint{color:#cbd5e1!important;font-size:.85rem!important}.slides-view{display:flex;flex:1 1;flex-direction:column;height:100%}.slides-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;padding:12px 16px}.back-btn,.slides-header{align-items:center;display:flex}.back-btn{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:.85rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.back-btn:hover{background:#f8fafc;transform:translateX(-2px)}.slide-nav-info{align-items:center;display:flex;gap:16px}.slide-counter{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.85rem;font-weight:500;padding:6px 12px}.slide-container{flex:1 1;gap:16px;height:calc(100% - 80px);min-height:0;padding:24px}.nav-btn,.slide-container{align-items:center;display:flex}.nav-btn{background:#fff;border:1px solid #cbd5e1;border-radius:50%;cursor:pointer;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;transition:all .2s;width:40px;z-index:10}.nav-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;transform:scale(1.1)}.nav-btn:disabled{cursor:not-allowed;opacity:.3}.slide-content{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;overflow:hidden;position:relative}.slide-item{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;max-height:100%;max-width:1200px}.slide-item,.slide-media{align-items:center;height:100%;width:100%}.slide-media{background:#f1f5f9;border-radius:12px;display:flex;justify-content:center;min-height:400px;overflow:hidden;position:relative}.slide-media img{display:block;height:100%;max-height:100%;max-width:100%;object-fit:contain;width:100%}.no-media{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-size:.9rem;gap:12px;height:100%;justify-content:center;padding:40px}.no-media svg{font-size:3rem;opacity:.3}.slide-info{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:0 8px 0 0}.slide-header-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.slide-header-row h2{color:#1e293b;flex:1 1;font-size:1.5rem;font-weight:600;line-height:1.3;margin:0}.slide-status-toggle{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s;white-space:nowrap}.slide-status-toggle.active{background:#d1fae5;color:#065f46}.slide-status-toggle.inactive{background:#fee2e2;color:#991b1b}.slide-status-toggle:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.slide-meta{color:#64748b;display:flex;flex-direction:column;font-size:.9rem;gap:8px;margin-bottom:20px}.slide-date{align-items:center;display:flex;gap:8px}.slide-details{margin-bottom:20px}.slide-details h4{color:#475569;font-size:1rem;font-weight:600;margin:0 0 8px}.slide-full-desc{color:#475569;font-size:.95rem;line-height:1.6;margin:0;white-space:pre-line;word-break:break-word}.slide-controls{border-top:1px solid #f1f5f9;display:flex;gap:12px;margin-top:auto;padding-top:20px}.btn-slide{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s}.btn-slide.edit{background:#3b82f6;color:#fff}.btn-slide.edit:hover{background:#2563eb}.btn-slide.delete{background:#ef4444;color:#fff}.btn-slide.delete:hover{background:#dc2626}.slide-dots{border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:8px;justify-content:center;padding:16px}.dot{background:#cbd5e1;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .2s;width:8px}.dot.active{background:#3b82f6;transform:scale(1.3)}.dot:hover{background:#94a3b8}.toast{animation:slideIn .3s ease;border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:.9rem;font-weight:500;max-width:400px;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:10000}.toast.success{background:#10b981;border-left:4px solid #059669;color:#fff}.toast.error{background:#ef4444;border-left:4px solid #dc2626;color:#fff}.toast.info{background:#3b82f6;border-left:4px solid #2563eb;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.loading-state{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-state{background:#fee2e2;border-radius:8px;color:#dc2626;font-size:.9rem;margin:20px;padding:20px;text-align:center}@media (max-width:1200px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.card-item{height:220px}.card-top{height:90px}}@media (max-width:1024px){.side-by-side-layout{gap:16px;grid-template-columns:1fr}.left-side{position:static}.form-container{max-height:none;max-width:100%}.announcements-container{height:auto;min-height:400px}.header-right{flex-wrap:wrap}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.slide-item{gap:24px;grid-template-columns:1fr;height:auto;max-height:none}.slide-media{max-height:400px;min-height:300px}.slide-info{height:auto;max-height:400px}.slide-container{height:calc(100% - 70px);padding:16px}}@media (max-width:768px){.announcement-container{padding:12px}.page-header{gap:12px}.header-actions,.page-header{align-items:stretch;flex-direction:column}.view-switch{justify-content:center}.filter-bar{align-items:stretch;flex-direction:column;gap:10px}.search-box{min-width:100%}.announcement-filters{align-items:stretch;flex-direction:column}.slide-item{gap:20px}.slide-media{min-height:250px}.slide-info,.slide-media{max-height:350px}.slide-container{gap:12px;padding:12px}.nav-btn{height:36px;width:36px}.cards-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:12px}.card-item{height:210px}.card-top{height:80px}.card-title{font-size:.8rem;min-height:2.2em}.card-description{font-size:.7rem}}@media (max-width:480px){.cards-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.header-right{align-items:stretch;flex-direction:column;gap:8px}.items-per-page select{width:100%}.pagination-buttons{flex-wrap:wrap;justify-content:center}.pagination-btn{font-size:.75rem;height:28px;min-width:28px}.card-item.expanded{grid-column:1/-1}.card-item{height:200px}.card-top{height:70px}.card-title{font-size:.75rem}.slide-media{min-height:200px}.slide-info,.slide-media{max-height:300px}.slide-header-row{flex-direction:column;gap:8px}.slide-header-row h2{font-size:1.3rem}}.announcement-footer{align-self:flex-end;border-top:1px solid #f1f5f9;display:flex;flex-shrink:0;gap:6px;margin-top:8px;padding-top:8px;width:100%}.card-body:after{content:"";flex:0 0 auto}.card-item .announcement-footer{opacity:1;transform:none;visibility:visible}.card-footer{border-top:1px solid #f1f5f9;display:flex;flex-shrink:0;gap:6px;margin-top:auto;padding-top:8px;width:100%}.view-slide-btn{align-items:center;background:#0000;border:1px solid #3b82f6;border-radius:4px;color:#3b82f6;cursor:pointer;display:flex;flex:1 1;font-size:.7rem;font-weight:500;gap:4px;justify-content:center;min-height:28px;overflow:hidden;padding:6px 8px;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.view-slide-btn:hover{background:#3b82f6;color:#fff}.view-slide-btn svg{flex-shrink:0;font-size:.8rem}.status-toggle-btn{background:#0000;border:1px solid #cbd5e1;border-radius:4px;color:#475569;cursor:pointer;flex:1 1;font-size:.7rem;font-weight:500;min-height:28px;padding:6px 8px;transition:all .2s;white-space:nowrap}.status-toggle-btn:hover{background:#f8fafc;border-color:#94a3b8}.card-body{flex:1 1;min-height:0;padding:10px;position:relative}.card-body,.card-item{display:flex;flex-direction:column}.card-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;min-height:240px;overflow:hidden;transition:all .3s ease}.card-item.expanded{box-shadow:0 8px 25px #00000026;grid-column:1/-1;min-height:240px;position:relative;width:100%;z-index:10}
/*# sourceMappingURL=main.34858cf5.css.map*/