body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.body{font-family:Arial;margin:0}.admin-dashboard{display:flex;min-height:100vh}.sidebaar{background:#2f3e46;color:#fff;padding:20px;width:220px}.sidebar h2{font-size:1.2rem;margin-top:0}.sidebar ul{list-style:none;margin-top:20px;padding:0}.sidebar ul li{border-radius:4px;cursor:pointer;margin-bottom:15px;padding:8px}.sidebar ul li:hover{background:#354f52}.sidebaar ul.submenu{list-style:none;margin-left:15px;margin-top:5px;padding-left:10px}.sidebaar ul.submenu li a{color:#a8dadc;font-size:.95rem;text-decoration:none}.sidebaar ul.submenu li a:hover{color:#f4a261}.main-content{background:#f0f4f8;flex:1 1;padding:20px}.header{background:#2f3e46;color:#fff;height:10px;margin-bottom:15px;margin-top:-15px}.user-info span{color:#000;font-weight:700;margin-right:10px}.user-info button{background:#52796f;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.user-info button:hover{background:#354f52}.master-section{background:#fff;border-radius:8px;margin-bottom:20px;padding:15px}.master-section h2{margin-top:0}.master-section button{background:#52796f;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:10px;padding:5px 10px}.master-section button:hover{background:#354f52}.master-section ul{list-style:none;padding:0}.master-section li{border-bottom:1px solid #eee;padding:6px 0}nav ul{list-style:none;margin:0;padding:0}nav ul li{border-radius:4px;cursor:pointer;margin-bottom:10px;padding:8px;transition:background .2s}nav ul li:hover{background:#354f52}.submenu{border-left:2px solid #52796f;display:none;list-style:none;margin-left:15px;margin-top:5px;padding-left:10px}nav ul li:hover .submenu{display:block}.submenu li{color:#d1d5db;font-size:.9rem;margin-bottom:6px}.submenu li:hover{color:#fff}.page{background:#f8fafc;color:#111827;display:flex;font-family:Arial,sans-serif;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:650px;width:240px}.sidebar-header{padding:20px}.sidebar-header h2{font-size:20px;font-weight:700;margin:0}.sidebar-header p{color:#6b7280;font-size:12px}.sidebar-nav{padding:10px 0}.nav-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px 15px}.nav-item:hover{background:#f3f4f6}.nav-item.active{background:#f1f5f9;font-weight:700}.sidebar-footer{margin-top:auto;padding:20px}.btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px;width:100%}.btn:hover{background:#1d4ed8}.content{flex:1 1;padding:20px}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.search-area{position:relative}.search-area input{border:1px solid #e5e7eb;border-radius:6px;padding:8px 30px}.search-icon{color:#9ca3af;left:8px;position:absolute;top:8px}.header-right{align-items:center;display:flex;gap:15px}.icon-btn{background:none;border:none;border-radius:6px;cursor:pointer;padding:6px}.icon-btn:hover{background:#f3f4f6}.user-info{align-items:center;display:flex;gap:8px}.user-menu{cursor:pointer;position:relative}.avatar{align-items:center;background:linear-gradient(to bottom right,#6366f1,#ec4899);border-radius:50%;color:#fff;display:flex;font-weight:700;height:32px;justify-content:center;width:32px}.dropdown{background:#8a2be2;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 10px #00000026;min-width:120px;position:absolute;right:0;top:40px;z-index:10}.dropdown-item{cursor:pointer;font-size:14px;padding:10px}.dropdown-item:hover{background:#000}.username{font-size:14px;font-weight:700}.role{color:#6b7280;font-size:12px}.stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:15px}.stat-title{color:#6b7280;font-size:12px}.stat-value{font-size:20px;font-weight:700;margin-top:5px}.stat-sub{color:#9ca3af;font-size:11px;margin-top:5px}.main-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:15px}.card-header{display:flex;justify-content:space-between;margin-bottom:10px}.card-header h3{font-size:16px;margin:0}.card-body{font-size:14px}.list{list-style:none;margin:0;padding:0}.list-item{align-items:center;border:1px solid #e5e7eb;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px}.item-title{font-size:13px;font-weight:700}.item-sub{color:#6b7280;font-size:12px}.item-extra{color:#9ca3af;font-size:11px}.dot{background:#6b7280;border-radius:50%;height:6px;margin-right:5px;width:6px}.btn-small{background:#f3f4f6;border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.btn-small:hover{background:#e5e7eb}.actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.action-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;padding:10px}.action-btn:hover{background:#f9fafb}.calendar{border:1px solid #e5e7eb;border-radius:6px;padding:20px}.calendar,.footer{color:#6b7280;text-align:center}.footer{font-size:12px;margin-top:20px}.login-page{align-items:center;background:#f9fafb;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;max-width:400px;padding:30px;text-align:center;width:100%}.login-header .logo-box{align-items:center;background:#4f46e5;border-radius:10px;color:#fff;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;margin:0 auto 15px;width:50px}.login-header h2{color:#333;font-size:24px;font-weight:700;margin:0}.login-header p{color:#666;font-size:14px;margin:5px 0 20px}.register-page{align-items:center;background:#f9fafb;display:flex;justify-content:center;min-height:100vh;padding:20px}.register-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;max-width:420px;padding:30px;text-align:center;width:100%}.register-header .logo-box{align-items:center;background:#4f46e5;border-radius:10px;color:#fff;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;margin:0 auto 15px;width:50px}.register-header h2{color:#333;font-size:24px;font-weight:700;margin:0}.register-header p{color:#666;font-size:14px;margin:5px 0 20px}.form-group{margin-bottom:15px;text-align:left}.form-group label{color:#444;display:block;font-size:14px;font-weight:500;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;padding:10px;width:100%}.form-group input:focus{border-color:#4f46e5;box-shadow:0 0 4px #4f46e566}.btn-primary{border-radius:8px;font-size:16px;font-weight:700;padding:12px;transition:.3s;width:100%}.extra-links{color:#666;font-size:14px;margin-top:15px}.extra-links a{color:#4f46e5;text-decoration:none}.extra-links a:hover{text-decoration:underline}.popup-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.form-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(2,1fr)}.form-grid input,.form-grid select{border:1px solid #ccc;border-radius:5px;padding:10px;width:100%}.popup-container{animation:popup-appear .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 6px 20px #0003;padding:25px;width:500px}.popup-title{font-size:1.5rem;font-weight:700;margin-bottom:15px;text-align:center}.popup-form input{border:1px solid #ccc;border-radius:6px;font-size:14px;margin:8px 0;padding:10px;width:100%}.popup-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.btn-save{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px;transition:background .2s ease-in-out}.btn-save:hover{background:#45a049}.btn-cancel{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px;transition:background .2s ease-in-out}.btn-cancel:hover{background:#d32f2f}.popup-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27gray%27 height=%2720%27 viewBox=%270 0 24 24%27 width=%2720%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:16px 16px;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:14px;margin:8px 0;padding:10px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;width:100%}.popup-select:hover{border-color:#888}.popup-select:focus{border-color:#4caf50;box-shadow:0 0 5px #4caf5066;outline:none}@keyframes popup-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.header{background:#fff;box-shadow:0 2px 6px #0000001a;padding:20px 0;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 16px}.header-container,.logo-title{align-items:center;display:flex}.logo-title{gap:12px}.logo-box{align-items:center;background:#4f46e5;border-radius:8px;color:#fff;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.title{font-size:18px;font-weight:600}.subtitle{color:#6b7280;font-size:12px}.nav{align-items:center;display:flex;font-size:14px;font-weight:500;gap:24px}.nav a{color:#333;text-decoration:none;transition:color .2s ease}.btn-outline,.nav a:hover{color:#4f46e5}.btn-outline{background:#0000;border:1px solid #4f46e5;border-radius:6px;cursor:pointer;padding:8px 16px;transition:background .2s ease}.btn-outline:hover{background:#eef2ff}.btn-primary{border:none;border-radius:6px;box-shadow:0 2px 4px #00000026;cursor:pointer;padding:8px 16px;transition:background .2s ease}.btn-primary:hover{background:#3730a3}.mobile-menu{display:none}.mobile-menu button{background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;font-size:18px;padding:8px}@media (max-width:768px){.nav{display:none}.mobile-menu{display:block}}:root{--max-width:1200px;--accent:#4f46e5;--accent-100:#eef2ff;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--radius-lg:16px}.hero{grid-gap:40px;align-items:center;box-sizing:border-box;display:grid;gap:40px;grid-template-columns:1fr;margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:48px 16px}@media (min-width:1024px){.hero{grid-template-columns:1fr 1fr;padding:48px}}.hero-left{display:flex;flex-direction:column;gap:20px}.badge{background:#eef2ff;background:var(--accent-100);border-radius:999px;color:#4f46e5;color:var(--accent);display:inline-block;font-size:.85rem;font-weight:600;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.hero-title{color:#111827;color:var(--text);font-size:2.25rem;font-weight:800;line-height:1.05;margin:0}@media (min-width:640px){.hero-title{font-size:3rem}}.hero-subtitle{color:#6b7280;color:var(--muted);font-size:1rem;line-height:1.6;margin:0;max-width:720px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.btn{align-items:center;border:1px solid #0000;border-radius:10px;box-shadow:0 6px 18px #0f172a0f;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;padding:12px 20px;text-decoration:none}.btn-primary{background:#4f46e5;background:var(--accent);color:#fff}.btn-outline{background:#fff;border-color:#e5e7eb;border-color:var(--border);box-shadow:none;color:#111827;color:var(--text)}.stats{align-items:center;color:#6b7280;color:var(--muted);display:flex;flex-wrap:wrap;gap:36px;margin-top:18px}.stat{align-items:baseline;display:flex;gap:10px}.stat-number{color:#111827;color:var(--text);font-size:1.1rem;font-weight:700}.stat-label{color:#6b7280;color:var(--muted);font-size:.95rem}.hero-right{align-items:center;display:flex;justify-content:center}.mockup{background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 30px #0206171f;overflow:hidden;width:100%}.mockup img{display:block;height:320px;object-fit:cover;width:100%}@media (min-width:768px){.mockup img{height:380px}}.btn:focus{outline:3px solid #4f46e52e;outline-offset:2px}@media (min-width:1024px){.hero-left{padding-right:24px}}
/*# sourceMappingURL=main.2b62e8cd.css.map*/