:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#1890ff;text-decoration:inherit}a:hover{color:#40a9ff}body{margin:0;min-width:320px;min-height:100vh;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#f5f5f5}h1,h2,h3,h4,h5,h6{margin:0;font-weight:500}button{border-radius:6px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}button:hover{border-color:#1890ff}button:focus,button:focus-visible{outline:2px solid #1890ff;outline-offset:2px}.ant-layout-header{background:#1890ff!important;padding:0 24px}.ant-layout-sider{background:#fff;box-shadow:2px 0 8px #0000001a}.ant-menu{border-right:none}@media(max-width:768px){.ant-layout-sider{position:relative;width:100%!important;height:auto!important;box-shadow:0 2px 8px #0000001a}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.App{min-height:100vh;background-color:#f5f5f5}.dashboard-container{min-height:calc(100vh - 64px);padding:24px}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#40e0d0,#ff8c00,#ff0080);padding:20px}.login-form{background:#fff;padding:40px;border-radius:12px;box-shadow:0 8px 30px #00000026;width:100%;max-width:450px;position:relative}.login-header{text-align:center;margin-bottom:32px}.login-logo{display:flex;justify-content:center;align-items:center;margin:0 auto 16px}.logo-image{max-width:250px;height:auto;object-fit:contain}.login-title{font-size:24px;font-weight:600;color:#ff0080;margin-bottom:8px}.login-subtitle{color:#8c8c8c;font-size:14px}.login-button{height:48px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#40e0d0,#ff8c00,#ff0080);border:none;transition:all .3s ease}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff008066}.login-demo-info{background:#fff0f6;padding:16px;border-radius:8px;margin-top:24px;border-left:4px solid #ff0080}.login-demo-info strong{color:#ff0080}.login-demo-info code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-size:12px}.form-section{margin-bottom:24px;transition:all .3s ease}.form-section:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.form-section h3{margin-bottom:16px;color:#ff0080;border-bottom:2px solid #ff0080;padding-bottom:8px;display:flex;align-items:center;font-size:18px;font-weight:600}.student-card{margin-bottom:16px;transition:all .3s ease;border:1px solid #f0f0f0}.student-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#ff0080}.filters-section{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.export-buttons{margin-bottom:20px}@media(max-width:768px){.login-container{padding:10px}.login-form{padding:30px 20px;max-width:100%}.dashboard-container{padding:16px}.ant-layout-sider{width:100%!important;height:auto!important}.ant-layout-sider-zero-width,.ant-layout-sider-zero-width-target{width:100%!important}.ant-layout-sider-light{border-right:none!important;border-bottom:1px solid #f0f0f0}.ant-menu-inline{border-right:none}}@media(max-width:576px){.login-form{padding:24px 16px}.filters-section{padding:16px}}.ant-layout{background:#f5f5f5}.ant-card{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.ant-btn{border-radius:8px;transition:all .3s ease}.ant-btn-primary{background:linear-gradient(135deg,#40e0d0,#ff8c00,#ff0080);border:none}.ant-btn-primary:hover{background:linear-gradient(135deg,#5eeadb,#ffa31a,#ff1a99);transform:translateY(-2px);box-shadow:0 4px 12px #ff008066}.ant-input{border-radius:8px;transition:all .3s ease}.ant-input:focus,.ant-input:hover{border-color:#ff0080;box-shadow:0 0 0 2px #ff008033}.ant-select-selector{border-radius:8px!important;transition:all .3s ease}.ant-select-focused .ant-select-selector{box-shadow:0 0 0 2px #ff008033!important}.ant-picker{border-radius:8px;transition:all .3s ease}.ant-picker:hover,.ant-picker-focused{border-color:#ff0080;box-shadow:0 0 0 2px #ff008033}.student-form-card .ant-card-body{padding:24px}.form-section{padding:16px;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:20px;background:#fafafa}.form-section h3{margin-top:0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:0 24px!important;background:linear-gradient(135deg,#40e0d0,#ff8c00,#ff0080)!important;box-shadow:0 4px 12px #00000026;position:relative}.header-logo-title{display:flex;align-items:center;gap:16px;flex:1;justify-content:center}.navbar-logo{height:40px;width:auto;object-fit:contain}.dashboard-title{margin:0;color:#fff;font-size:24px;font-weight:600}.logout-button{color:#fff!important;transition:all .3s ease}.logout-button:hover{background:#fff3!important;transform:translateY(-2px)}.student-table,.student-list{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.filters-container{background:#fff;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.filters-container:hover{box-shadow:0 4px 16px #00000026}.submit-button{height:48px;font-size:16px;font-weight:600;margin-top:24px}.ant-menu-item{transition:all .3s ease}.ant-menu-item:hover{transform:translate(4px)}.ant-menu-item-selected{background:linear-gradient(90deg,rgba(255,0,128,.1) 0%,transparent 100%)!important;border-right:3px solid #ff0080!important}.ant-tag{border-radius:12px;padding:4px 12px;font-weight:500}.statistics-card{margin-bottom:24px}.chart-card{border-radius:12px;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.chart-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.chart-card .ant-card-head{background:linear-gradient(135deg,#40e0d0,#ff8c00,#ff0080);color:#fff;border-radius:12px 12px 0 0}.chart-card .ant-card-head-title{color:#fff;font-weight:600}.stat-item{text-align:center;border-radius:12px;transition:all .3s ease;border:2px solid transparent}.stat-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.stat-item.total{border-color:#40e0d0;background:linear-gradient(135deg,#e0f9f6,#fff)}.stat-item.pending{border-color:#ff8c00;background:linear-gradient(135deg,#fff5e6,#fff)}.stat-item.confirmed{border-color:#52c41a;background:linear-gradient(135deg,#f6ffed,#fff)}.stat-item.rejected{border-color:#ff0080;background:linear-gradient(135deg,#fff0f6,#fff)}.stat-icon{display:flex;justify-content:center;margin-bottom:12px;opacity:.8}.stat-item.total .stat-icon{color:#40e0d0}.stat-item.pending .stat-icon{color:#ff8c00}.stat-item.confirmed .stat-icon{color:#52c41a}.stat-item.rejected .stat-icon{color:#ff0080}.ant-table{border-radius:12px;overflow:hidden}.ant-table-thead>tr>th{background:linear-gradient(135deg,#40e0d0,#ff8c00,#ff0080);color:#fff;font-weight:600;border:none}.ant-table-tbody>tr:hover>td{background:#fff0f6}.status-badge{padding:4px 12px;border-radius:12px;font-weight:500;font-size:12px;display:inline-block}.status-pending{background:#fff5e6;color:#ff8c00;border:1px solid #ff8c00}.status-confirmed{background:#f6ffed;color:#52c41a;border:1px solid #52c41a}.status-rejected{background:#fff0f6;color:#ff0080;border:1px solid #ff0080}.mobile-sidebar-toggle{display:none;position:fixed;bottom:20px;right:20px;z-index:1000;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#40e0d0,#ff8c00,#ff0080);border:none;box-shadow:0 4px 12px #0000004d;transition:transform .3s ease}.mobile-sidebar-toggle:hover{transform:scale(1.1)}.sidebar-backdrop{display:none;position:fixed;inset:64px 0 0;background:#00000080;z-index:998;transition:opacity .3s ease}.sidebar-backdrop.show{display:block}.header-menu-toggle{display:none;color:#fff;font-size:20px;background:transparent;border:none;padding:8px;cursor:pointer;transition:all .3s ease}.header-menu-toggle:hover{background:#fff3;border-radius:4px}@media(max-width:992px){.header-menu-toggle{display:flex;align-items:center;justify-content:center}.mobile-sidebar-toggle{display:none!important}.ant-layout-sider{position:fixed!important;left:0;top:64px;height:calc(100vh - 64px)!important;max-width:250px!important;min-width:250px!important;width:250px!important;z-index:999;transform:translate(-100%);transition:transform .3s ease;background:#fff;box-shadow:2px 0 8px #00000026}.ant-layout-sider.mobile-open{transform:translate(0)}.ant-layout-sider-zero-width-trigger{display:none!important}}@media(max-width:768px){.ant-layout-content,.dashboard-container{padding:12px!important}.ant-card{margin:8px 0}.dashboard-header{padding:0 12px!important;gap:8px}.header-logo-title{gap:8px}.navbar-logo{height:30px}.dashboard-title{font-size:18px!important}.ant-table{font-size:11px}.ant-table-thead>tr>th{padding:8px 4px;font-size:11px}.ant-table-tbody>tr>td{padding:8px 4px;font-size:11px}.stat-item .ant-statistic-title{font-size:12px!important}.stat-item .ant-statistic-content{font-size:20px!important}.filters-container{padding:12px!important}.ant-space{gap:8px!important}}@media(max-width:576px){.dashboard-header{padding:0 8px!important}.navbar-logo{height:25px}.header-logo-title{gap:6px}.dashboard-title{font-size:14px!important}.logout-button span{display:none}.logout-button{padding:4px 8px!important}.header-menu-toggle{padding:4px!important}.ant-table{font-size:10px}.stat-item{padding:12px!important}.chart-card .recharts-wrapper{font-size:11px}.chart-card .recharts-legend-item-text{font-size:11px!important}}.app-footer{background:linear-gradient(135deg,#40e0d0,#ff8c00,#ff0080);color:#fff;text-align:center;padding:20px 50px;margin-top:auto;box-shadow:0 -2px 8px #00000026}.footer-content{max-width:1200px;margin:0 auto}.footer-content p{margin:8px 0;color:#fff;font-size:14px}.footer-credit{font-weight:500}.creator-name{font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2);font-size:16px}@media(max-width:768px){.app-footer{padding:16px 20px}.footer-content p{font-size:12px}.creator-name{font-size:14px}.logo-image{max-width:200px}}@media(max-width:576px){.app-footer{padding:12px 16px}.footer-content p{font-size:11px}.logo-image{max-width:180px}}