@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;overscroll-behavior-y:none}body{margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 20% 10%,rgba(46,196,182,.15),transparent 40%),radial-gradient(circle at 90% 10%,rgba(59,130,246,.12),transparent 40%),#f0f9ff}:root{--primary: #2EC4B6;--primary-dark: #1FA79D;--secondary: #374151;--accent: #F4D35E;--color-success: #10b981;--color-danger: #ef4444;--color-primary: #3b82f6;--color-accent: #2EC4B6;--color-warning: #B45309;--background: #ECFEFF;--text-main: #0f172a;--text-soft: #64748b;--gradient-main: linear-gradient(135deg, #2EC4B6, #3B82F6)}.container{width:100%;max-width:1200px}.title{font-size:22px;font-weight:700;color:var(--text-main)}.app-header{position:sticky;top:0;z-index:50;background:#2ec4b6bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff}.app-header-inner{max-width:1100px;margin:auto;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.logout-btn,.login-btn{background:#fff;color:var(--primary);border:none;padding:8px 14px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.logout-btn:hover,.login-btn:hover{background:#f0fdfa;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.logout-btn:active,.login-btn:active{transform:translateY(0)}.logo{font-size:22px;font-weight:700;cursor:pointer;margin:0}.user{font-size:14px;opacity:.9}.user-menu{display:flex;align-items:center;gap:12px}@media(max-width:1024px){.app-header-inner{padding:14px 16px}.logo{font-size:20px}.nav button{font-size:14px;padding:6px 10px}}@media(max-width:768px){.app-header-inner{flex-direction:column;align-items:flex-start;gap:10px}.nav{width:100%;display:flex;gap:8px;flex-wrap:wrap}.nav button{flex:1;text-align:center}.right{width:100%;display:flex;justify-content:space-between;align-items:center}.user-menu{width:100%;justify-content:space-between}.logout-btn,.login-btn{padding:6px 10px;font-size:13px}.user{font-size:13px}}@media(max-width:480px){.logo{font-size:18px}.nav button{font-size:12px;padding:6px}.logout-btn,.login-btn{font-size:12px;padding:5px 8px}}.app-footer{background:var(--gradient-main);color:#fff;text-align:center;padding:20px}.footer-inner{max-width:1100px;margin:auto;text-align:center}.footer-brand{font-weight:700;font-size:18px;margin-bottom:6px;opacity:.95}.footer-copy{font-size:13px;opacity:.8}.card{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 30px #2ec4b626,0 2px 8px #0000000d;padding:25px}.detail-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 8px 25px #0000000f}.btn{width:100%;padding:12px;border:none;border-radius:14px;font-weight:600;cursor:pointer;background:var(--gradient-main);color:#fff;box-shadow:0 6px 18px #2ec4b659;transition:all .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #3b82f659}.btn.secondary{background:#e5e7eb;color:var(--secondary);box-shadow:none}.btn.primary{background:var(--gradient-main);color:#fff}.btn.view{background:var(--color-primary);color:#fff}.btn.approve{background:var(--color-success)}.btn.reject{background:var(--color-danger)}.btn.edit{background:var(--color-primary)}.btn.send{background:var(--color-accent)}.btn.width{width:auto}.btn-add{background:none;border:1px dashed #cbd5f5;color:var(--color-primary);padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:.2s}.btn-add:hover{background:#f0f9ff;border-color:var(--color-primary)}.btn-link{background:none;border:none;color:#2563eb;font-weight:600;cursor:pointer}.btn-icon{background:none;border:none;font-size:18px;cursor:pointer}.form-group{display:flex;flex-direction:column;gap:6px}label{font-size:13px;font-weight:500;color:var(--text-soft);text-align:left}input,select,textarea{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(15,23,42,.08);background:#ffffff80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.2s}input::placeholder{color:#9ca3af}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2ec4b633}.input-error{border:1px solid #e5484d!important;background:#fff5f5}.field-error{color:#c62828;font-size:12.5px;margin-top:4px;margin-bottom:10px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--background);background-size:cover;background-position:center}.auth-card{width:100%;max-width:420px;padding:32px;border-radius:20px;text-align:center;background:#ffffff2e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.25);box-shadow:0 25px 60px #0000002e,inset 0 1px #ffffff4d}.auth-card img{width:150px;margin-bottom:-40px;margin-top:-40px}.auth-title{font-size:22px;font-weight:700;margin-bottom:4px}.auth-subtitle{font-size:14px;color:var(--text-soft);margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-footer{margin-top:18px;font-size:13px;color:var(--text-soft)}.auth-footer a{color:var(--color-primary);text-decoration:none;font-weight:500}.form-error{font-size:13px;color:#ef4444;text-align:left}.password-wrapper{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-soft)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.card-hover{transition:.2s}.card-hover:hover{transform:translateY(-5px)}.poster{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;padding:12px;border-radius:12px;overflow:hidden}.poster img{max-width:100%;max-height:100%;object-fit:contain}.clickable-poster{cursor:zoom-in}.event-card{padding:30px;border-radius:24px;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.25),transparent 40%),var(--gradient-main);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.event-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.35),transparent 35%);opacity:.5}.event-info h2{font-size:30px;font-weight:800;letter-spacing:.3px;margin:0 0 8px}.admin-page{min-height:100vh;background:var(--background);display:flex;flex-direction:column;font-family:Poppins,sans-serif}.admin-header{background:var(--gradient-main);color:#fff;padding:18px}table{width:100%;border-collapse:collapse}th{background:#e6f7f5;color:var(--text-main)}td,th{padding:12px}.table-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 6px}.table-toolbar{display:flex;justify-content:flex-end;margin-bottom:16px}.status{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600}.pending{background:#fff7ed;color:var(--color-warning)}.approved{background:#ecfdf5;color:var(--color-success)}.rejected{background:#fef2f2;color:var(--color-danger)}.proof-modal{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center}.proof-backdrop{position:absolute;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}.proof-container{position:relative;width:95%;max-width:1000px;max-height:90vh;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 25px 60px #00000059;animation:scaleIn .18s ease}.proof-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #eee}.proof-body{display:grid;grid-template-columns:1fr 320px;max-height:calc(90vh - 70px)}.proof-header h2{margin:0;font-size:18px}.proof-header p{margin:4px 0 0;font-size:13px;color:#6b7280}.proof-close{width:36px;height:36px;border-radius:10px;border:none;background:#f3f4f6;font-size:20px;cursor:pointer}.proof-image{background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px}.proof-image:before{content:"";display:block}.proof-image img{width:auto;height:auto;max-width:100%;max-height:calc(90vh - 140px);object-fit:contain;object-position:center;border-radius:12px;box-shadow:0 8px 25px #00000026;transition:transform .25s ease}.proof-image img:hover{transform:scale(1.4)}.proof-info{padding:24px;border-left:1px solid #eee}.proof-field{margin-bottom:14px}.proof-field span{display:block;font-size:12px;color:#6b7280}.proof-field b{font-size:14px}.proof-actions{margin-top:20px;display:flex;gap:10px}.proof-actions .btn{flex:1}.modal h2{margin:0 0 18px;color:#0369a1}.competitions-page{min-height:100vh;display:flex;flex-direction:column;font-family:Poppins,sans-serif;background:var(--background)}.competitions-page .container{flex:1;max-width:1100px;margin:40px auto;padding:0 20px}.competition-hero{text-align:center;padding:60px 20px 40px}.competition-hero h1{font-size:32px;font-weight:800;background:var(--gradient-main);-webkit-background-clip:text;color:transparent}.competition-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 14px}.competitions-page .card{background:#ffffffa6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(124,92,244,.15);box-shadow:0 10px 30px #7c5cf42e,0 2px 8px #00000014;transition:all .25s ease;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.competitions-page .poster{aspect-ratio:4 / 3;background:#f3f4f6;display:flex;align-items:center;justify-content:center;padding:14px;border-radius:14px;overflow:hidden;position:relative}.competitions-page .poster:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(124,92,244,.25),transparent 60%);opacity:.6;transition:.3s}.competitions-page .poster:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.25))}.competitions-page .content{padding:18px;flex:1}.competitions-page .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.competitions-page .competition-name{font-weight:600;margin-bottom:6px}.competitions-page .info{font-size:13px;color:#666;margin-bottom:14px}.competitions-footer{display:flex;gap:20px}.competition-detail-page{background:var(--background);min-height:100vh;display:flex;flex-direction:column}.competition-detail-page .container{max-width:1000px;margin:40px auto;padding:0 20px;flex:1}.competition-detail-page .event-hero{position:relative;box-shadow:#00000014 0 20px 60px;padding:40px;border-radius:26px;background:radial-gradient(circle at 10% 20%,rgba(46,196,182,.25),transparent 40%),radial-gradient(circle at 90% 10%,rgba(59,130,246,.2),transparent 45%),#fff;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;margin-bottom:40px;gap:40px}.competition-detail-page .event-right img{width:100%;box-shadow:#2ec4b64d 0 30px 70px,#00000026 0 10px 25px;transform:rotate(1deg);border-radius:22px;transition:.35s}.competition-detail-page .event-right img:hover{transform:rotate(0) scale(1.02)}.participants-container{max-height:55vh;overflow-y:auto;margin-top:10px;border:1px solid #eee;border-radius:8px}.participants-table{border-collapse:separate;border-spacing:0 10px;width:100%;margin-top:10px;display:table;text-indent:initial;unicode-bidi:isolate;border-color:gray}.layout-page{min-height:100vh;display:flex;flex-direction:column;background:var(--background)}.layout-page .container{max-width:900px;margin:40px auto;padding:0 20px}.deadline{background:#ffffff2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.35);color:#fff;padding:12px 18px;border-radius:14px;text-align:center;min-width:160px}.deadline small{display:block;font-size:12px;opacity:.7}.deadline b{font-size:16px}.register-status{margin-top:20px;font-weight:600;color:var(--primary)}.member-row{display:flex;gap:8px;margin-bottom:8px}.member-row input{flex:1}.stepper{margin:35px 0 28px;padding:18px 22px;border-radius:16px;background:#ffffffa6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 25px #00000014;display:flex;align-items:center;justify-content:center;gap:14px}.step{position:relative;padding-left:42px;min-height:40px;display:flex;align-items:flex-start}.step.active{color:var(--primary)}.mine-toggle{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.mine-toggle input{appearance:none;width:42px;height:24px;background:#e5e7eb;border-radius:999px;position:relative;outline:none;cursor:pointer;transition:background .25s ease}.mine-toggle input:checked{background:#2ec4b6}.mine-toggle input:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;transition:all .25s cubic-bezier(.4,0,.2,1)}.mine-toggle input:checked:before{transform:translate(18px)}.badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;background:#fff3;display:inline-block;margin-right:8px}.meta{display:flex;gap:18px;margin:18px 0 26px;color:#555;font-weight:500}.event-meta{margin-top:6px;opacity:.95;font-size:15px}.img{overflow-clip-margin:content-box;overflow:clip}.image-viewer{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fade .18s ease}.image-viewer img{max-width:90%;max-height:90%;border-radius:14px;box-shadow:0 20px 60px #0009;cursor:zoom-out}.timeline-steps{position:relative;margin-top:24px;padding-left:30px;display:flex;flex-direction:column;gap:26px}.timeline-steps:before{content:"";position:absolute;left:18px;top:6px;bottom:6px;width:3px;background:var(--gradient-main);border-radius:3px}.circle{position:absolute;left:0;top:2px;background:var(--gradient-main);color:#fff;box-shadow:0 6px 18px #7c5cf459;font-weight:700;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.step-info b{display:block;font-size:16px}.step-info span{color:#666;font-size:14px}.form-control label{font-size:14px;font-weight:500;display:block;margin-top:12px}.form-control input,.form-control select,.form-control textarea{width:100%;padding:12px 14px;margin-top:6px;border-radius:10px;border:1px solid #ddd}.form-control input{width:100%;margin-top:6px}.form-control .submit{margin-top:10px}.bank-box{background:#f9f7ff;border:1px dashed #D9D4FF;padding:15px;border-radius:12px;margin-top:10px;line-height:1.7}.upload{border:2px dashed #D9D4FF;border-radius:14px;padding:30px;text-align:center;margin-top:10px;background:#fbfaff}.phone-input{display:flex;align-items:center;width:100%}.phone-input .prefix,.phone-input input{height:42px;display:flex;align-items:center}.phone-input .prefix{padding:8px 12px;background:#f3f3f3;border:1px solid #ccc;border-right:none;border-radius:6px 0 0 6px;font-size:14px;box-sizing:border-box;margin-top:6px}.phone-input input{flex:1;padding:10px 12px;border:1px solid #ccc;border-left:none;border-radius:0 6px 6px 0;outline:none;box-sizing:border-box}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:30px}.mt-4{margin-top:40px}.mt-5{margin-top:50px}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}.mb-4{margin-bottom:40px}.mb-5{margin-bottom:50px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.loading.full{position:fixed;top:0;left:0;width:100%;height:100vh;background:#ffffffb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-top:4px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite}.loading-text{font-size:14px;color:#555}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.competition-detail-page .event-hero{grid-template-columns:1fr;gap:30px;padding:30px}.event-right{order:-1}.modal-body{padding:20px}}@media(max-width:768px){.app-header-inner{flex-direction:column;align-items:center;gap:12px;padding:12px 16px}.nav{width:100%;justify-content:center;gap:10px;flex-wrap:wrap}.nav button{font-size:13px;padding:6px 10px}.user-menu{width:100%;justify-content:center;margin-top:5px}.user{display:none}.competition-hero{padding:40px 20px 30px}.competition-hero h1{font-size:26px}.competition-title{flex-direction:column;align-items:center;text-align:center;gap:15px}.grid,.form-grid{grid-template-columns:1fr!important}.full{grid-column:span 1!important}.modal{max-height:95vh;border-radius:16px 16px 0 0;width:100%;position:fixed;bottom:0}.modal-overlay{align-items:flex-end;padding:0}.modal-actions{flex-direction:column;padding:16px}.modal-actions .btn{width:100%!important}.proof-body{grid-template-columns:1fr}.proof-info{border-left:none;border-top:1px solid #eee}.card table,.card thead,.card tbody,.card th,.card td,.card tr{display:block}.card thead tr{position:absolute;top:-9999px;left:-9999px}.card tr{margin-bottom:20px;border:1px solid #e2e8f0;border-radius:16px;padding:12px;background:#fdfdfd;box-shadow:0 4px 12px #00000008}.card td{border:none;border-bottom:1px solid #f1f5f9;position:relative;padding-left:45%!important;text-align:right;min-height:45px;display:flex;align-items:center;justify-content:flex-end}.card td:last-child{border-bottom:0;margin-bottom:0}.card td:before{content:attr(data-label);position:absolute;left:12px;width:40%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:700;color:var(--text-soft);font-size:12px;text-transform:uppercase}.actions{justify-content:flex-end}.participants-container{overflow-x:visible}.participants-table,table{min-width:auto}.stepper{flex-direction:column;align-items:flex-start;gap:10px;padding:15px}.step{padding-left:36px;font-size:14px;min-height:auto}.deadline{width:100%}.meta{flex-wrap:wrap;justify-content:center;gap:10px}.event-card{flex-direction:column;text-align:center}.event-info h2{font-size:24px}.table-footer{grid-template-columns:1fr;gap:20px;text-align:center}.table-footer>div{display:flex;justify-content:center}.info-grid{grid-template-columns:1fr}.event-left{text-align:center}.event-left .grid{justify-items:center}}@media(max-width:480px){.logo{font-size:18px}.auth-card{padding:20px;border-radius:16px}.btn{padding:10px;font-size:14px}.competition-name{font-size:16px}.card{padding:15px}.badge-level{font-size:10px;padding:2px 6px}.admin-stats{grid-template-columns:1fr}}.admin-page .container{max-width:1200px;margin:40px auto;padding:0 20px;flex:1}.admin-tabs{display:flex;gap:8px;margin-bottom:20px}.admin-tabs button{padding:10px 18px;border-radius:999px;border:none;cursor:pointer;background:#e5e7eb;color:var(--secondary);font-weight:500;transition:.2s}.admin-tabs button.active{background:var(--gradient-main);color:#fff;box-shadow:0 6px 16px #2ec4b64d}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px;margin-bottom:25px}.stat{padding:20px;border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:6px;box-shadow:0 8px 20px #0000000f;border-left:6px solid transparent}.stat b{font-size:22px}.stat span{font-size:13px;color:#666}.stat.pending{border-color:#f59e0b;background:#fffbeb}.stat.approved{border-color:#10b981;background:#ecfdf5}.stat.rejected{border-color:#ef4444;background:#fef2f2}.stat.total{border-color:#6366f1;background:#f5f3ff}.filter-card{padding:20px;margin-bottom:20px}.filter-title{font-weight:600;margin-bottom:12px}.filter-row{display:flex;gap:12px;flex-wrap:wrap}.filter-row input{flex:1;min-width:200px}.filter-row select{width:180px}.card table{width:100%}th{background:#f8fafc;text-align:left;font-size:13px;color:#64748b}td{font-size:14px;border-top:1px solid #f1f5f9}tbody tr:hover{background:#f9fafb}.actions{display:flex;gap:8px}.nav{display:flex;gap:20px}.nav button{background:transparent;border:none;color:#fff;font-weight:500;cursor:pointer;opacity:.8;position:relative}.nav button.active{opacity:1}.nav button.active:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:2px;background:#fff;border-radius:2px}.modal-overlay{position:fixed;inset:0;z-index:999;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:100%;max-width:900px;max-height:90vh;background:#fff;border-radius:20px;display:flex;flex-direction:column;box-shadow:0 30px 80px #00000040;overflow:hidden}.modal.large{max-width:1000px}.modal-header{display:flex;padding:20px 24px;border-bottom:1px solid #f1f5f9;font-weight:600;font-size:18px;background:#fff;position:sticky;top:0;z-index:10;justify-content:space-between}.modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.full{grid-column:span 2}.dynamic-row{display:flex;gap:10px;align-items:center}.dynamic-row input{flex:1}.dynamic-row button{background:#ef4444;color:#fff;border:none;border-radius:8px;padding:6px 10px;cursor:pointer}textarea{min-height:100px;resize:vertical}.modal input,.modal select,.modal textarea{background:#f9fafb;border:1px solid #e5e7eb}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2ec4b626}.modal-actions{padding:16px 24px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:10px;background:#fff}.modal-actions .btn{width:auto;padding:10px 18px;font-size:14px;border-radius:10px}input[type=file]{padding:10px;background:#fff}.section-title{font-weight:600;margin-top:10px;margin-bottom:6px}.add-row{margin-top:8px}.dynamic-row button{background:#fee2e2;color:#dc2626;border:none;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:12px}.rows-per-page{display:grid;grid-template-columns:1fr auto;align-items:center;margin-left:auto;gap:10px}.rows-per-page select{appearance:none;padding:8px 28px 8px 12px;border-radius:14px;border:1px solid #e5e7eb;background:#f3f4f6;font-weight:500;color:#111827;cursor:pointer;transition:.2s}.rows-per-page select:hover{border-color:#cbd5f5}.rows-per-page select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}.label{font-size:14px;color:#6b7280}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px}.line{height:4px;border-radius:6px;width:60px;background:#e5e7eb}.border{border:1px solid #e5e7eb}.rounded{border-radius:.25rem}.rounded-sm{border-radius:.125rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-wrap{flex-wrap:wrap}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.items-center{align-items:center}.items-start{align-items:start}.items-end{align-items:end}.badge{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.badge-wrapper{display:inline-block}.wa-float{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 10px 25px #0003;z-index:9999;cursor:pointer;transition:transform .2s ease;text-decoration:none}.wa-float:hover{transform:scale(1.1)}.skeleton-preview{width:100%;height:500px}.skeleton-box{width:100%;height:100%;border-radius:8px;background:linear-gradient(90deg,#eee 25%,#ddd 37%,#eee 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.creation-info{display:flex;flex-direction:column;gap:4px}.datepicker-input{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(15,23,42,.08);background:#ffffff80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.2s;font-size:14px}.datepicker-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2ec4b633}.react-datepicker{font-family:inherit;border-radius:14px;border:1px solid rgba(15,23,42,.1);box-shadow:0 10px 25px #0000001a;overflow:hidden}.react-datepicker__header{background:var(--gradient-main)!important;border-bottom:none!important}.react-datepicker__current-month,.react-datepicker__day-name{color:#fff!important}.react-datepicker__day--selected,.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range{background-color:var(--primary)!important;color:#fff!important}.react-datepicker__day:hover{background-color:#2ec4b61a}.react-datepicker__navigation{background:transparent!important;border:none!important;top:12px!important}.react-datepicker__navigation-icon:before{border-color:#fff!important;border-width:2px 2px 0 0!important}.react-datepicker__navigation:hover{opacity:.7}.react-datepicker--with-range .react-datepicker__month-container{float:left}.checkbox-group-wrapper{display:flex;flex-direction:column;gap:8px}.checkbox-group-wrapper label{font-size:13px;font-weight:600;color:var(--text-soft)}.checkbox-group{display:flex;flex-wrap:wrap;gap:12px;padding:12px;background:#ffffff80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(15,23,42,.08);border-radius:10px}.checkbox-item{display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer;font-size:14px!important;color:var(--text-main)!important;-webkit-user-select:none;user-select:none}.checkbox-item input[type=checkbox]{width:18px!important;height:18px!important;cursor:pointer;accent-color:var(--primary)}.badge-level{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;display:inline-block}.badge-level.sd{background:linear-gradient(135deg,#3b82f6,#2563eb)}.badge-level.smp{background:linear-gradient(135deg,#10b981,#059669)}.badge-level.sma{background:linear-gradient(135deg,#f59e0b,#d97706)}.badge-level.mahasiswa{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.info{font-size:12px;color:var(--text-soft);font-weight:500}.info-row{display:flex;align-items:center;color:var(--text-soft);font-size:12px;font-weight:500;position:relative}.info-row:before{content:"";display:inline-block;width:4px;height:4px;background:#cbd5e1;border-radius:50%;margin-right:12px}.followed-badge{background:#10b9811a!important;color:#10b981!important;border:1px solid rgba(16,185,129,.2)!important;padding:3px 8px!important;font-size:11px!important;font-weight:600!important;border-radius:6px!important;text-transform:none!important}.badge.rejected{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.badge.pending{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}