@charset "UTF-8";:root{--primary-green:#4caf50;--primary-green-light:#66bb6a;--primary-green-dark:#45a049;--secondary-navy:#1e293b;--secondary-navy-light:#334155;--secondary-navy-dark:#0f172a;--gradient-primary:#4caf50;--gradient-secondary:linear-gradient(135deg,#66bb6a,#334155);--gradient-soft:linear-gradient(135deg,#4caf501a,#1e293b1a);--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--white:#fff;--black:#000;--success:#4caf50;--warning:#f59e0b;--error:#ef4444;--info:#1e293b;--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;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--font-family-sans:"Inter","Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--z-dropdown:1000;--z-modal:2000;--z-toast:3000;--z-tooltip:4000}:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;line-height:1.15;scroll-behavior:smooth}body{background:#f8fafc;background:var(--gray-50);color:#334155;color:var(--gray-700);font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-sans);font-size:16px;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:#1e293b;color:var(--gray-800);font-weight:600;line-height:1.3;margin:0}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{color:#475569;color:var(--gray-600);margin:0 0 1rem;margin:0 0 var(--spacing-md) 0}a{color:#4caf50;color:var(--primary-green);text-decoration:none;transition:.15s ease;transition:var(--transition-fast)}a:hover{color:#45a049;color:var(--primary-green-dark);text-decoration:underline}button{border:none;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;outline:none;transition:.15s ease;transition:var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius);color:#334155;color:var(--gray-700);font-family:inherit;font-size:inherit;line-height:inherit;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:.15s ease;transition:var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:#4caf50;border-color:var(--primary-green);box-shadow:0 0 0 3px #4caf501a;outline:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.rounded{border-radius:.5rem;border-radius:var(--radius)}.rounded-lg{border-radius:1rem;border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.transition{transition:.25s ease;transition:var(--transition-normal)}@media (max-width:768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--gray-300);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--gray-400)}::selection{background:#4caf5033;color:#1e293b;color:var(--gray-800)}:focus-visible{outline:2px solid #4caf50;outline:2px solid var(--primary-green);outline-offset:2px}@media print{*{background:#0000!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.modal-content{animation:modalSlideIn .3s ease-out;box-shadow:0 10px 25px #00000026}.modal-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding:24px 24px 0}.modal-header h2{color:#111827;font-size:24px}.close-button{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:8px;transition:background-color .2s}.close-button:hover{background-color:#f3f4f6}.close-button:active{background-color:#e5e7eb}.modal-body{padding:0 24px 24px}.profile-info{display:flex;flex-direction:column;gap:20px}.info-item{align-items:flex-start;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;gap:12px;padding:16px;transition:all .2s ease}.info-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.info-icon{color:#6b7280;flex-shrink:0;height:20px;width:20px}.info-content{display:flex;flex-direction:column;gap:4px;min-width:0}.info-label{color:#6b7280;font-size:14px;white-space:nowrap}.info-value{word-wrap:break-word;color:#111827;font-size:16px;font-weight:400;overflow-wrap:break-word}.role-info{align-items:center!important;flex-direction:row!important;justify-content:space-between}.role-badge{color:#fff;flex-shrink:0;font-size:14px;font-weight:500;padding:6px 12px;text-align:center;white-space:nowrap}.role-badge.admin{background-color:#dc2626}.role-badge.manager{background-color:#2563eb}.role-badge.user{background-color:#16a34a}@media (max-width:1400px){.modal-content{max-width:480px}.modal-header h2{font-size:22px}.info-value{font-size:15px}}@media (max-width:1200px){.modal-content{max-width:460px}.modal-header{margin-bottom:20px;padding:20px 20px 0}.modal-body{padding:0 20px 20px}.profile-info{gap:18px}.info-item{padding:14px}}@media (max-width:1024px){.modal-overlay{padding:.75rem}.modal-content{max-width:440px;width:95%}.modal-header h2{font-size:20px}.info-value{font-size:14px}.info-label,.role-badge{font-size:13px}.role-badge{padding:5px 10px}}@media (max-width:768px){.modal-overlay{align-items:flex-start;padding:2rem .5rem .5rem}.modal-content{margin:0;max-height:calc(100vh - 4rem);max-width:none;width:calc(100% - 1rem)}.modal-header{margin-bottom:16px;padding:16px 16px 0}.modal-header h2{font-size:18px}.close-button{min-height:36px;min-width:36px;padding:6px}.modal-body{padding:0 16px 16px}.profile-info{gap:16px}.info-item{gap:10px;padding:12px}.info-icon{height:18px;width:18px}.info-label{font-size:12px}.info-value{font-size:13px}.role-badge{font-size:12px;padding:4px 8px}}@media (max-width:480px){.modal-overlay{padding:1rem .25rem .25rem}.modal-content{border-radius:8px;max-height:calc(100vh - 2rem);width:calc(100% - .5rem)}.modal-header{margin-bottom:12px;padding:12px 12px 0}.modal-header h2{font-size:16px}.close-button{min-height:32px;min-width:32px;padding:4px}.modal-body{padding:0 12px 12px}.profile-info{gap:12px}.info-item{gap:8px;padding:10px}.info-icon{height:16px;width:16px}.info-label{font-size:11px}.info-value{font-size:12px}.role-badge{font-size:11px;padding:3px 6px}}@media (max-width:360px){.modal-overlay{padding:.5rem .125rem .125rem}.modal-content{border-radius:6px;max-height:calc(100vh - 1rem);width:calc(100% - .25rem)}.modal-header{margin-bottom:10px;padding:10px 10px 0}.modal-header h2{font-size:15px}.close-button{min-height:28px;min-width:28px;padding:3px}.modal-body{padding:0 10px 10px}.profile-info{gap:10px}.info-item{gap:6px;padding:8px}.info-icon{height:14px;width:14px}.info-label{font-size:10px}.info-value{font-size:11px}.role-badge{font-size:10px;padding:2px 5px}}@media (max-width:768px) and (orientation:landscape){.modal-overlay{align-items:center;padding:.5rem}.modal-content{max-height:calc(100vh - 1rem)}.modal-header{margin-bottom:12px;padding:12px 16px 0}.modal-header h2{font-size:16px}.modal-body{padding:0 16px 12px}.profile-info{gap:12px}.info-item{padding:10px}}@media (hover:none) and (pointer:coarse){.close-button{min-width:44px}.close-button,.info-item{min-height:44px}.info-item:hover{background-color:#f9fafb;border-color:#e5e7eb}.close-button:hover{background-color:initial}.close-button:active{background-color:#f3f4f6}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.info-item,.modal-content{border-width:.5px}.modal-header{border-bottom-width:.5px}}@media print{.modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;padding:0;position:static}.modal-content{border:1px solid #ccc;box-shadow:none;max-height:none;overflow:visible}.close-button{display:none}.modal-header{border-bottom:1px solid #ccc}.modal-header h2{color:#000}.info-item{background:#f9f9f9;border:1px solid #ccc}.info-label{color:#333}.info-value{color:#000}}@media (prefers-reduced-motion:reduce){.modal-content{animation:none}.close-button,.info-item{transition:none}.info-item:hover{background-color:#f9fafb;border-color:#e5e7eb}.close-button:hover{background-color:initial}}.close-button:focus,.info-item:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.header{background-color:#fff!important;box-shadow:0 2px 10px #0000001a!important;display:block!important;height:auto!important;left:0!important;position:fixed!important;right:0!important;top:0!important;transform:translateY(0)!important;z-index:9999!important}.header,.header-content{min-height:70px!important;opacity:1!important;visibility:visible!important}.header-content{display:flex!important;height:100%!important}.header-left{z-index:1!important}.header-left,.header-right{display:flex!important;opacity:1!important;visibility:visible!important}.header-right{flex-wrap:nowrap;justify-content:flex-end;transform:translateZ(0);z-index:2!important}.header-center{align-items:center;display:flex;justify-content:center;width:100%}.logo{display:block!important;opacity:1!important;visibility:visible!important}.profil-button{background:linear-gradient(45deg,#3b82f6,#1d4ed8);border:none;border-radius:20px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.profil-button:hover{background:linear-gradient(45deg,#1d4ed8,#3b82f6);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.profil-button:active{box-shadow:0 2px 8px #3b82f64d;transform:translateY(0)}.login-button{display:inline-flex!important;margin-left:auto;opacity:1!important;visibility:visible!important}.login-button:hover{background:linear-gradient(45deg,#1b5e20,#2e7d32);border:2px solid #ffffff4d;box-shadow:0 6px 20px #4caf5080;color:#fff}.profil-icon-button{-webkit-appearance:none;appearance:none;display:flex!important;font-size:1.5rem;margin-left:auto;opacity:1!important;padding:.5rem;transition:background-color .2s ease;visibility:visible!important;z-index:3!important}.profil-icon-button:hover{background-color:#f3f4f6}.profil-dropdown-menu{background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 12px #00000026;margin-top:.5rem;min-width:150px;top:100%;transform:translateZ(0);z-index:1001}.profil-dropdown-item{color:#1e293b;display:block;font-family:inherit;font-size:.9rem;padding:.75rem 1rem;transition:background-color .2s ease;width:90%}.profil-dropdown-item:hover{background-color:#f3f4f6}.header-row-mobile{align-items:center;display:flex;gap:8px;justify-content:space-between;width:100%}.header-title-mobile{color:#1e293b;flex:1 1 auto;font-size:1rem;font-weight:600;margin:0 auto;text-align:center;white-space:nowrap}.mobile-profile-wrapper{align-items:center;display:flex;justify-content:flex-end;position:relative}@media (max-width:768px){.header-title-mobile{font-size:.95rem}}@media (max-width:480px){.header-title-mobile{font-size:.9rem}}@media (max-width:360px){.header-title-mobile{font-size:.85rem}}@media (max-width:1200px){.header-content{max-width:100%;padding:.5rem 2rem}.header-left{left:0;position:relative}.header-title{font-size:1.2rem}.logo{height:55px}.welcome-text{font-size:.85rem}.logout-button,.profil-button{font-size:.8rem;padding:.4rem .8rem}}@media (max-width:1024px){.header-center{margin-left:150px}.header-title{font-size:1.1rem}.logo{height:50px}.login-button{font-size:.9rem;padding:.5rem 1.2rem}.user-welcome{gap:.5rem}.welcome-text{font-size:.8rem}.logout-button,.profil-button{font-size:.75rem;padding:.3rem .7rem}}@media (max-width:768px){.header,.header-content{min-height:50px!important}.header-content{align-items:center;justify-content:space-between;padding:.5rem 1rem}.header-left{flex:0 0 auto;left:auto;position:static;z-index:1}.header-center,.header-title{display:none}.logo{height:45px}.login-button{display:inline-flex!important;opacity:1!important;visibility:visible!important}.logout-button,.profil-button,.user-welcome,.welcome-text{display:none}.profil-icon-button{display:flex!important;opacity:1!important;visibility:visible!important}.profil-dropdown-menu{display:block!important;visibility:visible!important}.header-right{flex:0 0 auto;flex-wrap:nowrap;justify-content:flex-end!important;margin-left:auto;z-index:2}}@media (max-width:480px){.header{padding:.2rem 0}.header,.header-content{min-height:50px!important}.header-content{align-items:center;justify-content:space-between;padding:.3rem .8rem}.header-left{flex:0 0 auto;left:auto;position:static;z-index:1}.header-center,.header-title{display:none}.logo{height:40px}.login-button{display:inline-flex!important;opacity:1!important;visibility:visible!important}.logout-button,.profil-button,.user-welcome,.welcome-text{display:none}.profil-icon-button{display:flex!important;opacity:1!important;visibility:visible!important}.profil-dropdown-menu{display:block!important;visibility:visible!important}.header-right{flex:0 0 auto;justify-content:flex-end!important;margin-left:auto;z-index:2}}@media (max-width:360px){.header{padding:.1rem 0}.header,.header-content{min-height:60px!important}.header-content{align-items:center;justify-content:space-between;padding:.2rem .5rem}.header-left{flex:0 0 auto;left:auto;position:static;z-index:1}.header-center,.header-title{display:none}.logo{height:35px}.login-button{display:inline-flex!important;opacity:1!important;visibility:visible!important}.logout-button,.profil-button,.user-welcome,.welcome-text{display:none}.profil-icon-button{display:flex!important;opacity:1!important;visibility:visible!important}.profil-dropdown-menu{display:block!important;visibility:visible!important}.header-right{flex:0 0 auto;justify-content:flex-end!important;margin-left:auto;z-index:2}}@media (max-width:768px) and (orientation:landscape){.header{padding:.1rem 0}.header-content{padding:.2rem 1rem}.logo{height:40px}.header-title{display:none}}@media screen and (-webkit-min-device-pixel-ratio:0){.profil-icon-button{opacity:1!important}.header-right,.profil-icon-button{display:flex!important;visibility:visible!important}.profil-dropdown-menu{display:block!important;visibility:visible!important}}@media (min-width:769px){.profil-icon-button{display:flex!important;opacity:1!important;visibility:visible!important}}@supports (-webkit-appearance:none){.profil-icon-button{-webkit-user-select:none;user-select:none}}@media (max-width:1400px){.feedback-button{font-size:clamp(11px,1.6vw,13px)!important;padding:clamp(7px,1.3vw,10px) clamp(14px,2.2vw,18px)!important}}@media (max-width:1200px){.feedback-button{font-size:clamp(10px,1.5vw,12px)!important;padding:clamp(6px,1.2vw,9px) clamp(12px,2vw,16px)!important}}@media (max-width:1024px){.feedback-button{font-size:clamp(9px,1.4vw,11px)!important;padding:clamp(5px,1.1vw,8px) clamp(10px,1.8vw,14px)!important}.notif-panel{max-height:360px;right:-15px;width:280px}.notif-panel .notif-item{font-size:14px;padding:14px 16px 8px}.notif-panel .notif-title{font-size:15px}.notif-panel .notif-message{font-size:14px}.notif-panel .notif-date{font-size:12px}}@media (max-width:900px){.feedback-button{font-size:clamp(8px,1.3vw,10px)!important;padding:clamp(4px,1vw,7px) clamp(8px,1.6vw,12px)!important}.notif-panel{max-height:320px;right:-20px;width:240px}.notif-panel .notif-item{font-size:13px;padding:12px 14px 6px}.notif-panel .notif-title{font-size:14px}.notif-panel .notif-message{font-size:13px}.notif-panel .notif-date{font-size:11px}}@media (max-width:768px){.feedback-button{font-size:clamp(7px,1.2vw,9px)!important;min-width:80px!important;padding:clamp(3px,.8vw,6px) clamp(6px,1.4vw,10px)!important}.notif-panel{max-height:300px;right:-25px;width:220px}.notif-panel .notif-item{font-size:12px;padding:10px 12px 5px}.notif-panel .notif-title{font-size:13px}.notif-panel .notif-message{font-size:12px}.notif-panel .notif-date{font-size:10px}}@media (max-width:600px){.feedback-button{font-size:clamp(6px,1.1vw,8px)!important;min-width:70px!important;padding:clamp(2px,.7vw,5px) clamp(4px,1.2vw,8px)!important}.notif-panel{max-height:280px;right:-30px;width:200px}.notif-panel .notif-item{font-size:11px;padding:8px 10px 4px}.notif-panel .notif-title{font-size:12px}.notif-panel .notif-message{font-size:11px}.notif-panel .notif-date{font-size:9px}}@media (max-width:480px){.mobile-menu-button{display:block}.nav-menu{display:none}.mobile-menu-open .nav-menu{background:#1a237e;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;left:0;padding:1rem;position:absolute;right:0;top:100%;z-index:999}.notif-panel{max-height:220px;right:-45px;top:45px;width:150px}.notif-panel>div{font-size:.65rem;padding:4px 5px}.notif-empty,.notif-error,.notif-loading{font-size:.65rem;padding:5px}.notif-panel .notif-item{font-size:.65rem;padding:5px 6px 2px}.notif-panel .notif-title{font-size:.7rem;margin-bottom:2px}.notif-panel .notif-message{font-size:.65rem;margin-bottom:2px}.notif-panel .notif-date{font-size:.6rem}}@media (max-width:420px){.notif-panel{max-height:200px;right:-50px;top:44px;width:140px}.notif-panel>div{font-size:.6rem;padding:3px 4px}.notif-empty,.notif-error,.notif-loading{font-size:.6rem;padding:4px}.notif-panel .notif-item{font-size:.6rem;padding:4px 5px 2px}.notif-panel .notif-title{font-size:.65rem;margin-bottom:2px}.notif-panel .notif-message{font-size:.6rem;margin-bottom:2px}.notif-panel .notif-date{font-size:.55rem}}@media (max-width:360px){.feedback-button{font-size:9px!important;min-width:70px!important;padding:3px 6px!important}.notif-panel{max-height:220px;right:-45px;top:42px;width:160px}.notif-panel>div{font-size:.6rem;padding:3px 4px}.notif-empty,.notif-error,.notif-loading{font-size:.6rem;padding:4px}.notif-panel .notif-item{font-size:.6rem;padding:4px 5px 2px}.notif-panel .notif-title{font-size:.65rem;margin-bottom:2px}.notif-panel .notif-message{font-size:.6rem;margin-bottom:2px}.notif-panel .notif-date{font-size:.55rem}}@media (max-width:768px) and (orientation:landscape){.mobile-menu-open .nav-menu{max-height:60vh;overflow-y:auto;padding:.5rem}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__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-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid #0000;box-sizing:initial;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.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:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.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){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.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{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.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{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;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;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.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{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.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{background-color:#f0f0f0;cursor:pointer}.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{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.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,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.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{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted: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{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .holiday-overlay,.react-datepicker__month-text--holidays .holiday-overlay,.react-datepicker__quarter-text--holidays .holiday-overlay,.react-datepicker__year-text--holidays .holiday-overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .holiday-overlay,.react-datepicker__month-text--holidays:hover .holiday-overlay,.react-datepicker__quarter-text--holidays:hover .holiday-overlay,.react-datepicker__year-text--holidays:hover .holiday-overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected: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{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.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__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__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__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__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__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__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__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{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-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-year-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__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.event-request-form{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:800px;padding:20px}.form-header{border-bottom:2px solid #4caf50;margin-bottom:30px;padding-bottom:20px}.form-header-left{align-items:flex-start;display:flex;flex-direction:column;gap:10px}.form-header-left h1{color:#1e293b;font-size:1.8rem;font-weight:600;line-height:1.4;margin:0}.form-header-left p{color:#64748b;font-size:1rem;margin:0}.form-logo{height:80px;margin-bottom:15px}.form-header h1{color:#1e293b;font-size:1.8rem;font-weight:600;line-height:1.4;margin:0}.progress-bar{background-color:#e2e8f0;margin-bottom:30px;position:relative}.progress-fill{background:linear-gradient(90deg,#4caf50,#45a049)}.progress-text{color:#64748b;position:absolute;right:0;top:15px}.form-container{background:#fff}.form-step{min-height:400px;padding:20px 0}.form-step h3{align-items:center;border-bottom:1px solid #e2e8f0;color:#1e293b;display:flex;font-size:1.4rem;font-weight:600;gap:10px;margin-bottom:25px;padding-bottom:10px}.step-icon{color:#4caf50;height:24px;width:24px}.step-description{background:#f8fafc;border-left:3px solid #4caf50;border-radius:8px;color:#64748b;font-size:.95rem;font-style:italic;margin-bottom:20px;padding:12px 16px}.form-row{flex-wrap:wrap;gap:20px;margin-bottom:20px}.form-group{flex:1 1;min-width:250px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.form-group.full-width{grid-column:1/-1}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:25px;padding:25px}.form-section h2{border-bottom:2px solid #4caf50;color:#1e293b;font-size:1.4rem;font-weight:600;margin:0 0 20px;padding-bottom:10px}.form-actions{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:20px;margin-top:30px;padding:20px}.back-btn{background:#f8fafc;border:2px solid #e2e8f0;color:#64748b;font-size:1rem;padding:12px 20px;text-decoration:none}.back-btn:hover{background:#e2e8f0;color:#475569}.submit-btn{align-items:center;background:linear-gradient(45deg,#4caf50,#45a049);box-shadow:0 4px 15px #4caf504d;display:flex;font-size:1.1rem;gap:8px;justify-content:center;min-width:200px;padding:14px 30px}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #4caf5066}.submit-btn:disabled{opacity:.6}.event-form-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:20px 0;padding:30px}.form-group.half{flex-basis:calc(50% - 10px);flex-grow:0;flex-shrink:0;min-width:200px}.form-group.third{flex-basis:calc(33.333% - 15px);flex-grow:0;flex-shrink:0;min-width:150px}.form-group label{font-size:.95rem}.form-group label .required{color:#ef4444;font-weight:600;margin-left:3px}.form-group label .required-text{color:#ef4444;font-size:.85rem;font-weight:500;margin-left:5px}.form-input,.form-select,.form-textarea{background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none}.form-input.disabled,.form-input:disabled,.form-select.disabled,.form-select:disabled,.form-textarea.disabled,.form-textarea:disabled{background-color:#f8f9fa;border-color:#dee2e6;color:#6c757d;cursor:not-allowed;opacity:.7}.form-input.disabled:focus,.form-input:disabled:focus,.form-select.disabled:focus,.form-select:disabled:focus,.form-textarea.disabled:focus,.form-textarea:disabled:focus{border-color:#dee2e6;box-shadow:none}.venue-selected-note{color:#6c757d;font-size:.8rem;font-style:italic;font-weight:400;margin-left:8px}.venue-info-box{align-items:flex-start;background-color:#e3f2fd;border:1px solid #2196f3;border-radius:8px;display:flex;gap:12px;margin:16px 0;padding:16px}.info-icon{font-size:20px;margin-top:2px}.info-content{flex:1 1}.info-content strong{color:#1976d2;display:block;font-size:14px;margin-bottom:4px}.info-content p{color:#424242;font-size:13px;line-height:1.4;margin:8px 0}.venue-selection-link{background-color:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-top:8px;padding:8px 16px;transition:all .2s}.venue-selection-link:hover{background-color:#1976d2;transform:translateY(-1px)}.form-textarea{min-height:100px;resize:vertical}.form-checkbox{accent-color:#4caf50;margin-right:8px;transform:scale(1.2);width:auto!important}.form-checkbox:focus{outline:2px solid #4caf50;outline-offset:2px}.react-datepicker-wrapper{width:100%}.react-datepicker__input-container input{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.react-datepicker__input-container input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.react-datepicker__input-container input.disabled,.react-datepicker__input-container input:disabled{background-color:#f8f9fa;border-color:#dee2e6;color:#6c757d;cursor:not-allowed;opacity:.7}.react-datepicker__input-container input.disabled:focus,.react-datepicker__input-container input:disabled:focus{border-color:#dee2e6;box-shadow:none}.form-navigation{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:20px;justify-content:space-between;margin-top:40px;min-height:60px;padding-top:20px}.form-navigation.first-step,.navigation-right{justify-content:flex-end}.navigation-right{display:flex;min-width:140px}.btn{min-width:120px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(45deg,#4caf50,#45a049);box-shadow:0 4px 15px #4caf504d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.btn-success{background:linear-gradient(45deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.speakers-section{margin-top:20px}.speakers-section h4{border-bottom:2px solid #e2e8f0;color:#374151;font-size:1.1rem;font-weight:600;margin-bottom:16px;padding-bottom:8px}.speaker-form{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #4caf50;border-radius:12px;margin-bottom:16px;padding:20px}.speaker-form h5{align-items:center;color:#4caf50;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 16px}.speaker-form h5:before{content:"👤";font-size:1.2rem}.staff-section{margin-top:20px}.staff-section h4{border-bottom:2px solid #e2e8f0;color:#374151;font-size:1.1rem;font-weight:600;margin-bottom:16px;padding-bottom:8px}.staff-form{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #3b82f6;border-radius:12px;margin-bottom:16px;padding:20px}.staff-form h5{align-items:center;color:#3b82f6;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 16px}.staff-form h5:before{content:"👷";font-size:1.2rem}.error{color:#ef4444;display:block;font-size:.875rem;font-weight:500;margin-top:4px}.error-message{background:#fef2f2;border:1px solid #fecaca;border-left:3px solid #ef4444;margin-top:15px}@media (max-width:1400px){.event-request-form{margin:0 auto;max-width:90%}.form-grid{gap:18px;grid-template-columns:repeat(2,1fr)}.form-section{padding:22px}.form-header h1,.form-header-left h1{font-size:1.6rem}}@media (max-width:1200px){.event-request-form{max-width:95%;padding:18px}.form-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.form-section{margin-bottom:22px;padding:20px}.form-section h2{font-size:1.3rem}.form-header h1,.form-header-left h1{font-size:1.5rem}.form-step h3{font-size:1.3rem}.form-input,.form-select,.form-textarea{font-size:.95rem;padding:11px 14px}.btn{font-size:.95rem;padding:11px 20px}}@media (max-width:1024px){.event-request-form{margin:8px;max-width:98%;padding:16px}.form-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.form-group.full-width{grid-column:1/-1}.form-section{margin-bottom:20px;padding:18px}.form-section h2{font-size:1.2rem;margin-bottom:18px}.form-header{margin-bottom:25px;padding-bottom:18px}.form-header h1,.form-header-left h1{font-size:1.4rem}.form-header-left p{font-size:.95rem}.form-logo{height:70px}.form-step{min-height:350px;padding:18px 0}.form-step h3{font-size:1.2rem;margin-bottom:20px}.step-description{font-size:.9rem;padding:10px 14px}.form-input,.form-select,.form-textarea{font-size:.9rem;padding:10px 12px}.form-textarea{min-height:90px}.form-navigation{gap:18px;margin-top:35px;padding-top:18px}.btn{font-size:.9rem;min-width:110px;padding:10px 18px}.submit-btn{font-size:1rem;min-width:180px;padding:12px 25px}.back-btn{font-size:.9rem;padding:10px 18px}.form-actions{gap:18px;padding:18px}.speaker-form,.staff-form{margin-bottom:14px;padding:18px}.speaker-form h5,.staff-form h5{font-size:.95rem;margin-bottom:14px}.catering-bar{margin-bottom:12px;padding:18px}.catering-header h4{font-size:1.1rem}.btn-add{font-size:.85rem;padding:7px 14px}}@media (max-width:768px){.event-request-form{border-radius:10px;margin:8px;padding:14px}.form-header{margin-bottom:22px;padding-bottom:16px}.form-header h1,.form-header-left h1{font-size:1.3rem;line-height:1.3}.form-header-left p{font-size:.9rem}.form-logo{height:60px;margin-bottom:12px}.form-row{flex-direction:column;gap:14px}.form-group.half,.form-group.third{flex:1 1;min-width:100%}.form-step{min-height:auto;padding:14px 0}.form-step h3{font-size:1.1rem;gap:8px;margin-bottom:18px}.step-icon{height:20px;width:20px}.step-description{font-size:.85rem;margin-bottom:18px;padding:10px 12px}.form-grid{gap:14px;grid-template-columns:1fr}.form-group.full-width{grid-column:1/-1}.form-section{border-radius:10px;margin-bottom:18px;padding:16px}.form-section h2{font-size:1.2rem;margin-bottom:14px}.form-group label{font-size:.9rem;margin-bottom:6px}.form-input,.form-select,.form-textarea{font-size:.9rem;padding:9px 12px}.form-textarea{min-height:80px}.form-navigation{flex-direction:column;gap:14px;margin-top:30px;min-height:auto;padding-top:16px}.navigation-right{justify-content:center;min-width:auto;width:100%}.btn{font-size:.9rem}.btn,.submit-btn{min-width:auto;padding:12px 18px;width:100%}.submit-btn{font-size:.95rem}.back-btn{font-size:.9rem;justify-content:center;margin-bottom:0;padding:12px 18px;width:100%}.form-actions{flex-direction:column;gap:14px;padding:16px}.event-form-container{margin:10px 0;padding:8px}.speaker-form,.staff-form{margin-bottom:12px;padding:16px}.speaker-form h5,.staff-form h5{font-size:.9rem;margin-bottom:12px}.catering-bar{align-items:stretch;flex-direction:column;margin-bottom:12px;padding:16px}.catering-bar-content{flex-direction:column;gap:14px}.catering-header{align-items:stretch;flex-direction:column;gap:12px}.catering-header h4{font-size:1rem}.btn-add{align-self:flex-start;font-size:.8rem;padding:6px 12px}.btn-remove{font-size:1.1rem;height:36px;width:36px}.progress-text{font-size:.85rem;margin-top:8px;position:static;text-align:center}.form-group label input[type=checkbox]{transform:scale(1.2)}.react-datepicker__input-container input{font-size:.9rem;padding:9px 12px}}@media (max-width:480px){.event-request-form{border-radius:8px;margin:4px;padding:12px}.form-header{margin-bottom:20px;padding-bottom:14px}.form-header h1,.form-header-left h1{font-size:1.2rem;line-height:1.3}.form-header-left p{font-size:.85rem}.form-logo{height:50px;margin-bottom:10px}.form-step{padding:12px 0}.form-step h3{font-size:1rem;gap:6px;margin-bottom:16px}.step-icon{height:18px;width:18px}.step-description{font-size:.8rem;margin-bottom:16px;padding:8px 10px}.form-grid{gap:12px}.form-section{border-radius:8px;margin-bottom:16px;padding:12px}.form-section h2{font-size:1.1rem;margin-bottom:12px}.form-group label{font-size:.85rem;margin-bottom:5px}.form-input,.form-select,.form-textarea{font-size:.85rem;padding:8px 10px}.form-textarea{min-height:70px}.form-navigation{gap:12px;margin-top:25px;padding-top:14px}.btn{font-size:.85rem}.btn,.submit-btn{padding:10px 16px}.submit-btn{font-size:.9rem}.back-btn{font-size:.85rem;padding:10px 16px}.form-actions{gap:12px;padding:12px}.event-form-container{padding:4px}.speaker-form,.staff-form{margin-bottom:10px;padding:12px}.speaker-form h5,.staff-form h5{font-size:.85rem;margin-bottom:10px}.catering-bar{margin-bottom:10px;padding:12px}.catering-header h4{font-size:.95rem}.btn-add{font-size:.75rem;padding:5px 10px}.btn-remove{font-size:1rem;height:32px;width:32px}.progress-text{font-size:.8rem;margin-top:6px}.form-group label input[type=checkbox]{transform:scale(1.1)}.react-datepicker__input-container input{font-size:.85rem;padding:8px 10px}.error-message{padding:8px 10px}.error,.error-message{font-size:.8rem}}@media (max-width:360px){.event-request-form{border-radius:6px;margin:2px;padding:10px}.form-header{margin-bottom:18px;padding-bottom:12px}.form-header h1,.form-header-left h1{font-size:1.1rem;line-height:1.2}.form-header-left p{font-size:.8rem}.form-logo{height:45px;margin-bottom:8px}.form-step{padding:10px 0}.form-step h3{font-size:.95rem;gap:5px;margin-bottom:14px}.step-icon{height:16px;width:16px}.step-description{font-size:.75rem;margin-bottom:14px;padding:6px 8px}.form-grid{gap:10px}.form-section{border-radius:6px;margin-bottom:14px;padding:10px}.form-section h2{font-size:1rem;margin-bottom:10px}.form-group label{font-size:.8rem;margin-bottom:4px}.form-input,.form-select,.form-textarea{font-size:.8rem;padding:6px 8px}.form-textarea{min-height:60px}.form-navigation{gap:10px;margin-top:20px;padding-top:12px}.btn{font-size:.8rem;padding:8px 12px}.submit-btn{font-size:.85rem;padding:8px 12px}.back-btn{font-size:.8rem;padding:8px 12px}.form-actions{gap:10px;padding:10px}.event-form-container{margin:8px 0;padding:2px}.speaker-form,.staff-form{margin-bottom:8px;padding:10px}.speaker-form h5,.staff-form h5{font-size:.8rem;margin-bottom:8px}.catering-bar{margin-bottom:8px;padding:10px}.catering-header h4{font-size:.9rem}.btn-add{font-size:.7rem;padding:4px 8px}.btn-remove{font-size:.9rem;height:28px;width:28px}.progress-text{font-size:.75rem;margin-top:4px}.form-group label input[type=checkbox]{transform:scale(1.05)}.react-datepicker__input-container input{font-size:.8rem;padding:6px 8px}.error-message{padding:6px 8px}.error,.error-message{font-size:.75rem}}@media (max-width:768px) and (orientation:landscape){.event-request-form{max-height:95vh;overflow-y:auto}.form-step{min-height:auto}.form-navigation{background:#f8fafc;border-top:1px solid #e2e8f0;bottom:0;margin-top:15px;padding-top:10px;position:-webkit-sticky;position:sticky}}@media (hover:none) and (pointer:coarse){.back-btn,.btn,.form-input,.form-select,.form-textarea,.submit-btn{min-height:44px}.form-group label{align-items:center;display:flex;min-height:20px}.form-checkbox{min-height:20px;min-width:20px}.btn-remove{min-height:44px;min-width:44px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.back-btn,.btn,.event-request-form,.form-input,.form-section,.form-select,.form-textarea,.submit-btn{border-width:.5px}}@media print{.event-request-form{border:1px solid #ccc;box-shadow:none}.form-actions,.form-navigation{display:none}.form-section{border:1px solid #ccc;box-shadow:none;page-break-inside:avoid}.form-section h2{border-bottom:2px solid #000}.form-group label{font-weight:700}}.form-step{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.form-group label input[type=checkbox]{margin-right:10px;transform:scale(1.3)}.form-group label{cursor:pointer;-webkit-user-select:none;user-select:none}.form-group label:hover{color:#4caf50}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.loading{opacity:.7;pointer-events:none}.success-message{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46;margin-bottom:20px;padding:12px 16px}.modal-overlay{background-color:#0009;height:100%;padding:20px;width:100%}.summary-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.modal-header{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:16px 16px 0 0;color:#fff;padding:30px;text-align:center}.modal-header h2{font-size:1.8rem;font-weight:600;margin:0 0 10px}.modal-header .success-message{background:#0000;border:none;color:#e8f5e8;font-size:1.1rem;font-weight:500;margin:0;padding:0}.modal-content{padding:30px}.summary-section{border-bottom:1px solid #e2e8f0;margin-bottom:25px;padding-bottom:20px}.summary-section:last-of-type{border-bottom:none;margin-bottom:0}.summary-section h3{align-items:center;color:#1e293b;display:flex;font-size:1.3rem;font-weight:600;gap:8px;margin:0 0 15px}.summary-item{background:#f8fafc;border-left:3px solid #4caf50;border-radius:8px;margin-bottom:8px;padding:12px 16px}.summary-item:last-child{margin-bottom:0}.summary-item strong{color:#374151;display:inline-block;font-weight:600;min-width:120px}.summary-footer{background:#f1f5f9;border-radius:12px;margin-top:20px;padding:20px}.footer-note{color:#64748b;font-size:.95rem;line-height:1.6;margin:0;text-align:center}.modal-footer{background:#f8fafc;border-radius:0 0 16px 16px;padding:25px 30px;text-align:center}.btn-large{font-size:1.1rem;font-weight:600;min-width:200px;padding:15px 40px}@media (max-width:768px){.modal-overlay{padding:10px}.summary-modal{max-height:95vh}.modal-header{padding:20px}.modal-header h2{font-size:1.5rem}.modal-content{padding:20px}.summary-item strong{display:block;margin-bottom:4px;min-width:auto}.modal-footer{padding:20px}.btn-large{min-width:auto;width:100%}}.readonly-field{background-color:#f8fafc!important;border-color:#e2e8f0!important;color:#64748b!important;cursor:not-allowed!important}.readonly-field:focus{border-color:#e2e8f0!important;box-shadow:none!important}.catering-bars-container,.catering-header{margin-bottom:20px}.catering-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding-bottom:10px}.catering-header h4{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0}.btn-add{background:linear-gradient(45deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.btn-add:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.catering-bar{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:15px;margin-bottom:15px;padding:20px;transition:all .3s ease}.catering-bar:hover{border-color:#4caf50;box-shadow:0 4px 12px #4caf501a}.catering-bar-content{align-items:flex-end;display:flex;flex:1 1;gap:20px}.catering-bar-content .form-group{flex:1 1;min-width:150px}.catering-bar-content .form-group label{color:#374151;font-size:.9rem;font-weight:500;margin-bottom:6px}.btn-remove{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.btn-remove:hover:not(:disabled){background:#dc2626;transform:scale(1.1)}.btn-remove:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}@media (max-width:768px){.catering-bar{align-items:stretch;flex-direction:column}.catering-bar-content,.catering-header{flex-direction:column;gap:15px}.catering-header{align-items:stretch}.btn-add{align-self:flex-start}}.summary-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-bottom:10px}.summary-grid-item{align-items:flex-start;background:#f8fafc;border-left:4px solid #4caf50;border-radius:10px;display:flex;gap:12px;min-height:70px;padding:14px 16px}.summary-icon{color:#4caf50;flex-shrink:0;font-size:2rem;margin-right:4px}.summary-label{color:#64748b;font-size:.98rem;font-weight:500;margin-bottom:2px}.summary-value{color:#1e293b;font-size:1.13rem;font-weight:600}.summary-value.highlight{color:#256029;font-size:1.22rem;font-weight:700}.summary-badge{background:#e0f2fe;border-left:4px solid #0ea5e9;border-radius:8px;color:#0369a1;display:inline-block;font-size:1rem;font-weight:600;margin:6px 8px 6px 0;padding:8px 16px}.summary-badge span{color:#0c4a6e;font-weight:700}.summary-speaker-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.summary-speaker-card{background:#f1f5f9;border-left:3px solid #4caf50;border-radius:8px;margin-bottom:0;padding:10px 14px}.summary-speaker-detail{color:#64748b;font-size:.97rem;margin-left:2px}@media (max-width:600px){.summary-grid{gap:10px;grid-template-columns:1fr}.summary-grid-item{align-items:flex-start;flex-direction:column;padding:10px}}.sidebar{background:#003a57;z-index:9999}.sidebar-menu{margin-top:26px}.sidebar-item{margin:.7rem 0;padding:1.5rem 1rem;width:calc(100% - .5rem)}.sidebar-item:hover{padding-right:1.5rem;transform:translateX(5px);width:calc(100% - .5rem)}.sidebar-item.active,.sidebar-item:hover{background-color:#4caf501a;border-left:4px solid #4caf50}.sidebar-toggle{background:#203552;z-index:9999}.sidebar-toggle.hidden{opacity:0;transform:scale(.8);visibility:hidden}.sidebar-toggle:hover{background:#2a3f5c}@media (max-width:1024px){.sidebar{width:240px}.content{margin-left:240px;width:calc(100% - 240px)}}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:280px}.sidebar.open{transform:translateX(0)}.content{margin-left:0;padding:15px;width:100%}.sidebar-toggle{display:block}.sidebar-item{margin:.5rem 0;padding:1rem .8rem}.sidebar-label{font-size:.9rem}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:98}.sidebar-overlay.open{display:block}}@media (max-width:480px){.sidebar{height:calc(100vh - 50px);top:50px;width:260px}.sidebar-toggle{left:5px;top:60px}.content{padding:10px}.sidebar-item{margin:.4rem 0;padding:.8rem .7rem}.sidebar-icon{height:18px;margin-right:10px;width:18px}.sidebar-label{font-size:.85rem}}@media (max-width:360px){.sidebar{width:240px}.sidebar-item{padding:.7rem .6rem}.sidebar-label{font-size:.8rem}.sidebar-icon{height:16px;margin-right:8px;width:16px}}@media (max-width:768px) and (orientation:landscape){.sidebar{width:220px}.sidebar-toggle{top:50px}}@media (hover:none) and (pointer:coarse){.sidebar-item:hover{background-color:initial}.sidebar-item:active{background-color:#4caf501a;border-left:4px solid #4caf50;transform:translateX(5px)}}.content-with-sidebar{transition:margin-left .3s ease}.venue-choice-container{margin:0 auto;max-width:1000px;padding:40px 20px}.choice-header{margin-bottom:50px;text-align:center}.choice-header h1{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:10px}.choice-header p{color:#7f8c8d;font-size:18px;line-height:1.5;margin:0 auto;max-width:600px}.choice-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:40px}.choice-card{background:#fff;border:2px solid #e0e0e0;border-radius:16px;cursor:pointer;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .3s ease}.choice-card:before{background:linear-gradient(90deg,#e74c3c,#c0392b);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.choice-card:hover:before{transform:scaleX(1)}.choice-card:hover{transform:translateY(-8px)}.choice-card.venue-needed:hover,.choice-card:hover{border-color:#e74c3c;box-shadow:0 12px 30px #e74c3c26}.choice-card.no-venue:hover{border-color:#3498db;box-shadow:0 12px 30px #3498db26}.choice-card.no-venue:before{background:linear-gradient(90deg,#3498db,#2980b9)}.card-icon{align-items:center;border-radius:50%;height:80px;margin:0 auto 20px;transition:all .3s ease;width:80px}.venue-needed .card-icon{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.no-venue .card-icon{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.choice-card:hover .card-icon{transform:scale(1.1)}.choice-card h2{color:#2c3e50;font-size:22px;font-weight:600;margin-bottom:15px}.choice-card>p{color:#7f8c8d;font-size:16px;line-height:1.5;margin-bottom:25px}.card-features{display:flex;flex-direction:column;gap:12px;margin-bottom:25px;text-align:left}.feature{align-items:center;color:#666;display:flex;font-size:14px;gap:10px}.venue-needed .feature svg{color:#e74c3c}.no-venue .feature svg{color:#3498db}.card-action{align-items:center;border-top:1px solid #f0f0f0;color:#2c3e50;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:auto;padding-top:15px;transition:all .3s ease}.venue-needed:hover .card-action{color:#e74c3c}.no-venue:hover .card-action{color:#3498db}.card-action svg{transition:transform .3s ease}.choice-card:hover .card-action svg{transform:translateX(5px)}.info-box{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e0e0e0;border-radius:12px;margin-top:30px;padding:25px}.info-box h3{align-items:center;color:#2c3e50;display:flex;font-size:18px;gap:8px;margin-bottom:15px}.info-box p{color:#666;font-size:14px;line-height:1.6;margin-bottom:10px}.info-box p:last-child{margin-bottom:0}.info-box strong{color:#2c3e50}@media (max-width:1600px){.venue-choice-container{max-width:1200px;padding:35px 25px}.choice-cards{gap:25px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.choice-card{padding:28px}.card-icon{height:75px;width:75px}}@media (max-width:1400px){.venue-choice-container{max-width:1100px;padding:30px 20px}.choice-cards{gap:22px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.choice-header h1{font-size:30px}.choice-header p{font-size:17px}.choice-card{padding:25px}.card-icon{height:70px;width:70px}.choice-card h2{font-size:21px}.choice-card>p{font-size:15px}}@media (max-width:1200px){.venue-choice-container{max-width:1000px;padding:28px 18px}.choice-cards{gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.choice-header h1{font-size:28px}.choice-header p{font-size:16px;max-width:550px}.choice-card{padding:22px}.card-icon{height:65px;width:65px}.choice-card h2{font-size:20px}.choice-card>p{font-size:14px}.card-features{gap:10px}.feature{font-size:13px}.card-action{font-size:15px}.info-box{padding:22px}.info-box h3{font-size:17px}.info-box p{font-size:13px}}@media (max-width:1024px){.venue-choice-container{max-width:900px;padding:25px 15px}.choice-cards{gap:18px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.choice-header{margin-bottom:40px}.choice-header h1{font-size:26px}.choice-header p{font-size:15px;max-width:500px}.choice-card{padding:20px}.card-icon{height:60px;margin-bottom:18px;width:60px}.choice-card h2{font-size:19px;margin-bottom:12px}.choice-card>p{font-size:13px;margin-bottom:20px}.card-features{gap:8px;margin-bottom:20px}.feature{font-size:12px;gap:8px}.card-action{font-size:14px;padding-top:12px}.info-box{margin-top:25px;padding:20px}.info-box h3{font-size:16px;margin-bottom:12px}.info-box p{font-size:12px;line-height:1.5}}@media (max-width:768px){.venue-choice-container{padding:20px 15px}.choice-header{margin-bottom:35px}.choice-header h1{font-size:24px}.choice-header p{font-size:14px;max-width:450px}.choice-cards{gap:20px;grid-template-columns:1fr;margin-bottom:30px}.choice-card{padding:25px 20px}.card-icon{height:55px;margin-bottom:15px;width:55px}.choice-card h2{font-size:18px;margin-bottom:10px}.choice-card>p{font-size:13px;margin-bottom:18px}.card-features{gap:8px;margin-bottom:18px;text-align:center}.feature{font-size:12px;gap:6px;justify-content:center}.card-action{font-size:13px;padding-top:10px}.info-box{margin-top:20px;padding:18px}.info-box h3{font-size:15px;margin-bottom:10px}.info-box p{font-size:11px}}@media (max-width:480px){.venue-choice-container{padding:15px 10px}.choice-header{margin-bottom:30px}.choice-header h1{font-size:22px}.choice-header p{font-size:13px;max-width:400px}.choice-cards{gap:15px;margin-bottom:25px}.choice-card{padding:20px 15px}.card-icon{height:50px;margin-bottom:12px;width:50px}.choice-card h2{font-size:16px;margin-bottom:8px}.choice-card>p{font-size:12px;margin-bottom:15px}.card-features{gap:6px;margin-bottom:15px}.feature{font-size:11px;gap:5px}.card-action{font-size:12px;padding-top:8px}.info-box{margin-top:15px;padding:15px}.info-box h3{font-size:14px;margin-bottom:8px}.info-box p{font-size:10px}}@media (max-width:360px){.venue-choice-container{padding:10px 8px}.choice-header{margin-bottom:25px}.choice-header h1{font-size:20px}.choice-header p{font-size:12px;max-width:350px}.choice-cards{gap:12px;margin-bottom:20px}.choice-card{padding:15px 12px}.card-icon{height:45px;margin-bottom:10px;width:45px}.choice-card h2{font-size:15px;margin-bottom:6px}.choice-card>p{font-size:11px;margin-bottom:12px}.card-features{gap:5px;margin-bottom:12px}.feature{font-size:10px;gap:4px}.card-action{font-size:11px;padding-top:6px}.info-box{margin-top:12px;padding:12px}.info-box h3{font-size:13px;margin-bottom:6px}.info-box p{font-size:9px}}@media (max-width:768px) and (orientation:landscape){.venue-choice-container{padding:15px 10px}.choice-header{margin-bottom:20px}.choice-header h1{font-size:20px}.choice-header p{font-size:12px}.choice-cards{gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.choice-card{padding:15px 12px}.card-icon{height:40px;margin-bottom:8px;width:40px}.choice-card h2{font-size:14px;margin-bottom:6px}.choice-card>p{font-size:11px;margin-bottom:10px}.card-features{gap:4px;margin-bottom:10px}.feature{font-size:9px;gap:3px}.card-action{font-size:10px;padding-top:5px}.info-box{margin-top:10px;padding:10px}.info-box h3{font-size:12px;margin-bottom:5px}.info-box p{font-size:8px}}@media (hover:none) and (pointer:coarse){.choice-card:hover{transform:none}.choice-card:hover:before{transform:scaleX(0)}.choice-card:hover .card-action svg,.choice-card:hover .card-icon{transform:none}.choice-card:active{transform:scale(.98)}.choice-card.venue-needed:active{border-color:#e74c3c;box-shadow:0 8px 20px #e74c3c33}.choice-card.no-venue:active{border-color:#3498db;box-shadow:0 8px 20px #3498db33}.choice-card:active .card-icon{transform:scale(1.05)}.choice-card:active .card-action svg{transform:translateX(3px)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.choice-card,.info-box{border-width:.5px}.card-action{border-top-width:.5px}}@media print{.venue-choice-container{max-width:none;padding:0}.choice-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.choice-card:hover{transform:none}.choice-cards{gap:15px;grid-template-columns:repeat(2,1fr)}.info-box{background:#f0f0f0!important;border:1px solid #ccc}}@media (prefers-reduced-motion:reduce){.card-action svg,.card-icon,.choice-card{transition:none}.choice-card:hover,.choice-card:hover .card-action svg,.choice-card:hover .card-icon{transform:none}.choice-card:before{transition:none}}.choice-card:focus-within{outline:2px solid #667eea;outline-offset:2px}.choice-card:focus-within:before{transform:scaleX(1)}.choice-card:focus-within .card-icon{transform:scale(1.1)}.choice-card:focus-within .card-action svg{transform:translateX(5px)}.venue-selection-container{margin:0 auto;max-width:1200px;padding:20px}.venue-header{margin-bottom:30px}.venue-header h1{color:#2c3e50;font-size:28px;margin:10px 0}.venue-header p{color:#7f8c8d;font-size:16px;margin:0}.back-btn{background:none;border:1px solid #ddd;border-radius:6px;color:#666;margin-bottom:20px;padding:8px 16px;transition:all .2s}.back-btn:hover{background-color:#f8f9fa;border-color:#999;color:#333}.steps-indicator{display:flex;justify-content:center;margin-bottom:40px;position:relative}.steps-indicator:before{background-color:#e0e0e0;content:"";height:2px;left:20%;position:absolute;right:20%;top:15px;z-index:1}.step{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:150px;position:relative;z-index:2}.step-number{background-color:#e0e0e0;color:#666;height:30px;margin-bottom:8px;transition:all .3s;width:30px}.step.active .step-number{background-color:#e74c3c;color:#fff}.step-label{color:#666;font-size:12px;text-align:center}.step.active .step-label{color:#e74c3c;font-weight:600}.step.completed{border-color:#27ae60;color:#27ae60}.step.completed .step-number{background-color:#27ae60;color:#fff}.step.completed .step-label{color:#27ae60;font-weight:600}.venues-grid h2{color:#2c3e50;font-size:24px;margin-bottom:20px}.venues-header{justify-content:space-between;margin-bottom:20px}.add-venue-btn,.venues-header{align-items:center;display:flex}.add-venue-btn{background-color:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.add-venue-btn:hover{background-color:#229954;transform:translateY(-1px)}.venues-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.venue-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:20px;position:relative;transition:all .3s}.venue-card:hover{border-color:#e74c3c;box-shadow:0 4px 12px #e74c3c26;transform:translateY(-2px)}.venue-content{cursor:pointer}.venue-admin-actions{border-top:1px solid #f0f0f0;display:flex;gap:8px;margin-top:15px;padding-top:15px}.delete-venue-btn,.edit-venue-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .2s;width:36px}.edit-venue-btn{background-color:#3498db;color:#fff}.edit-venue-btn:hover{background-color:#2980b9;transform:translateY(-1px)}.delete-venue-btn{background-color:#e74c3c;color:#fff}.delete-venue-btn:hover{background-color:#c0392b;transform:translateY(-1px)}.venue-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.venue-header h3{color:#2c3e50;font-size:18px;margin:0}.venue-code{background-color:#f8f9fa;border-radius:4px;color:#666;font-size:12px;font-weight:500;padding:4px 8px}.venue-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.venue-info{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.venue-description{color:#7f8c8d;font-size:14px;line-height:1.4;margin:0}.modal-overlay{background-color:#00000080}.modal-content{box-shadow:0 10px 30px #0000004d}.modal-header{border-bottom:1px solid #e0e0e0}.modal-header h3{color:#2c3e50}.modal-close{color:#666;font-size:24px;height:30px;transition:all .2s;width:30px}.modal-close:hover{background-color:#f0f0f0;color:#333}.modal-body .form-group{margin-bottom:20px}.modal-body .form-group label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.modal-body .form-group input,.modal-body .form-group textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.modal-body .form-group input:focus,.modal-body .form-group textarea:focus{border-color:#e74c3c;outline:none}.modal-body .form-group textarea{min-height:80px;resize:vertical}.modal-footer{border-top:1px solid #e0e0e0}.btn-primary,.btn-secondary{border-radius:6px;font-size:14px;padding:10px 20px;transition:all .2s}.btn-primary{background-color:#e74c3c}.btn-primary:hover:not(:disabled){background-color:#c0392b}.btn-primary:disabled,.btn-secondary{background-color:#95a5a6}.btn-secondary:hover{background-color:#7f8c8d;transform:translateY(-1px)}.date-time-selection{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.selected-venue-info{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.selected-venue-info h2{color:#2c3e50;font-size:22px;margin:0}.change-venue-btn{background:none;border:1px solid #e74c3c;border-radius:6px;color:#e74c3c;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.change-venue-btn:hover{background-color:#e74c3c;color:#fff}.datetime-form{display:flex;flex-direction:column;gap:25px}.date-picker{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s;width:200px}.date-picker:focus{border-color:#e74c3c;outline:none}.time-selection{display:flex;gap:20px}.time-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s;width:150px}.time-input:focus{border-color:#e74c3c;outline:none}.time-input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.time-selection-note{align-items:center;background-color:#f8f9fa;border-left:3px solid #e74c3c;border-radius:6px;color:#666;display:flex;font-size:14px;gap:8px;margin-top:8px;padding:8px 12px}.time-availability{margin:20px 0}.availability-status{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:10px;padding:12px 16px}.availability-status.available{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.availability-status.unavailable{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.venue-schedule{background-color:#f8f9fa;border-radius:8px;margin:20px 0;padding:20px}.venue-schedule h3{color:#2c3e50;font-size:16px;margin:0 0 15px}.occupied-times{display:flex;flex-direction:column;gap:10px}.occupied-time{align-items:center;background:#fff;border-left:4px solid #e74c3c;border-radius:6px;display:flex;gap:12px;padding:12px}.occupied-time .event-name{color:#666;font-style:italic;margin-left:auto}.continue-section{margin-top:30px;text-align:center}.continue-btn{background-color:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:150px;padding:15px 40px;transition:all .3s}.continue-btn:hover:not(:disabled){background-color:#c0392b;transform:translateY(-1px)}.continue-btn:disabled{background-color:#95a5a6;cursor:not-allowed;transform:none}.user-loading{padding:50px 20px}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#e74c3c;margin:0 auto 20px}@media (max-width:1600px){.venue-selection-container{max-width:1100px;padding:18px}.venues-list{gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.venue-header h1{font-size:26px}.venue-header p{font-size:15px}.date-time-selection{padding:28px}.selected-venue-info h2{font-size:20px}}@media (max-width:1400px){.venue-selection-container{max-width:1000px;padding:16px}.venues-list{gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.venue-header h1{font-size:24px}.venue-header p{font-size:14px}.date-time-selection{padding:25px}.selected-venue-info h2{font-size:18px}.venues-grid h2{font-size:22px}}@media (max-width:1200px){.venue-selection-container{max-width:900px;padding:15px}.venues-list{gap:15px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.venue-header h1{font-size:22px}.venue-header p{font-size:13px}.date-time-selection{padding:22px}.selected-venue-info h2{font-size:16px}.venues-grid h2{font-size:20px}.venue-card{padding:18px}.venue-header h3{font-size:16px}.venue-description,.venue-info{font-size:13px}}@media (max-width:1024px){.venue-selection-container{max-width:800px;padding:12px}.venues-list{gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.venue-header h1{font-size:20px}.venue-header p{font-size:12px}.date-time-selection{padding:20px}.selected-venue-info h2{font-size:15px}.venues-grid h2{font-size:18px}.venue-card{padding:15px}.venue-header h3{font-size:15px}.venue-description,.venue-info{font-size:12px}.steps-indicator{margin-bottom:30px}.step-number{font-size:12px;height:28px;width:28px}.step-label{font-size:11px}.modal-content{max-width:450px;width:85%}}.venue-calendar-wrapper{box-sizing:border-box;margin-top:40px;max-width:100%;overflow-x:auto;padding:0;width:100%}.venue-calendar .calendar-container,.venue-calendar .calendar-content-wrapper,.venue-calendar .calendar-grid,.venue-calendar .calendar-main,.venue-calendar-wrapper .calendar-container,.venue-calendar-wrapper .calendar-content-wrapper,.venue-calendar-wrapper .calendar-grid,.venue-calendar-wrapper .calendar-main,.venue-calendar.calendar-dashboard{margin-left:0!important;max-width:100%!important;padding:0!important}@media (max-width:768px){.venue-selection-container{padding:15px}.venues-list{grid-template-columns:1fr}.selected-venue-info{align-items:flex-start;gap:15px}.selected-venue-info,.time-selection{flex-direction:column}.steps-indicator{margin-bottom:20px}.step-label{font-size:11px}}@media (max-width:480px){.venue-selection-container{padding:8px}.venue-header{margin-bottom:20px}.venue-header h1{font-size:16px}.venue-header p{font-size:10px}.back-btn{font-size:11px;margin-bottom:12px;padding:5px 10px}.venues-list{gap:12px;margin-bottom:20px}.venues-header{gap:12px}.add-venue-btn{font-size:11px;padding:6px 10px}.venue-card{padding:12px}.venue-header h3{font-size:13px}.venue-description,.venue-info{font-size:10px}.venue-admin-actions{gap:5px;margin-top:10px;padding-top:10px}.delete-venue-btn,.edit-venue-btn{font-size:11px;height:28px;width:28px}.selected-venue-info{gap:12px;margin-bottom:20px;padding-bottom:12px}.selected-venue-info h2{font-size:13px}.change-venue-btn{font-size:11px;padding:5px 10px}.date-time-selection{padding:15px}.datetime-form{gap:15px}.date-picker,.form-group label{font-size:11px}.date-picker{padding:8px}.time-selection{gap:12px}.time-input{font-size:11px;padding:8px}.availability-status{font-size:11px;padding:8px 10px}.venue-schedule{margin:12px 0;padding:12px}.venue-schedule h3{font-size:13px;margin-bottom:10px}.occupied-time{font-size:11px;padding:8px}.continue-btn{font-size:13px;min-width:100px;padding:10px 25px}.steps-indicator{margin-bottom:15px}.step-number{font-size:10px;height:24px;width:24px}.step-label{font-size:9px}.modal-content{max-width:350px;width:95%}.modal-header{padding:12px 15px}.modal-header h3{font-size:14px}.modal-close{font-size:18px;height:24px;width:24px}.modal-body{padding:15px}.modal-body .form-group{margin-bottom:12px}.modal-body .form-group label{font-size:11px}.modal-body .form-group input,.modal-body .form-group textarea{font-size:11px;padding:8px}.modal-body .form-group textarea{min-height:50px}.modal-footer{gap:8px;padding:12px 15px}.btn-primary,.btn-secondary{font-size:11px;padding:6px 12px}}@media (max-width:360px){.venue-selection-container{padding:6px}.venue-header{margin-bottom:15px}.venue-header h1{font-size:14px}.venue-header p{font-size:9px}.back-btn{font-size:10px;margin-bottom:10px;padding:4px 8px}.venues-list{gap:10px;margin-bottom:15px}.venues-header{gap:10px}.add-venue-btn{font-size:10px;padding:5px 8px}.venue-card{padding:10px}.venue-header h3{font-size:12px}.venue-description,.venue-info{font-size:9px}.venue-admin-actions{gap:4px;margin-top:8px;padding-top:8px}.delete-venue-btn,.edit-venue-btn{font-size:10px;height:24px;width:24px}.selected-venue-info{gap:10px;margin-bottom:15px;padding-bottom:10px}.selected-venue-info h2{font-size:12px}.change-venue-btn{font-size:10px;padding:4px 8px}.date-time-selection{padding:12px}.datetime-form{gap:12px}.date-picker,.form-group label{font-size:10px}.date-picker{padding:6px}.time-selection{gap:10px}.time-input{font-size:10px;padding:6px}.availability-status{font-size:10px;padding:6px 8px}.venue-schedule{margin:10px 0;padding:10px}.venue-schedule h3{font-size:12px;margin-bottom:8px}.occupied-time{font-size:10px;padding:6px}.continue-btn{font-size:12px;min-width:80px;padding:8px 20px}.steps-indicator{margin-bottom:12px}.step-number{font-size:9px;height:22px;width:22px}.step-label{font-size:8px}.modal-content{max-width:300px;width:98%}.modal-header{padding:10px 12px}.modal-header h3{font-size:13px}.modal-close{font-size:16px;height:22px;width:22px}.modal-body{padding:12px}.modal-body .form-group{margin-bottom:10px}.modal-body .form-group label{font-size:10px}.modal-body .form-group input,.modal-body .form-group textarea{font-size:10px;padding:6px}.modal-body .form-group textarea{min-height:40px}.modal-footer{gap:6px;padding:10px 12px}.btn-primary,.btn-secondary{font-size:10px;padding:5px 10px}}@media (max-width:768px) and (orientation:landscape){.venue-selection-container{padding:8px}.venue-header{margin-bottom:15px}.venue-header h1{font-size:16px}.venue-header p{font-size:10px}.venues-list{gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.venue-card{padding:10px}.venue-header h3{font-size:12px}.venue-description,.venue-info{font-size:9px}.date-time-selection{padding:12px}.selected-venue-info h2{font-size:12px}.form-group label{font-size:10px}.date-picker,.time-input{font-size:10px;padding:6px}.continue-btn{font-size:12px;padding:8px 20px}}@media (hover:none) and (pointer:coarse){.venue-card:hover{transform:none}.back-btn:hover{background-color:initial;border-color:#ddd;color:#666}.add-venue-btn:hover,.delete-venue-btn:hover,.edit-venue-btn:hover{transform:none}.change-venue-btn:hover{background-color:initial;color:#e74c3c}.continue-btn:hover:not(:disabled){transform:none}.venue-card:active{transform:scale(.98)}.back-btn:active{background-color:#f8f9fa;border-color:#999;color:#333}.add-venue-btn:active,.delete-venue-btn:active,.edit-venue-btn:active{transform:scale(.98)}.change-venue-btn:active{background-color:#e74c3c;color:#fff}.continue-btn:active:not(:disabled){transform:scale(.98)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.modal-content,.venue-card{border-width:.5px}.steps-indicator:before{height:1px}.venue-admin-actions{border-top-width:.5px}.modal-header,.selected-venue-info{border-bottom-width:.5px}.modal-footer{border-top-width:.5px}}@media print{.venue-selection-container{max-width:none;padding:0}.venue-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.venue-card:hover{transform:none}.venues-list{gap:15px;grid-template-columns:repeat(2,1fr)}.date-time-selection{border:1px solid #ccc;box-shadow:none}.add-venue-btn,.back-btn,.change-venue-btn,.continue-btn,.delete-venue-btn,.edit-venue-btn,.modal-overlay{display:none}}@media (prefers-reduced-motion:reduce){.add-venue-btn,.back-btn,.change-venue-btn,.continue-btn,.delete-venue-btn,.edit-venue-btn,.venue-card{transition:none}.add-venue-btn:hover,.back-btn:hover,.change-venue-btn:hover,.continue-btn:hover:not(:disabled),.delete-venue-btn:hover,.edit-venue-btn:hover,.venue-card:hover{transform:none}.step-number{transition:none}.loading-spinner{animation:none}}.add-venue-btn:focus,.back-btn:focus,.change-venue-btn:focus,.continue-btn:focus,.date-picker:focus,.delete-venue-btn:focus,.edit-venue-btn:focus,.time-input:focus,.venue-card:focus-within{outline:2px solid #667eea;outline-offset:2px}.time-input.conflicting{background-color:#fdf2f2;border-color:#e74c3c;color:#e74c3c}.time-input.conflicting:focus{border-color:#e74c3c;box-shadow:0 0 0 2px #e74c3c33}.conflict-warning{align-items:center;color:#e74c3c;display:flex;font-size:12px;gap:4px;margin-top:4px}.conflict-warning svg{height:14px;width:14px}.conflict-details{background-color:#fdf2f2;border:1px solid #fecaca;border-radius:6px;font-size:13px;margin-top:8px;padding:12px}.conflict-details h4{color:#e74c3c;font-size:14px;margin:0 0 8px}.conflict-item{align-items:center;border-bottom:1px solid #fecaca;display:flex;justify-content:space-between;padding:4px 0}.conflict-item:last-child{border-bottom:none}.conflict-event-name{color:#333;font-weight:500}.conflict-time{color:#666;font-size:12px}.content{margin-left:275px}.calendar-dashboard{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.calendar-content-wrapper{display:flex;margin-top:70px}.calendar-main{flex:1 1;margin-left:275px;max-width:calc(100% - 275px);padding:24px;position:relative;z-index:1}.calendar-container,.calendar-content-wrapper,.calendar-grid,.venue-calendar-wrapper .calendar-container,.venue-calendar-wrapper .calendar-content-wrapper,.venue-calendar-wrapper .calendar-grid{box-sizing:border-box;margin:0 auto 0 0;max-width:100%;min-width:0;overflow-x:auto;padding:0;width:100%}.calendar-header{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);border-radius:20px;box-shadow:0 10px 30px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:32px;padding:32px 40px}.calendar-header-left h1{align-items:center;color:#fff!important;display:flex;font-size:2.5rem;font-weight:700;gap:16px;margin-bottom:8px;text-shadow:0 2px 4px #0000001a}.calendar-header-left p{font-size:1.2rem;margin:0;opacity:.9}.calendar-controls{align-items:center;display:flex;gap:24px}.venue-filter{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;gap:8px;padding:12px 16px}.venue-select{background:#0000;border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:500;outline:none}.venue-select option{background:#1e293b;color:#fff}.month-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;gap:16px;padding:12px 20px}.month-navigation,.nav-btn{align-items:center;display:flex}.nav-btn{background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;height:40px;justify-content:center;transition:all .3s ease;width:40px}.nav-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.current-month{font-size:1.1rem;font-weight:600;min-width:160px;text-align:center}.venue-legend{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;gap:20px;margin-bottom:24px;padding:16px 20px}.legend-item{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:500;gap:8px}.legend-color{border-radius:4px;height:16px;width:16px}.calendar-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;overflow:hidden}.calendar-weekdays{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:grid;grid-template-columns:repeat(7,1fr)}.weekday-header{color:#475569;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 8px;text-align:center;text-transform:uppercase}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{background:#fff;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;min-height:120px;padding:8px;position:relative;transition:all .2s ease}.calendar-day:hover{background:#f8fafc}.calendar-day.other-month{background:#f8fafc;opacity:.6}.calendar-day.today{background:#fff;border:2px solid #10b981}.calendar-day.today .day-number{background:#10b981;color:#fff;font-weight:700}.day-number{align-items:center;border-radius:8px;color:#1e293b;display:flex;font-size:14px;font-weight:600;height:28px;justify-content:center;margin-bottom:8px;width:28px}.day-events{display:flex;flex-direction:column;gap:2px}.event-item{background:#3b82f6;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;line-height:1.3;opacity:.9;padding:4px 8px;transition:all .2s ease}.event-item.pending{opacity:.9;position:relative}.event-item.pending:after{background:#f59e0b;border:1px solid #fff;border-radius:50%;content:"";height:8px;position:absolute;right:2px;top:2px;width:8px}.event-item:hover{box-shadow:0 2px 8px #0003;opacity:1;transform:translateY(-1px)}.event-time{font-size:10px;font-weight:600;opacity:.9}.event-title{font-weight:500;margin:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-venue{align-items:center;display:flex;font-size:10px;gap:2px;opacity:.8}.more-events{background:#64748b;border-radius:4px;color:#fff;font-size:10px;font-weight:500;margin-top:2px;opacity:.8;padding:2px 6px;text-align:center}.calendar-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);margin-bottom:32px}.stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:16px;padding:24px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.stat-info{display:flex;flex-direction:column}.stat-number{color:#1e293b;font-size:2rem;font-weight:700;line-height:1}.stat-label{color:#64748b;font-size:14px;margin-top:4px}.loading-container{align-items:center;color:#64748b;display:flex;flex-direction:column;height:400px;justify-content:center}@media (max-width:1200px){.calendar-main{margin-left:25px;max-width:calc(100% - 25px);padding:20px}.calendar-header{padding:28px 32px}.calendar-header-left h1{font-size:2.2rem}.calendar-controls{gap:20px}.venue-filter{padding:10px 14px}.month-navigation{padding:10px 16px}.current-month{font-size:1rem;min-width:140px}.calendar-stats{gap:18px;grid-template-columns:repeat(3,1fr)}.stat-card{padding:20px}.stat-number{font-size:1.8rem}}@media (max-width:1024px){.calendar-main{padding:18px}.calendar-header{align-items:flex-start;flex-direction:column;gap:20px;padding:24px 28px}.calendar-header-left{width:100%}.calendar-header-left h1{flex-direction:column;font-size:2rem;gap:12px;justify-content:center}.calendar-header-left p{font-size:1.1rem;text-align:center}.calendar-controls{gap:16px;justify-content:space-between;width:100%}.venue-filter{flex:1 1;max-width:300px}.venue-select{font-size:13px}.month-navigation{padding:8px 14px}.nav-btn{height:36px;width:36px}.current-month{font-size:.95rem;min-width:120px}.venue-legend{gap:16px;padding:14px 18px}.legend-item{font-size:13px}.calendar-stats{gap:16px;grid-template-columns:repeat(3,1fr)}.stat-card{padding:18px}.stat-number{font-size:1.6rem}.stat-label{font-size:13px}.calendar-day{min-height:100px;padding:6px}.day-number{font-size:13px;height:26px;width:26px}.event-item{font-size:10px;padding:3px 6px}.event-time{font-size:9px}.event-title{font-size:10px}.event-venue,.more-events{font-size:9px}.more-events{padding:1px 4px}}@media (max-width:768px){.calendar-main{margin-left:25px;max-width:calc(100% - 25px);padding:16px}.calendar-header{margin-bottom:24px;padding:20px 24px}.calendar-header-left h1{font-size:1.8rem;gap:10px}.calendar-header-left p{font-size:1rem}.calendar-controls{flex-direction:column;gap:16px;width:100%}.venue-filter{justify-content:center;max-width:none;width:100%}.venue-select{font-size:12px;width:100%}.month-navigation{justify-content:center;padding:10px 16px;width:100%}.nav-btn{height:32px;width:32px}.current-month{font-size:.9rem;min-width:100px}.venue-legend{flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:12px 16px}.legend-item{font-size:12px;gap:6px}.legend-color{height:14px;width:14px}.calendar-weekdays{grid-template-columns:repeat(7,1fr)}.weekday-header{font-size:12px;padding:12px 6px}.calendar-day{min-height:80px;padding:4px}.day-number{font-size:12px;height:24px;margin-bottom:6px;width:24px}.event-item{font-size:9px;padding:2px 4px}.event-time{font-size:8px}.event-title{font-size:9px;margin:1px 0}.event-venue{font-size:8px;gap:1px}.more-events{font-size:8px;padding:1px 3px}.calendar-stats{gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.stat-card{gap:12px;padding:16px}.stat-number{font-size:1.4rem}.stat-label{font-size:12px}}@media (max-width:480px){.calendar-main{margin-left:25px;max-width:calc(100% - 25px);padding:12px}.calendar-header{border-radius:16px;margin-bottom:20px;padding:16px 20px}.calendar-header-left h1{font-size:1.5rem;gap:8px}.calendar-header-left p{font-size:.9rem}.calendar-controls{gap:12px}.venue-filter{padding:8px 12px}.venue-select{font-size:11px}.month-navigation{padding:8px 12px}.nav-btn{height:28px;width:28px}.current-month{font-size:.85rem;min-width:80px}.venue-legend{gap:10px;margin-bottom:16px;padding:10px 14px}.legend-item{font-size:11px;gap:4px}.legend-color{height:12px;width:12px}.weekday-header{font-size:11px;padding:8px 4px}.calendar-day{min-height:60px;padding:2px}.day-number{font-size:11px;height:20px;margin-bottom:4px;width:20px}.event-item{font-size:8px;padding:1px 3px}.event-time{font-size:7px}.event-title{font-size:8px;margin:1px 0}.event-venue,.more-events{font-size:7px}.more-events{padding:1px 2px}.calendar-stats{gap:12px;grid-template-columns:1fr;margin-bottom:20px}.stat-card{gap:10px;padding:12px}.stat-number{font-size:1.2rem}.stat-label{font-size:11px}}@media (max-width:360px){.calendar-main{margin-left:25px;max-width:calc(100% - 25px);padding:8px}.calendar-header{margin-bottom:16px;padding:12px 16px}.calendar-header-left h1{font-size:1.3rem;gap:6px}.calendar-header-left p{font-size:.85rem}.calendar-controls{gap:10px}.venue-filter{padding:6px 10px}.venue-select{font-size:10px}.month-navigation{padding:6px 10px}.nav-btn{height:24px;width:24px}.current-month{font-size:.8rem;min-width:70px}.venue-legend{gap:8px;margin-bottom:12px;padding:8px 12px}.legend-item{font-size:10px;gap:3px}.legend-color{height:10px;width:10px}.weekday-header{font-size:10px;padding:6px 3px}.calendar-day{min-height:50px;padding:1px}.day-number{font-size:10px;height:18px;margin-bottom:3px;width:18px}.event-item{font-size:7px;padding:1px 2px}.event-time{font-size:6px}.event-title{font-size:7px;margin:1px 0}.event-venue,.more-events{font-size:6px}.more-events{padding:1px 2px}.stat-card{gap:8px;padding:10px}.stat-number{font-size:1rem}.stat-label{font-size:10px}}@media (max-width:768px) and (orientation:landscape){.calendar-header{flex-direction:row;gap:16px;padding:16px 20px}.calendar-header-left h1{font-size:1.5rem}.calendar-controls{flex-direction:row;gap:12px}.venue-filter{max-width:200px}.calendar-stats{gap:12px;grid-template-columns:repeat(3,1fr)}.calendar-day{min-height:70px}}@media (hover:none) and (pointer:coarse){.nav-btn{min-width:44px}.nav-btn,.venue-select{min-height:44px}.event-item{min-height:32px}.stat-card{min-height:60px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.calendar-container,.calendar-day,.stat-card{border-width:.5px}}.event-preview-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.event-preview-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:80vh;max-width:500px;overflow-y:auto;position:relative;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.preview-header{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.preview-header h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.close-btn{background:#fff3;border-radius:8px;color:#fff;font-size:1.5rem;height:32px;transition:all .2s ease;width:32px}.close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.preview-content{padding:24px}.preview-info-grid{grid-gap:16px;display:grid;gap:16px}.preview-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:12px 0}.preview-item:last-child{border-bottom:none}.preview-label{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:600;gap:8px;min-width:120px}.preview-value{color:#1e293b;flex:1 1;font-size:14px;font-weight:500}.preview-footer{border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;padding:16px 24px}.preview-close-btn{background:#64748b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.preview-close-btn:hover{background:#475569;transform:translateY(-2px)}.preview-value .status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px}.preview-value .status-pending{background:#fef3c7;color:#92400e}.preview-value .status-approved{background:#d1fae5;color:#065f46}.preview-value .status-rejected{background:#fee2e2;color:#991b1b}.preview-value .status-completed{background:#e0e7ff;color:#3730a3}@media (max-width:768px){.event-preview-modal{max-height:90vh;width:95%}.preview-header{padding:16px 20px}.preview-header h3{font-size:1.1rem}.preview-content{padding:20px}.preview-item{align-items:flex-start;flex-direction:column;gap:8px}.preview-label{font-size:13px;min-width:auto}.preview-value{font-size:13px}}@media (max-width:480px){.event-preview-modal{max-height:95vh;width:98%}.preview-header{padding:12px 16px}.preview-header h3{font-size:1rem}.preview-content{padding:16px}.preview-item{gap:6px}.preview-label,.preview-value{font-size:12px}.preview-footer{padding:12px 16px}.preview-close-btn{font-size:13px;padding:8px 16px}}@media (max-width:360px){.event-preview-modal{border-radius:0;max-height:100vh;width:100%}.preview-header{padding:10px 14px}.preview-header h3{font-size:.95rem}.preview-content{padding:12px}.preview-item{gap:4px}.preview-label,.preview-value{font-size:11px}.preview-footer{padding:10px 14px}.preview-close-btn{font-size:12px;padding:6px 12px}}@media (hover:none) and (pointer:coarse){.close-btn{min-width:44px}.close-btn,.preview-close-btn{min-height:44px}}.user-dashboard{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.user-content-wrapper{display:flex;margin-top:70px}.user-main{flex:1 1;margin-left:250px;max-width:calc(100% - 250px);padding:24px;position:relative;z-index:1}.user-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 10px 30px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:32px;min-height:180px;padding:40px;width:100%}.user-header-left h1{align-items:center;display:flex;font-size:2.5rem;font-weight:700;gap:16px;margin-bottom:8px;text-shadow:0 2px 4px #0000001a}.user-header-left p{font-size:1.2rem;margin:8px 0;opacity:.9}.user-info{margin-top:12px}.user-title{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:8px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:6px;padding:6px 12px}.user-department{font-size:1rem;margin-bottom:4px;opacity:.8}.user-email{font-size:.9rem;font-style:italic;opacity:.7}.user-header-right{align-items:center;display:flex;gap:16px}.new-request-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #ffffff4d;border-radius:12px;color:#10b981;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.new-request-btn:hover{background:#fff;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.user-logout-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.user-logout-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.user-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(5,1fr);margin-bottom:32px;width:100%}.user-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.user-stat-card:before{background:linear-gradient(90deg,#4caf50,#45a049);content:"";height:4px;left:0;position:absolute;right:0;top:0}.user-stat-card.blue:before{background:linear-gradient(90deg,#10b981,#059669)}.user-stat-card.yellow:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.user-stat-card.green:before{background:linear-gradient(90deg,#10b981,#34d399)}.user-stat-card.red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.user-stat-card.purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.user-stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.user-stat-card.blue .stat-icon{color:#10b981}.user-stat-card.yellow .stat-icon{color:#f59e0b}.user-stat-card.green .stat-icon{color:#10b981}.user-stat-card.red .stat-icon{color:#ef4444}.user-stat-card.purple .stat-icon{color:#8b5cf6}.user-controls{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:32px;margin-bottom:16px;padding:24px 32px;width:100%}.user-search{flex:1 1;max-width:400px}.filter-actions,.user-search{align-items:center;display:flex;gap:12px}.filter-toggle-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:10px 16px;transition:all .3s ease}.filter-toggle-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.filter-toggle-btn.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.clear-filters-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:.85rem;gap:4px}.clear-filters-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.advanced-filters{animation:slideDown .3s ease;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:16px;padding:24px 32px}.filter-row{align-items:end;display:flex;gap:32px}.date-input{border:1px solid #d1d5db;padding:8px 12px;width:140px}.date-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.organizer-input{border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;padding:8px 12px;transition:all .3s ease;width:250px}.organizer-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.search-input{font-size:.95rem}.search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.user-filters{align-items:center;display:flex;gap:16px}.filter-btn{border-radius:8px;font-size:.9rem;padding:8px 16px}.filter-btn:hover{background:#f8fafc;border-color:#10b981}.filter-btn.active{background:#10b981;border-color:#10b981}.user-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.user-content-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 32px}.user-content-header h2{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;font-weight:600;gap:12px;margin:0}.total-count{background:#f8fafc;border-radius:6px;font-size:.9rem;font-weight:500;padding:6px 12px}.user-table-container{border:1px solid #e2e8f0;border-radius:12px;min-width:1000px;overflow-x:auto}.user-table{border-collapse:collapse;min-width:1000px;table-layout:fixed;width:100%}.user-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;font-size:.9rem;font-weight:600;padding:16px 20px;text-align:left}.user-table td{border-bottom:1px solid #f3f4f6;padding:16px 20px;vertical-align:top}.user-table-row:hover{background:#f8fafc}.user-table-row.clickable-row:hover{background:#f1f5f9;box-shadow:0 2px 8px #00000014;cursor:pointer;transform:translateY(-1px);transition:all .2s ease}.clickable-row{transition:all .2s ease}.clickable-row:hover{background-color:#f1f5f9!important;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.id-cell{color:#6b7280;font-size:.9rem;font-weight:600}.event-name-cell{min-width:200px}.event-name-wrapper .event-name,.event-name-wrapper strong,.user-table .event-name{color:#1e293b;display:block;font-size:.95rem;font-weight:600;margin-bottom:4px}.event-purpose{font-size:.85rem;line-height:1.4}.unit-cell{color:#374151}.date-cell,.location-cell,.time-cell,.unit-cell{font-size:.9rem}.location-cell{max-width:200px;min-width:150px}.date-info,.event-date,.event-time,.location-info,.time-info{align-items:center;color:#6b7280;display:flex;gap:6px}.location-info svg,.venue-cell svg{color:#10b981}.status-cell{text-align:center}.status-badge{font-size:.8rem;gap:6px}.status-pending{color:#f59e0b}.status-approved{color:#10b981}.status-rejected{color:#ef4444}.status-completed{background:#ede9fe;color:#8b5cf6}.created-cell{font-size:.85rem}.actions-cell{min-width:120px;text-align:center}.action-btn{height:32px;width:32px}.view-btn{background:#d1fae5;color:#10b981}.view-btn:hover{background:#10b981}.user-loading{background:linear-gradient(135deg,#10b981,#059669);color:#fff;position:relative}.user-empty-state,.user-loading{align-items:center;border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:60px 20px;text-align:center}.user-empty-state{background:#fff;color:#6b7280;margin:0 20px}.user-empty-state .empty-icon{color:#d1d5db;margin-bottom:24px}.user-empty-state h3{color:#374151;font-size:1.5rem;font-weight:600;margin:0 0 12px}.user-empty-state p{color:#6b7280;font-size:1rem;line-height:1.5;margin:0 0 24px;max-width:400px}.empty-action-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.empty-action-btn:hover{box-shadow:0 6px 20px #10b98166;color:#fff;text-decoration:none;transform:translateY(-2px)}.user-loading .loading-logo{display:block;filter:brightness(1.1) contrast(1.1);height:120px;margin-bottom:24px;object-fit:contain;position:relative;width:120px;z-index:3}.user-loading .loading-filter{background:#ffffff14;border-radius:16px;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.loading-spinner{border:4px solid #34d399;margin:0 auto 16px;position:relative;z-index:3}@media (max-width:1400px){.user-stats-grid{gap:20px;grid-template-columns:repeat(3,1fr)}.user-header{padding:32px}.user-header-left h1{font-size:2.2rem}}@media (max-width:1200px){.user-stats-grid{gap:18px;grid-template-columns:repeat(2,1fr)}.user-controls{gap:24px;padding:20px 24px}.user-search{max-width:350px}.filter-buttons{gap:6px}.filter-btn{font-size:.85rem;padding:6px 12px}}@media (max-width:1024px){.user-main{margin-left:0;max-width:100%;padding:20px}.user-header{flex-direction:column;gap:20px;min-height:auto;padding:30px 24px;text-align:center}.user-header-left{width:100%}.user-header-left h1{flex-direction:column;font-size:2rem;gap:12px;justify-content:center}.user-header-left p{font-size:1.1rem}.user-info{margin-top:16px}.user-title{font-size:1rem}.user-department,.user-email{font-size:.9rem}.user-stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.user-stat-card{padding:20px}.stat-value{font-size:2rem}.stat-title{font-size:.85rem}.user-controls{flex-direction:column;gap:20px;padding:20px 24px}.user-search{max-width:100%;width:100%}.search-input{font-size:.9rem;padding:10px 14px}.filter-actions{gap:10px;justify-content:center}.filter-toggle-btn{font-size:.85rem;padding:8px 14px}.clear-filters-btn{font-size:.8rem;padding:6px 10px}.filter-buttons{flex-wrap:wrap;gap:8px;justify-content:center}.filter-btn{font-size:.8rem;padding:6px 12px}.filter-row{align-items:stretch;flex-direction:column;gap:16px}.date-range-inputs{gap:10px;justify-content:center}.date-input{width:140px}.date-input,.organizer-input{font-size:.85rem;padding:6px 10px}.organizer-input{max-width:300px;width:100%}.user-content-header{align-items:flex-start;flex-direction:column;gap:12px;padding:20px 24px}.user-content-header h2{font-size:1.3rem}.total-count{font-size:.85rem}.user-table-container{min-width:auto;overflow-x:auto}.user-table td,.user-table th{font-size:.85rem;padding:12px 16px}.event-name-cell{min-width:180px}.location-cell{max-width:150px;min-width:120px}}@media (max-width:768px){.user-main{padding:16px}.user-header{margin-bottom:24px;padding:24px 20px}.user-header-left h1{font-size:1.8rem;gap:10px}.user-header-left p{font-size:1rem}.user-title{font-size:.95rem;padding:4px 10px}.user-department,.user-email{font-size:.85rem}.new-request-btn{font-size:.9rem;justify-content:center;padding:10px 20px;width:100%}.user-stats-grid{gap:16px;grid-template-columns:1fr;margin-bottom:24px}.user-stat-card{padding:18px}.stat-card-header{margin-bottom:12px}.stat-icon{height:48px;width:48px}.stat-value{font-size:1.8rem}.stat-title{font-size:.8rem}.user-controls{gap:16px;padding:16px 20px}.user-search{gap:8px}.search-input{font-size:.85rem;padding:8px 12px}.filter-actions{flex-direction:column;gap:8px}.filter-toggle-btn{font-size:.8rem;justify-content:center;padding:6px 12px;width:100%}.clear-filters-btn{font-size:.75rem;justify-content:center;padding:6px 10px;width:100%}.filter-buttons{flex-direction:column;gap:6px}.filter-btn{font-size:.8rem;padding:8px 12px;text-align:center;width:100%}.advanced-filters{padding:16px 20px}.filter-group label{font-size:.8rem}.date-input{width:100%}.date-input,.organizer-input{font-size:.8rem;padding:6px 8px}.user-content{border-radius:12px;margin:0 -16px}.user-content-header{padding:16px 20px}.user-content-header h2{font-size:1.2rem}.user-table-container{border-radius:0}.user-table td,.user-table th{font-size:.8rem;padding:10px 12px}.event-name-wrapper strong{font-size:.85rem}.event-purpose,.status-badge{font-size:.75rem}.status-badge{padding:3px 8px}.action-btn{height:28px;width:28px}.user-loading{min-height:250px;padding:40px 16px}.user-loading .loading-logo{height:80px;width:80px}.loading-spinner{height:32px;width:32px}.user-empty-state{margin:0 10px;padding:40px 16px}.user-empty-state h3{font-size:1.3rem}.user-empty-state p{font-size:.9rem}}@media (max-width:480px){.user-content-wrapper{margin-top:60px}.user-main{padding:12px}.user-header{border-radius:16px;margin-bottom:20px;padding:20px 16px}.user-header-left h1{font-size:1.5rem;gap:8px}.user-header-left p{font-size:.9rem}.user-title{font-size:.85rem;padding:3px 8px}.user-department,.user-email{font-size:.8rem}.new-request-btn{font-size:.85rem;padding:8px 16px}.user-stats-grid{gap:12px;margin-bottom:20px}.user-stat-card{padding:16px}.stat-icon{height:40px;width:40px}.stat-value{font-size:1.6rem}.stat-title{font-size:.75rem}.user-controls{gap:12px;padding:12px 16px}.search-input{font-size:.8rem;padding:6px 10px}.filter-toggle-btn{font-size:.75rem;padding:5px 10px}.clear-filters-btn{font-size:.7rem;padding:5px 8px}.filter-btn{font-size:.75rem;padding:6px 10px}.advanced-filters{padding:12px 16px}.filter-group label{font-size:.75rem}.date-input,.organizer-input{font-size:.75rem;padding:5px 6px}.user-content-header{padding:12px 16px}.user-content-header h2{font-size:1.1rem}.total-count{font-size:.8rem;padding:4px 8px}.user-table td,.user-table th{font-size:.75rem;padding:8px 10px}.event-name-wrapper strong{font-size:.8rem}.event-purpose,.status-badge{font-size:.7rem}.status-badge{padding:2px 6px}.action-btn{height:24px;width:24px}.user-loading{min-height:200px;padding:30px 12px}.user-loading .loading-logo{height:60px;width:60px}.loading-spinner{height:28px;width:28px}.user-empty-state{margin:0 5px;padding:30px 12px}.user-empty-state h3{font-size:1.2rem}.user-empty-state p{font-size:.85rem}}@media (max-width:360px){.user-main{padding:8px}.user-header{margin-bottom:16px;padding:16px 12px}.user-header-left h1{font-size:1.3rem;gap:6px}.user-header-left p{font-size:.85rem}.user-title{font-size:.8rem;padding:2px 6px}.user-department,.user-email{font-size:.75rem}.new-request-btn{font-size:.8rem;padding:6px 12px}.user-stats-grid{gap:10px;margin-bottom:16px}.user-stat-card{padding:12px}.stat-icon{height:36px;width:36px}.stat-value{font-size:1.4rem}.stat-title{font-size:.7rem}.user-controls{gap:10px;padding:10px 12px}.search-input{font-size:.75rem;padding:5px 8px}.filter-toggle-btn{font-size:.7rem;padding:4px 8px}.clear-filters-btn{font-size:.65rem;padding:4px 6px}.filter-btn{font-size:.7rem;padding:5px 8px}.advanced-filters{padding:10px 12px}.filter-group label{font-size:.7rem}.date-input,.organizer-input{font-size:.7rem;padding:4px 5px}.user-content-header{padding:10px 12px}.user-content-header h2{font-size:1rem}.total-count{font-size:.75rem;padding:3px 6px}.user-table td,.user-table th{font-size:.7rem;padding:6px 8px}.event-name-wrapper strong{font-size:.75rem}.event-purpose,.status-badge{font-size:.65rem}.status-badge{padding:2px 5px}.action-btn{height:22px;width:22px}.user-loading{min-height:180px;padding:25px 10px}.user-loading .loading-logo{height:50px;width:50px}.loading-spinner{height:24px;width:24px}}@media (max-width:768px) and (orientation:landscape){.user-header{min-height:auto;padding:16px 20px}.user-header-left h1{font-size:1.5rem}.user-stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.user-stat-card{padding:14px}.stat-value{font-size:1.4rem}.user-controls{padding:12px 16px}.filter-buttons{flex-direction:row;flex-wrap:wrap}}@media (hover:none) and (pointer:coarse){.action-btn,.clear-filters-btn,.date-input,.filter-btn,.filter-toggle-btn,.new-request-btn,.organizer-input,.search-input{min-height:44px}.action-btn{min-width:44px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.user-content,.user-controls,.user-stat-card{border-width:.5px}}.event-detail-sections{display:flex;flex-direction:column;gap:24px}.detail-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #00000014;margin-bottom:24px;padding:28px;transition:all .3s ease}.detail-section:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-2px)}.section-header{border-bottom:3px solid #2e7d32;position:relative}.section-header:after{background:linear-gradient(90deg,#2e7d32,#388e3c);border-radius:2px;bottom:-3px;content:"";height:3px;left:0;position:absolute;width:60px}.section-header h3{align-items:center;color:#1e293b;display:flex;font-size:1.4rem;font-weight:700;gap:12px;letter-spacing:.5px;margin:0;text-transform:uppercase}.detail-grid{grid-gap:20px;align-items:start;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.detail-item{border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:8px;padding:16px;transition:all .3s ease}.detail-item:hover{border-color:#2e7d32;box-shadow:0 4px 12px #2e7d321a;transform:translateY(-1px)}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:#1f2937;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.detail-item span{word-wrap:break-word;color:#374151;font-size:1rem;font-weight:500;line-height:1.6;padding:8px 0}.detail-item .status-badge{align-self:flex-start}@media (max-width:768px){.detail-grid{grid-template-columns:1fr}.detail-section{padding:16px}}.admin-actions{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:24px;padding:24px}.admin-actions-header h3{border-bottom:2px solid #f1f5f9;color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 20px;padding-bottom:12px}.admin-buttons{flex-wrap:wrap;gap:16px}.admin-btn,.admin-buttons{display:flex;justify-content:center}.admin-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;gap:8px;min-width:120px;padding:12px 24px;transition:all .3s ease}.admin-btn:disabled{cursor:not-allowed;opacity:.6}.edit-btn{background:#f59e0b}.edit-btn:hover:not(:disabled){background:#d97706;transform:translateY(-2px)}.approve-btn{background:#10b981;color:#fff}.approve-btn:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.reject-btn{background:#ef4444;color:#fff}.reject-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-2px)}.modal-content{box-shadow:0 20px 25px -5px #0000001a;max-width:500px}.modal-header h3{font-size:1.25rem}.modal-close{border-radius:8px;color:#6b7280;padding:8px;transition:all .3s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:24px}.modal-body label{color:#374151;display:block;font-weight:600;margin-bottom:8px}.required{color:#ef4444}.modal-textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;line-height:1.5;min-height:100px;padding:12px;resize:vertical;transition:border-color .3s ease;width:100%}.modal-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.modal-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-btn:hover:not(:disabled){background:#e5e7eb}.edit-input,.edit-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#374151;font-family:inherit;font-size:15px;font-weight:500;padding:14px 18px;transition:all .3s ease;width:100%}.edit-input:focus,.edit-textarea:focus{border-color:#2e7d32;box-shadow:0 0 0 4px #2e7d3226;outline:none;transform:translateY(-1px)}.edit-input:hover,.edit-textarea:hover{border-color:#388e3c;box-shadow:0 2px 8px #2e7d321a}.edit-textarea{min-height:100px;resize:vertical}.save-btn{background:#10b981}.save-btn:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.cancel-btn{background:#6b7280}.cancel-btn:hover:not(:disabled){background:#4b5563;transform:translateY(-2px)}@media (max-width:768px){.admin-buttons{flex-direction:column}.admin-btn{width:100%}}.admin-note-detail{background:#f8fafc;border:2px solid;border-radius:12px;margin-bottom:16px;padding:16px 20px}.admin-note-detail .note-header{align-items:center;display:flex;font-size:1rem;gap:8px;margin-bottom:12px}.admin-note-detail .note-content{background:#fff;border-left:4px solid;border-radius:8px;color:#374151;font-size:.95rem;line-height:1.6;padding:12px}.reject-note-detail{background:#fef2f2;border-color:#dc2626}.reject-note-detail .note-header{color:#dc2626}.reject-note-detail .note-content{background:#fff5f5;border-left-color:#dc2626}.edit-note-detail{background:#fff7ed;border-color:#ea580c}.edit-note-detail .note-header{color:#ea580c}.edit-note-detail .note-content{background:#fffbf5;border-left-color:#ea580c}.auto-complete-note-detail{background:#f3f4f6;border-color:#8b5cf6}.auto-complete-note-detail .note-header{color:#8b5cf6}.auto-complete-note-detail .note-content{background:#fafaff;border-left-color:#8b5cf6}.general-note-detail{background:#eff6ff;border-color:#2563eb}.general-note-detail .note-header{color:#2563eb}.general-note-detail .note-content{background:#f8faff;border-left-color:#2563eb}.sponsor-list{margin-top:8px}.sponsor-items{list-style:none;margin:0;padding:0}.sponsor-items li{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#374151;font-size:.95rem;margin-bottom:6px;padding:8px 12px;transition:all .2s ease}.sponsor-items li:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateX(2px)}.sponsor-items li:last-child{margin-bottom:0}@media (max-width:768px){.user-table-container{min-width:auto;overflow:visible}.user-table{border:0}.user-table thead{display:none}.user-table tbody,.user-table td,.user-table tr{display:block;width:100%}.user-table-row{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin:0 12px 12px;overflow:hidden}.user-table td{border:none;border-bottom:1px solid #f1f5f9;padding:12px 14px}.user-table td:last-child{border-bottom:none}.user-table tr td:before{color:#374151;content:var(--label);display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}.user-table tr td:first-child{--label:"Etkinlik Adı"}.user-table tr td:nth-child(2){--label:"Düzenleyen Birim"}.user-table tr td:nth-child(3){--label:"Tarih"}.user-table tr td:nth-child(4){--label:"Saat"}.user-table tr td:nth-child(5){--label:"Konum"}.user-table tr td:nth-child(6){--label:"Durum"}.user-table tr td:nth-child(7){--label:"Oluşturulma"}.user-table tr td:nth-child(8){--label:"İşlemler"}.actions-cell .action-buttons{justify-content:flex-start}}.admin-dashboard{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.admin-tab-navigation{border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;padding:15px 20px}.admin-tab-navigation,.tab-btn{background:#fff;display:flex;gap:10px}.tab-btn{align-items:center;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.tab-btn:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;color:#3b82f6;transform:translateY(-2px)}.tab-btn.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.tab-btn.active:hover{background:#2563eb;border-color:#2563eb}.admin-header{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);border-radius:20px;box-shadow:0 10px 30px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:32px;padding:32px 40px;width:100%}.admin-header-left h1{align-items:center;color:#fff!important;display:flex;font-size:2.5rem;font-weight:700;gap:16px;margin-bottom:8px;text-shadow:0 2px 4px #0000001a}.admin-header-left p{font-size:1.2rem;margin:0;opacity:.9}.admin-header-right{align-items:center;display:flex;gap:16px}.add-event-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.add-event-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.add-event-btn:active{transform:translateY(-1px)}.admin-logout-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.admin-logout-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.admin-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(5,1fr);margin-bottom:32px;width:100%}.admin-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.admin-stat-card:before{background:linear-gradient(90deg,#4caf50,#45a049);content:"";height:4px;left:0;position:absolute;right:0;top:0}.admin-stat-card.blue:before{background:linear-gradient(90deg,#2563eb,#3b82f6)}.admin-stat-card.yellow:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.admin-stat-card.green:before{background:linear-gradient(90deg,#10b981,#34d399)}.admin-stat-card.red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.admin-stat-card.purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.admin-stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.admin-stat-card.blue .stat-icon{color:#2563eb}.admin-stat-card.yellow .stat-icon{color:#f59e0b}.admin-stat-card.green .stat-icon{color:#10b981}.admin-stat-card.red .stat-icon{color:#ef4444}.admin-stat-card.purple .stat-icon{color:#8b5cf6}.stat-value{color:#1e293b;margin-bottom:4px}.stat-title{font-size:.9rem;margin:0}.admin-controls{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;gap:32px;margin-bottom:32px;padding:24px 32px;width:100%}.admin-controls,.admin-search{align-items:center;display:flex}.admin-search{flex:1 1;gap:12px;max-width:400px}.search-input{padding:12px 16px}.search-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.admin-filters{align-items:center;display:flex;gap:16px}.filter-buttons{gap:12px}.filter-btn{border:2px solid #e2e8f0;padding:10px 18px;white-space:nowrap}.filter-btn:hover{border-color:#4caf50;color:#4caf50}.filter-btn.active{background:#4caf50;border-color:#4caf50}.admin-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px;width:100%}.admin-content-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.admin-content-header h2{align-items:center;color:#1e293b;display:flex;font-size:1.8rem;font-weight:700;gap:12px;margin:0}.total-count{background:#f1f5f9;border-radius:8px;color:#64748b;font-weight:600;padding:8px 16px}.admin-table-container{border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.admin-table{border-collapse:collapse;min-width:1000px;table-layout:fixed;width:100%}.admin-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-weight:600;padding:16px 12px;text-align:left;white-space:nowrap}.admin-table td{border-bottom:1px solid #f1f5f9;padding:16px 12px;vertical-align:top}.admin-table-row:hover{background:#f8fafc}.admin-table-row.clickable-row:hover{background:#f1f5f9;box-shadow:0 2px 8px #00000014;cursor:pointer;transform:translateY(-1px);transition:all .2s ease}.event-info-cell{max-width:350px;min-width:280px}.event-info-wrapper .event-name{color:#1e293b;display:block;font-size:.95rem;font-weight:600;line-height:1.3;margin-bottom:4px}.event-unit{margin:2px 0 4px}.event-unit span{background:#e0f2fe;border-radius:4px;color:#0277bd;font-size:.75rem;font-weight:500;padding:2px 8px}.event-purpose{color:#64748b;font-size:.8rem;font-style:italic;line-height:1.3}.user-cell{max-width:200px;min-width:180px}.user-info strong{color:#1e293b;display:block;font-size:.9rem;margin-bottom:2px}.user-email{font-size:.8rem}.datetime-cell{max-width:160px;min-width:140px}.datetime-info{display:flex;flex-direction:column;gap:4px}.date-info,.time-info{align-items:center;color:#475569;display:flex;font-size:.85rem;gap:4px}.location-cell{max-width:180px;min-width:140px}.location-info{align-items:center;color:#475569;display:flex;font-size:.85rem;font-weight:500;gap:4px}.location-info svg{color:#4caf50;flex-shrink:0}.location-info span{line-height:1.3;word-break:break-word}.status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;gap:4px}.status-approved{background:#d1fae5;color:#065f46}.status-completed{background:#e0e7ff;color:#3730a3}.admin-notes-cell{max-width:200px;min-width:160px}.admin-notes-wrapper{display:flex;flex-direction:column;gap:4px}.admin-note{background:#f8fafc;border-left:3px solid;border-radius:6px;font-size:.8rem;padding:6px 8px}.admin-note.reject-note{background:#fef2f2;border-left-color:#dc2626}.admin-note.edit-note{background:#fff7ed;border-left-color:#ea580c}.admin-note.auto-complete-note{background:#f3f4f6;border-left-color:#8b5cf6}.note-text{word-wrap:break-word;color:#6b7280;display:block;font-size:.8rem;line-height:1.3}.created-cell{color:#64748b;font-size:.9rem}.actions-cell{min-width:140px}.action-btn{border-radius:6px}.view-btn{background:#f1f5f9;color:#475569}.view-btn:hover{background:#e2e8f0}.admin-empty-state,.admin-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.admin-empty-state{text-align:center}.empty-icon{align-items:center;background:#f1f5f9;color:#94a3b8;display:flex;height:120px;justify-content:center;width:120px}.admin-empty-state h3{color:#1e293b;font-size:1.5rem;margin-bottom:12px}.admin-empty-state p{color:#64748b;font-size:1rem;max-width:400px}@media (max-width:1400px){.admin-stats-grid{gap:20px;grid-template-columns:repeat(3,1fr)}.admin-header{padding:28px 32px}.admin-header-left h1{font-size:2.2rem}}@media (max-width:1200px){.admin-stats-grid{gap:18px;grid-template-columns:repeat(2,1fr)}.admin-controls{align-items:stretch;flex-direction:column;gap:20px}.admin-search{max-width:100%}.filter-buttons{flex-wrap:wrap;gap:8px}.filter-btn{font-size:.9rem;padding:8px 14px}}@media (max-width:1024px){.admin-content-wrapper{margin-top:70px}.admin-main{margin-left:0;max-width:100%;padding:20px}.admin-header{flex-direction:column;gap:20px;padding:24px 20px;text-align:center}.admin-header-left h1{font-size:2rem;gap:12px}.admin-header-left p{font-size:1.1rem}.admin-stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.admin-stat-card{padding:20px}.stat-value{font-size:2rem}.admin-controls{padding:20px 24px}.admin-content{padding:24px}.admin-table-container{overflow-x:auto}.admin-table{min-width:800px}}@media (max-width:768px){.admin-content-wrapper{margin-top:60px}.admin-main{padding:16px}.admin-header{border-radius:16px;padding:20px 16px}.admin-header-left h1{flex-direction:column;font-size:1.8rem;gap:8px}.admin-header-left p{font-size:1rem}.add-event-btn{font-size:.9rem;padding:10px 20px}.admin-stats-grid{gap:16px;grid-template-columns:1fr}.admin-stat-card{padding:18px}.stat-card-header{margin-bottom:12px}.stat-icon{height:48px;width:48px}.stat-value{font-size:1.8rem}.stat-title{font-size:.85rem}.admin-controls{gap:16px;padding:16px 20px}.search-input{font-size:.9rem;padding:10px 14px}.filter-btn{font-size:.85rem;padding:8px 12px}.admin-content{padding:20px}.admin-content-header{align-items:flex-start;flex-direction:column;gap:12px}.admin-content-header h2{font-size:1.5rem}.admin-table td,.admin-table th{padding:12px 8px}.event-info-cell{max-width:250px;min-width:200px}.user-cell{max-width:160px;min-width:140px}.datetime-cell{max-width:140px;min-width:120px}.location-cell{max-width:150px;min-width:120px}.status-cell{max-width:120px;min-width:120px}.admin-notes-cell{max-width:180px;min-width:140px}.actions-cell{min-width:120px}}@media (max-width:480px){.admin-content-wrapper{margin-top:55px}.admin-main{padding:12px}.admin-header{border-radius:12px;padding:16px 12px}.admin-header-left h1{font-size:1.5rem}.admin-header-left p{font-size:.9rem}.add-event-btn{font-size:.85rem;gap:6px;padding:8px 16px}.admin-stats-grid{gap:12px}.admin-stat-card{padding:16px}.stat-icon{height:40px;width:40px}.stat-value{font-size:1.6rem}.stat-title{font-size:.8rem}.admin-controls{gap:12px;padding:12px 16px}.search-input{font-size:.85rem;padding:8px 12px}.filter-buttons{gap:6px}.filter-btn{font-size:.8rem;padding:6px 10px}.admin-content{padding:16px}.admin-content-header h2{font-size:1.3rem}.admin-table{min-width:600px}.admin-table td,.admin-table th{font-size:.85rem;padding:8px 6px}.event-name{font-size:.85rem!important}.event-unit span{font-size:.7rem;padding:1px 6px}.event-purpose{font-size:.75rem}.user-info strong{font-size:.85rem}.user-email{font-size:.75rem}.date-info,.location-info,.time-info{font-size:.8rem}.status-badge{font-size:.7rem;padding:3px 6px}.admin-note{padding:4px 6px}.admin-note,.note-text{font-size:.75rem}.action-btn{padding:6px}}@media (max-width:360px){.admin-main{padding:8px}.admin-header{padding:12px 8px}.admin-header-left h1{font-size:1.3rem}.admin-header-left p{font-size:.85rem}.add-event-btn{font-size:.8rem;padding:6px 12px}.admin-stats-grid{gap:8px}.admin-stat-card{padding:12px}.stat-icon{height:36px;width:36px}.stat-value{font-size:1.4rem}.stat-title{font-size:.75rem}.admin-controls{padding:8px 12px}.search-input{font-size:.8rem;padding:6px 10px}.filter-btn{font-size:.75rem;padding:4px 8px}.admin-content{padding:12px}.admin-content-header h2{font-size:1.1rem}.admin-table{min-width:500px}.admin-table td,.admin-table th{font-size:.8rem;padding:6px 4px}}@media (max-width:768px) and (orientation:landscape){.admin-content-wrapper{margin-top:50px}.admin-header{padding:12px 16px}.admin-header-left h1{flex-direction:row;font-size:1.6rem}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-controls{align-items:center;flex-direction:row}.admin-search{max-width:200px}}.mobile-card-title h3{font-size:1.1rem}.mobile-admin-notes{margin-top:8px}.mobile-note{background:#f8fafc;border-left:3px solid;border-radius:6px;font-size:.85rem;margin-bottom:6px;padding:8px 10px}.mobile-note.reject-note{background:#fef2f2;border-left-color:#dc2626}.mobile-note.edit-note{background:#fff7ed;border-left-color:#ea580c}.mobile-note.auto-complete-note{background:#f3f4f6;border-left-color:#8b5cf6}.mobile-note span{word-wrap:break-word;color:#6b7280;line-height:1.3}@media (max-width:480px){.mobile-events-grid{gap:12px}.mobile-event-card{padding:12px}.mobile-card-title h3{font-size:1rem}.mobile-info-item{font-size:.85rem;gap:6px}.mobile-note{font-size:.8rem;padding:6px 8px}}@media (max-width:360px){.mobile-event-card{padding:10px}.mobile-card-title h3{font-size:.95rem}.mobile-info-item{font-size:.8rem}.mobile-note{font-size:.75rem;padding:5px 6px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.admin-stat-card,.admin-table,.mobile-event-card{border-width:.5px}}.advanced-filter-btn{border:2px solid #e2e8f0;color:#64748b}.advanced-filter-btn:hover{background:#f0fdf4;border-color:#4caf50;color:#4caf50}.advanced-filter-btn.active{background:#4caf50;border-color:#4caf50;box-shadow:0 4px 12px #4caf504d}.advanced-filters-panel{border:1px solid #e2e8f0}.filter-select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.date-input{border:2px solid #e2e8f0}.date-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.filter-summary{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:16px 20px}.active-filter-tag{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.active-filter-tag button{color:#166534}.active-filter-tag button:hover{background:#166534}.results-summary{border:1px solid #e2e8f0}.admin-complaint-detail,.admin-complaint-management,.admin-dashboard,.admin-log-dashboard,.calendar-main,.manager-dashboard,.user-main{position:relative;z-index:1}.admin-log-dashboard{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.admin-content-wrapper{display:flex;margin-top:70px}.admin-main{display:flex;flex-direction:column;gap:20px;margin-left:250px;max-width:calc(100% - 250px);padding:24px;position:relative;z-index:1}.admin-log-dashboard .header{display:block!important;left:0!important;opacity:1!important;position:fixed!important;right:0!important;top:0!important;visibility:visible!important;z-index:999!important}.log-dashboard-header{background:#fff;border:1px solid #fffc;border-radius:15px;box-shadow:0 8px 25px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;margin-bottom:30px;max-width:1200px;min-height:80px;overflow:hidden;padding:25px 30px;position:relative;width:100%}.header-title{flex-direction:column;gap:8px;text-align:center}.header-title,.header-title h1{align-items:center;display:flex}.header-title h1{word-wrap:break-word;color:#1a365d;flex-wrap:wrap;font-size:22px;font-weight:700;gap:12px;justify-content:center;line-height:1.2;margin:0;max-width:100%;overflow-wrap:break-word}.header-title p{color:#64748b;font-size:16px;margin:0}.header-buttons{flex-wrap:wrap;gap:15px;margin-top:10px;width:100%}.export-btn,.header-buttons,.refresh-btn{align-items:center;display:flex;justify-content:center}.export-btn,.refresh-btn{border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;cursor:pointer;flex-shrink:0;font-size:15px;font-weight:600;gap:8px;height:48px!important;max-width:180px!important;min-width:180px!important;padding:0;text-decoration:none;transition:all .3s ease;white-space:nowrap;width:180px!important}.refresh-btn{background:#3b82f6;color:#fff}.refresh-btn:hover{background:#2563eb;box-shadow:0 6px 20px #3b82f666;transform:translateY(-3px)}.export-btn{background:#10b981}.export-btn:hover{background:#059669;box-shadow:0 6px 20px #10b98166;transform:translateY(-3px)}@media (min-width:1024px){.log-dashboard-header{margin-bottom:40px;padding:30px 40px}.header-title h1{font-size:28px;margin-bottom:12px}.header-title p{font-size:18px}.header-buttons{gap:24px;justify-content:center;margin-top:20px}.export-btn,.refresh-btn{border-radius:16px;box-shadow:0 6px 16px #0000001f;box-sizing:border-box;flex-shrink:0;font-size:17px;font-weight:700;height:56px!important;letter-spacing:.5px;max-width:220px!important;min-width:220px!important;padding:0;text-transform:uppercase;width:220px!important}.export-btn:hover,.refresh-btn:hover{box-shadow:0 12px 30px #00000040;transform:translateY(-5px)}.refresh-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)}.refresh-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.export-btn{background:linear-gradient(135deg,#10b981,#059669)}.export-btn:hover{background:linear-gradient(135deg,#059669,#047857)}}@media (min-width:1440px){.log-dashboard-header{margin-bottom:50px;padding:40px 50px}.header-title h1{font-size:32px;margin-bottom:16px}.header-title p{font-size:20px}.header-buttons{gap:32px;margin-top:24px}.export-btn,.refresh-btn{border-radius:18px;box-shadow:0 8px 20px #00000026;box-sizing:border-box;flex-shrink:0;font-size:18px;height:60px!important;max-width:240px!important;min-width:240px!important;padding:0;width:240px!important}.export-btn:hover,.refresh-btn:hover{box-shadow:0 16px 40px #0000004d;transform:translateY(-6px)}}.log-stats-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px;max-width:1200px;width:100%}.log-stat-card{background:#fff;border:1px solid #fffc;border-radius:15px;box-shadow:0 8px 25px #0000001a;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.log-stat-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.log-stat-card.blue{border-left:4px solid #3b82f6}.log-stat-card.green{border-left:4px solid #10b981}.log-stat-card.orange{border-left:4px solid #f59e0b}.log-stat-card.purple{border-left:4px solid #8b5cf6}.stat-card-header{align-items:center;margin-bottom:15px}.log-stat-card.green .stat-icon{background:#10b9811a;color:#10b981}.log-stat-card.orange .stat-icon{background:#f59e0b1a;color:#f59e0b}.log-stat-card.purple .stat-icon{background:#8b5cf61a;color:#8b5cf6}.stat-trend{color:#10b981}.stat-value{color:#1a365d;font-size:32px;margin:0 0 5px}.stat-title{color:#64748b;font-size:16px;font-weight:600;margin:0 0 5px}.stat-subtitle{color:#94a3b8;font-size:14px;margin:0}.log-controls{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:10px;max-width:1200px;padding:20px;width:100%}.log-controls,.search-section{align-items:center;display:flex}.search-section{flex:1 1;gap:10px;min-width:300px}.search-input{border:2px solid #e2e8f0;border-radius:10px;flex:1 1;font-size:14px;padding:12px 15px}.filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.filter-select{border:2px solid #e2e8f0;font-size:14px;padding:10px 15px}.clear-filters-btn{background:#ef4444;border:none;color:#fff;font-weight:600;padding:10px 20px}.clear-filters-btn:hover{background:#dc2626;transform:translateY(-1px)}.log-content-grid{align-items:start;display:flex;justify-content:center;max-width:100%;overflow-x:hidden;width:100%}.log-list-panel{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;overflow:hidden}.panel-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;justify-content:space-between;padding:25px 30px}.panel-header,.panel-header h2{align-items:center;display:flex}.panel-header h2{font-size:20px;font-weight:600;gap:10px;margin:0}.log-count{background:#fff3;border-radius:20px;font-size:14px;font-weight:600;padding:5px 12px}.log-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{height:50px;margin-bottom:20px;width:50px}.log-list{max-height:800px;overflow-y:auto}.log-item{border-bottom:1px solid #e2e8f0;transition:all .3s ease}.log-item:hover{background:#f8fafc}.log-item-header{cursor:pointer;gap:20px;padding:20px 30px;transition:all .3s ease}.log-icon,.log-item-header{align-items:center;display:flex}.log-icon{background:#f1f5f9;border-radius:12px;justify-content:center;padding:12px}.log-main-info{flex:1 1}.log-user{display:flex;flex-direction:column;margin-bottom:8px}.user-name{font-size:16px}.user-email{font-size:14px}.log-action-info{align-items:center;display:flex;gap:15px}.action-badge{background:#3b82f6;color:#fff;text-transform:uppercase}.action-badge,.resource-type{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.resource-type{background:#e2e8f0;color:#64748b}.log-meta{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.log-time{align-items:center;color:#64748b;display:flex;font-size:14px;gap:5px}.expand-icon{color:#94a3b8;transition:transform .3s ease}.log-item-details{background:#f8fafc;border-top:1px solid #e2e8f0;padding:0 30px 25px}.detail-section{margin-bottom:20px}.detail-section h4{color:#1a365d;font-size:16px;font-weight:600;margin:0 0 15px}.detail-section p{color:#64748b;line-height:1.6;margin:0}.detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.detail-label{color:#475569;font-weight:600}.detail-value{align-items:center;color:#64748b;display:flex;font-family:Courier New,monospace;font-size:13px;gap:5px}.role-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.role-badge.admin{background:#dc2626;color:#fff}.role-badge.manager{background:#f59e0b;color:#fff}.role-badge.user{background:#10b981;color:#fff}.log-empty-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.log-empty-state h3{color:#475569;font-size:20px;margin:20px 0 10px}.log-empty-state p{color:#94a3b8;margin:0}.log-pagination{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 30px}.pagination-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.pagination-btn:disabled{background:#cbd5e1;cursor:not-allowed}.pagination-btn:not(:disabled):hover{background:#2563eb;transform:translateY(-1px)}.pagination-info{color:#64748b;font-weight:600}.log-stats-panel{display:flex;flex-direction:column;gap:25px;margin-top:5px;max-width:1200px;width:100%}.stats-section{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:40px}.stats-section h3{border-bottom:2px solid #e2e8f0;color:#1a365d;font-size:26px;font-weight:600;margin:0 0 30px;padding-bottom:18px}.user-activity-list{display:flex;flex-direction:column;gap:15px}.user-activity-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.user-activity-item:hover{background:#e2e8f0;transform:translateX(5px)}.user-rank{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:30px;justify-content:center;width:30px}.user-info{flex:1 1}.user-name{color:#1a365d}.user-email{color:#64748b}.activity-count{background:#10b981;border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px}.action-stats-list{display:flex;flex-direction:column;gap:12px}.action-stat-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:15px;padding:12px}.action-info{flex:1 1}.action-name{color:#1a365d;display:block;font-size:14px;font-weight:600;margin-bottom:5px;text-transform:capitalize}.action-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden;width:100%}.action-fill{background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:3px;height:100%;transition:width .6s ease}.action-count{background:#8b5cf6;border-radius:15px;color:#fff;font-size:12px;font-weight:600;min-width:40px;padding:4px 10px;text-align:center}.recent-activities-list{display:flex;flex-direction:column;gap:20px}.recent-activity-item{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:20px;padding:25px;transition:all .3s ease}.recent-activity-item:hover{background:#e2e8f0;transform:translateX(3px)}.activity-icon{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.activity-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.activity-user{color:#1a365d;font-size:18px;font-weight:600}.activity-desc{color:#64748b;font-size:16px}.activity-time{color:#94a3b8;font-size:14px}.text-green-600{color:#059669}.text-gray-600{color:#4b5563}.text-blue-600{color:#2563eb}.text-orange-600{color:#ea580c}.text-red-600{color:#dc2626}.text-purple-600{color:#9333ea}@media (max-width:1200px){.log-stats-panel{max-width:100%}.log-stats-grid{grid-template-columns:repeat(2,1fr)}.log-dashboard-header{padding:20px 25px}.header-left h1{font-size:20px}}@media (max-width:1024px){.admin-main{margin-left:0;max-width:100%;padding:15px}.log-stats-grid{gap:15px;grid-template-columns:repeat(2,1fr);min-width:0}.log-stat-card{min-height:100px;padding:20px}.stat-value{font-size:28px}.log-controls{flex-wrap:wrap;gap:15px;padding:15px}.search-section{flex:1 1;min-width:250px}.filter-section{flex-wrap:wrap;gap:10px}.filter-select{font-size:13px;min-width:120px;padding:8px 12px}.stats-section{padding:30px}.stats-section h3{font-size:22px}}@media (max-width:768px){.admin-main{margin-left:0;max-width:100%;padding:5px}.log-dashboard-header{gap:15px;margin-bottom:15px;padding:15px}.header-title h1{flex-direction:column;font-size:18px;gap:8px}.header-title p{font-size:14px}.header-buttons{gap:10px}.export-btn,.refresh-btn{box-sizing:border-box;flex:1 1;flex-shrink:0;font-size:13px;gap:6px;height:44px!important;justify-content:center;max-width:150px!important;min-width:150px!important;padding:0;text-align:center;width:150px!important}.log-stats-grid{gap:15px;grid-template-columns:1fr;min-width:0;width:100%}.log-stat-card{box-sizing:border-box;padding:20px;width:100%}.stat-value{font-size:24px}.stat-title{font-size:14px}.log-controls{align-items:stretch;box-sizing:border-box;flex-direction:column;gap:10px;margin-bottom:10px;padding:10px;width:100%}.search-section{flex:1 1;min-width:0;min-width:auto;width:100%}.search-input{box-sizing:border-box;font-size:13px;padding:10px 12px;width:100%}.filter-section{flex-wrap:wrap;gap:10px;justify-content:stretch;width:100%}.filter-select{box-sizing:border-box;flex:1 1;font-size:13px;min-width:120px;padding:8px 10px}.clear-filters-btn{flex-shrink:0;font-size:13px;padding:8px 15px}.log-item-header{box-sizing:border-box;flex-direction:column;gap:15px;padding:15px 20px}.log-item-header,.log-meta{align-items:flex-start;width:100%}.detail-grid{grid-template-columns:1fr;width:100%}.stats-section{box-sizing:border-box;margin-bottom:10px;padding:15px;width:100%}.stats-section h3{font-size:20px;margin-bottom:15px}.recent-activity-item{box-sizing:border-box;gap:12px;margin-bottom:8px;padding:12px;width:100%}.activity-user{font-size:16px}.activity-desc{font-size:14px}.activity-time{font-size:12px}.user-activity-item{padding:12px}.action-stat-item,.user-activity-item{box-sizing:border-box;gap:12px;width:100%}.action-stat-item{padding:10px}}@media (max-width:480px){.admin-main{max-width:100%;padding:3px}.log-dashboard-header{gap:8px;margin-bottom:10px;padding:10px}.header-title h1{font-size:16px;gap:6px}.header-title p{font-size:12px}.header-buttons{gap:8px}.export-btn,.refresh-btn{box-sizing:border-box;flex:1 1;flex-shrink:0;font-size:12px;gap:4px;height:40px!important;justify-content:center;max-width:130px!important;min-width:130px!important;padding:0;text-align:center;width:130px!important}.log-stats-grid{gap:12px}.log-stat-card{padding:15px}.stat-value{font-size:20px}.stat-title{font-size:13px}.stat-subtitle{font-size:12px}.log-controls{gap:8px;margin-bottom:8px;padding:8px}.search-input{font-size:12px;padding:8px 10px}.filter-section{gap:8px}.filter-select{font-size:12px;min-width:100px;padding:6px 8px}.clear-filters-btn{font-size:12px;padding:6px 12px}.stats-section{margin-bottom:8px;padding:10px}.stats-section h3{font-size:18px;margin-bottom:10px}.recent-activity-item{gap:10px;margin-bottom:6px;padding:10px}.activity-icon{padding:12px}.activity-user{font-size:14px}.activity-desc{font-size:12px}.activity-time{font-size:11px}.user-activity-item{gap:10px;padding:10px}.user-rank{font-size:12px;height:25px;width:25px}.user-name{font-size:13px}.user-email{font-size:11px}.activity-count{font-size:11px;padding:3px 8px}.action-stat-item{gap:10px;padding:8px}.action-name{font-size:13px}.action-count{font-size:11px;min-width:35px;padding:3px 8px}.log-item-header{gap:12px;padding:12px 15px}.log-icon{padding:8px}.user-name{font-size:14px}.user-email{font-size:12px}.action-badge,.resource-type{font-size:11px;padding:3px 8px}.log-time{font-size:12px}.log-item-details{padding:0 15px 20px}.detail-section h4{font-size:14px;margin-bottom:12px}.detail-section p{font-size:13px}.detail-item{padding:10px}.detail-label{font-size:13px}.detail-value{font-size:12px}.role-badge{font-size:11px;padding:3px 8px}.panel-header{padding:20px}.panel-header h2{font-size:18px}.log-count{font-size:12px;padding:4px 10px}.log-pagination{padding:15px 20px}.pagination-btn{font-size:13px;padding:8px 15px}.pagination-info{font-size:13px}.log-empty-state{padding:60px 15px}.log-empty-state h3{font-size:18px}.log-empty-state p{font-size:13px}}@media (max-width:360px){.admin-main{max-width:100%;padding:2px}.log-dashboard-header{margin-bottom:8px;padding:8px}.header-title h1{font-size:14px}.header-title p{font-size:11px}.header-buttons{gap:6px}.export-btn,.refresh-btn{box-sizing:border-box;flex:1 1;flex-shrink:0;font-size:11px;height:36px!important;justify-content:center;max-width:110px!important;min-width:110px!important;padding:0;text-align:center;width:110px!important}.log-stat-card{padding:12px}.stat-value{font-size:18px}.stat-title{font-size:12px}.log-controls{padding:10px}.search-input{font-size:11px;padding:6px 8px}.filter-select{font-size:11px;min-width:80px;padding:5px 6px}.clear-filters-btn{font-size:11px;padding:5px 10px}.stats-section{margin-bottom:6px;padding:8px}.stats-section h3{font-size:16px;margin-bottom:8px}.recent-activity-item{gap:8px;margin-bottom:4px;padding:8px}.activity-icon{padding:10px}.activity-user{font-size:13px}.activity-desc{font-size:11px}.activity-time{font-size:10px}.user-activity-item{gap:8px;padding:8px}.user-rank{font-size:11px;height:22px;width:22px}.user-name{font-size:12px}.user-email{font-size:10px}.action-stat-item{gap:8px;padding:6px}.action-name{font-size:12px}.action-count{font-size:10px;padding:2px 6px}}@media (max-width:1024px) and (orientation:landscape){.admin-log-dashboard{padding:10px}.log-dashboard-header{min-height:60px;padding:15px 20px}.header-left h1{font-size:18px}.log-stats-grid{gap:10px;grid-template-columns:repeat(4,1fr)}.log-stat-card{padding:15px}.stat-value{font-size:20px}.stat-title{font-size:12px}.log-controls{padding:12px}.search-section{min-width:200px}.filter-section{gap:8px}.filter-select{font-size:12px;padding:6px 8px}.stats-section{padding:20px}.stats-section h3{font-size:18px;margin-bottom:15px}.recent-activity-item{gap:12px;padding:12px}.activity-user{font-size:14px}.activity-desc{font-size:12px}.activity-time{font-size:11px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.log-controls,.log-stat-card,.stats-section{border-width:.5px}}@media (hover:none) and (pointer:coarse){.export-btn,.refresh-btn{min-height:44px;min-width:44px}.clear-filters-btn,.filter-select{min-height:44px}.pagination-btn{min-height:44px;min-width:44px}.log-item-header{min-height:44px}}.manager-dashboard{background:linear-gradient(135deg,#eff6ff,#dbeafe);min-height:100vh}.manager-content-wrapper{display:flex;margin-top:70px}.manager-main{flex:1 1;margin-left:250px;max-width:calc(100% - 250px);padding:24px;position:relative;z-index:1}.manager-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 30px #3b82f64d;color:#fff;display:flex;justify-content:space-between;margin-bottom:32px;padding:32px 40px}.manager-header-left h1{align-items:center;color:#fff!important;display:flex;font-size:2.5rem;font-weight:700;gap:16px;margin-bottom:8px;text-shadow:0 2px 4px #0003}.manager-header-left p{color:#e0f2fe;font-size:1.2rem;opacity:.9}.manager-header-right{text-align:right}.manager-role-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:25px;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 20px}.manager-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(5,1fr);margin-bottom:32px;width:100%}.manager-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.manager-stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.manager-stat-card.blue:before,.manager-stat-card:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.manager-stat-card.yellow:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.manager-stat-card.green:before{background:linear-gradient(90deg,#10b981,#059669)}.manager-stat-card.red:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.manager-stat-card.purple:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.manager-stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.stat-card-header{align-items:flex-start;justify-content:space-between}.stat-card-header,.stat-icon{display:flex;margin-bottom:16px}.stat-icon{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#4caf50;height:56px;justify-content:center;width:56px}.manager-stat-card.blue .stat-icon{color:#2563eb}.manager-stat-card.yellow .stat-icon{color:#f59e0b}.manager-stat-card.green .stat-icon{color:#10b981}.manager-stat-card.red .stat-icon{color:#ef4444}.manager-stat-card.purple .stat-icon{color:#8b5cf6}.stat-trend{color:#6b7280;font-size:.875rem}.stat-value{color:#1f2937;font-size:2.5rem;line-height:1;margin-bottom:8px}.stat-title{color:#6b7280;font-size:1rem;font-weight:500;line-height:1.2}.manager-controls{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px;padding:24px}.manager-search{flex:1 1;max-width:400px;position:relative}.search-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;padding:12px 16px 12px 44px;transition:all .3s ease;width:100%}.search-input::placeholder{color:#9ca3af}.search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.manager-filters{align-items:center;display:flex;gap:16px}.filter-buttons{display:flex;gap:8px}.filter-btn{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 16px;transition:all .3s ease}.filter-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.filter-btn.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.manager-content{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.manager-table-container{overflow-x:auto}.manager-table{border-collapse:collapse;width:100%}.manager-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:16px 20px;text-align:left;text-transform:uppercase}.manager-table td{border-bottom:1px solid #f3f4f6;padding:20px;vertical-align:top}.manager-table tr:hover{background:#f8fafc}.manager-table tr.clickable-row:hover{background:#f1f5f9;box-shadow:0 2px 8px #00000014;cursor:pointer;transform:translateY(-1px);transition:all .2s ease}.event-cell{min-width:200px}.event-name{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:4px}.event-purpose{color:#6b7280;font-size:.875rem}.organizer-cell{min-width:180px}.organizer-name{color:#1f2937;font-weight:500;margin-bottom:4px}.organizer-email{color:#6b7280;font-size:.875rem}.unit-cell{color:#6b7280;min-width:120px}.date-cell{min-width:140px}.event-date,.event-time{color:#374151;display:block;font-size:.875rem}.event-date{font-weight:600;margin-bottom:2px}.venue-cell{color:#374151;font-weight:500;min-width:140px}.status-cell{max-width:140px;min-width:140px}.status-badge{border-radius:16px;display:inline-block;font-size:.7rem;letter-spacing:.03em;max-width:120px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.status-badge.status-pending{background:#fef3c7;border:1px solid #fbbf24;color:#92400e}.status-badge.status-approved{background:#dcfce7;border:1px solid #22c55e;color:#166534}.status-badge.status-rejected{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.status-badge.status-completed{background:#e0f2fe;border:1px solid #06b6d4;color:#0e7490}.created-cell{color:#6b7280;font-size:.875rem;min-width:120px}.actions-cell{min-width:100px}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.view-btn{background:#eff6ff;border:1px solid #bfdbfe;color:#3b82f6}.view-btn:hover{background:#3b82f6;color:#fff;transform:scale(1.05)}.manager-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:3px solid #e5e7eb}.manager-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{background:#f3f4f6;border-radius:50%;color:#9ca3af;margin-bottom:24px;padding:24px}.manager-empty-state h3{color:#374151;font-size:1.5rem;font-weight:600;margin-bottom:8px}.manager-empty-state p{color:#6b7280;font-size:1rem}@media (max-width:1600px){.manager-main{margin-left:240px;max-width:calc(100% - 240px);padding:20px}.manager-stats-grid{gap:20px;grid-template-columns:repeat(4,1fr)}.manager-header{margin-bottom:28px;padding:28px 32px}.manager-header-left h1{font-size:2.2rem}.manager-header-left p{font-size:1.1rem}.manager-role-badge{font-size:.95rem;padding:10px 18px}.stat-value{font-size:2.2rem}.stat-title{font-size:.95rem}}@media (max-width:1400px){.manager-main{margin-left:220px;max-width:calc(100% - 220px);padding:18px}.manager-stats-grid{gap:18px;grid-template-columns:repeat(3,1fr)}.manager-header{margin-bottom:24px;padding:24px 28px}.manager-header-left h1{font-size:2rem;gap:12px}.manager-header-left p{font-size:1rem}.manager-role-badge{font-size:.9rem;padding:8px 16px}.stat-value{font-size:2rem}.stat-title{font-size:.9rem}.manager-controls{gap:20px;padding:20px}.search-input{font-size:.95rem;padding:10px 14px 10px 40px}.filter-btn{font-size:.85rem;padding:8px 14px}}@media (max-width:1200px){.manager-main{margin-left:200px;max-width:calc(100% - 200px);padding:16px}.manager-stats-grid{gap:16px;grid-template-columns:repeat(3,1fr)}.manager-header{margin-bottom:20px;padding:20px 24px}.manager-header-left h1{font-size:1.8rem;gap:10px}.manager-header-left p{font-size:.95rem}.manager-role-badge{font-size:.85rem;padding:6px 14px}.stat-value{font-size:1.8rem}.stat-title{font-size:.85rem}.manager-controls{gap:18px;padding:18px}.search-input{font-size:.9rem;padding:9px 12px 9px 36px}.filter-btn{font-size:.8rem;padding:7px 12px}.manager-table td,.manager-table th{font-size:.9rem;padding:14px 16px}}@media (max-width:1024px){.manager-main{margin-left:0;max-width:100%;padding:16px}.manager-header{flex-direction:column;gap:16px;margin-bottom:18px;padding:18px 20px;text-align:center}.manager-header-left h1{font-size:1.6rem;gap:8px;justify-content:center}.manager-header-left p{font-size:.9rem}.manager-role-badge{font-size:.8rem;padding:6px 12px}.manager-stats-grid{gap:14px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.manager-stat-card{padding:20px}.stat-value{font-size:1.6rem}.stat-title{font-size:.8rem}.stat-icon{height:48px;margin-bottom:12px;width:48px}.manager-controls{flex-direction:column;gap:14px;padding:16px}.manager-search{max-width:100%}.search-input{font-size:.85rem;padding:8px 12px 8px 32px}.manager-filters{gap:12px}.filter-buttons{flex-wrap:wrap;gap:6px}.filter-btn{font-size:.75rem;padding:6px 10px}.manager-table td,.manager-table th{font-size:.85rem;padding:12px 14px}.event-cell{min-width:160px}.organizer-cell{min-width:140px}.unit-cell{min-width:100px}.date-cell,.status-cell,.venue-cell{min-width:120px}.status-cell{max-width:120px}.created-cell{min-width:100px}.actions-cell{min-width:80px}}@media (max-width:768px){.manager-main{padding:12px}.manager-header{gap:12px;margin-bottom:16px;padding:16px 18px}.manager-header-left h1{font-size:1.4rem;gap:6px}.manager-header-left p{font-size:.85rem}.manager-role-badge{font-size:.75rem;padding:5px 10px}.manager-stats-grid{gap:12px;grid-template-columns:1fr;margin-bottom:20px}.manager-stat-card{padding:16px}.stat-value{font-size:1.4rem}.stat-title{font-size:.75rem}.stat-icon{height:40px;margin-bottom:10px;width:40px}.manager-controls{gap:12px;padding:14px}.search-input{font-size:.8rem;padding:7px 10px 7px 28px}.manager-filters{gap:10px}.filter-buttons{gap:4px}.filter-btn{font-size:.7rem;padding:5px 8px}.manager-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.manager-table{min-width:600px}.manager-table td,.manager-table th{font-size:.75rem;padding:10px 8px}.event-name{font-size:.9rem}.event-purpose{font-size:.75rem}.organizer-name{font-size:.9rem}.event-date,.event-time,.organizer-email{font-size:.75rem}.status-badge{font-size:.65rem;padding:3px 6px}.action-btn{padding:6px}.action-buttons{gap:4px}}@media (max-width:480px){.manager-main{padding:8px}.manager-header{gap:8px;margin-bottom:12px;padding:12px 14px}.manager-header-left h1{font-size:1.2rem;gap:4px}.manager-header-left p{font-size:.8rem}.manager-role-badge{font-size:.7rem;padding:4px 8px}.manager-stats-grid{gap:8px;margin-bottom:16px}.manager-stat-card{padding:12px}.stat-value{font-size:1.2rem}.stat-title{font-size:.7rem}.stat-icon{height:32px;margin-bottom:8px;width:32px}.manager-controls{gap:8px;padding:10px}.search-input{font-size:.75rem;padding:6px 8px 6px 24px}.manager-filters{gap:8px}.filter-buttons{gap:3px}.filter-btn{font-size:.65rem;padding:4px 6px}.manager-table td,.manager-table th{font-size:.7rem;padding:8px 6px}.event-name{font-size:.8rem}.event-purpose{font-size:.7rem}.organizer-name{font-size:.8rem}.event-date,.event-time,.organizer-email{font-size:.7rem}.status-badge{font-size:.6rem;padding:2px 4px}.action-btn{padding:4px}.action-buttons{gap:2px}}@media (max-width:360px){.manager-main{padding:6px}.manager-header{gap:6px;margin-bottom:10px;padding:10px 12px}.manager-header-left h1{font-size:1.1rem;gap:3px}.manager-header-left p{font-size:.75rem}.manager-role-badge{font-size:.65rem;padding:3px 6px}.manager-stats-grid{gap:6px;margin-bottom:12px}.manager-stat-card{padding:10px}.stat-value{font-size:1.1rem}.stat-title{font-size:.65rem}.stat-icon{height:28px;margin-bottom:6px;width:28px}.manager-controls{gap:6px;padding:8px}.search-input{font-size:.7rem;padding:5px 6px 5px 20px}.manager-filters{gap:6px}.filter-buttons{gap:2px}.filter-btn{font-size:.6rem;padding:3px 5px}.manager-table td,.manager-table th{font-size:.65rem;padding:6px 4px}.event-name{font-size:.75rem}.event-purpose{font-size:.65rem}.organizer-name{font-size:.75rem}.event-date,.event-time,.organizer-email{font-size:.65rem}.status-badge{font-size:.55rem;padding:1px 3px}.action-btn{padding:3px}.action-buttons{gap:1px}}@media (max-width:768px) and (orientation:landscape){.manager-main{padding:8px}.manager-header{margin-bottom:12px;padding:12px 16px}.manager-header-left h1{font-size:1.3rem}.manager-stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.manager-controls{flex-direction:row;gap:10px}.manager-search{max-width:300px}}@media (hover:none) and (pointer:coarse){.filter-btn{min-width:44px}.action-btn,.filter-btn,.search-input{min-height:44px}.action-btn{min-width:44px}.manager-stat-card{min-height:120px}.manager-header-left h1{align-items:center;display:flex;min-height:44px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.filter-btn,.manager-content,.manager-controls,.manager-header,.manager-stat-card,.search-input{border-width:.5px}.manager-table td,.manager-table th{border-bottom-width:.5px}}.advanced-filter-controls{align-items:center;display:flex;gap:12px}.advanced-filter-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.advanced-filter-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.advanced-filter-btn.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.advanced-filter-btn .rotated{transform:rotate(180deg);transition:transform .3s ease}.clear-filters-btn{align-items:center;background:#fee2e2;border:2px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:6px;padding:8px 12px;transition:all .3s ease}.clear-filters-btn:hover{background:#fecaca;border-color:#f87171;color:#b91c1c}.advanced-filters-panel{animation:slideDown .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.advanced-filters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.filter-label{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:600;gap:8px}.filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.9rem;padding:10px 12px;transition:all .3s ease}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-range-group{grid-column:span 2}.date-range-inputs{align-items:center;display:flex;gap:12px}.date-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:.9rem;padding:10px 12px;transition:all .3s ease}.date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-separator{color:#6b7280;font-size:1rem;font-weight:500}.filter-summary{border-top:1px solid #e5e7eb;padding-top:16px}.filter-summary-label{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:12px}.active-filters{display:flex;flex-wrap:wrap;gap:8px}.active-filter-tag{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;color:#1e40af;display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;padding:6px 12px}.active-filter-tag button{align-items:center;background:none;border:none;border-radius:50%;color:#1e40af;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:16px;justify-content:center;padding:0;transition:all .2s ease;width:16px}.active-filter-tag button:hover{background:#1e40af;color:#fff}.results-summary{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:16px;padding:16px 24px}.results-count{color:#6b7280;font-size:.9rem;font-weight:500}.mobile-events-grid{grid-gap:16px;display:grid;gap:16px;padding:0}.mobile-event-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;padding:16px;transition:all .3s ease}.mobile-event-card:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.mobile-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.mobile-card-title h3{color:#1e293b;font-size:1.05rem;font-weight:600;line-height:1.3;margin:0 0 8px}.mobile-card-action{background:#f1f5f9;border:none;border-radius:6px;color:#475569;cursor:pointer;flex-shrink:0;padding:6px;transition:all .2s ease}.mobile-card-action:hover{background:#e2e8f0;color:#1e293b}.mobile-card-content{display:flex;flex-direction:column;gap:12px}.mobile-card-info{display:flex;flex-direction:column;gap:8px}.mobile-info-item{align-items:center;color:#475569;display:flex;font-size:.9rem;gap:8px}.mobile-info-item svg{color:#64748b;flex-shrink:0}.mobile-info-item span{line-height:1.3;word-break:break-word}@media (max-width:768px){.manager-table-container{overflow:visible}.manager-table{border:0}.manager-table thead{display:none}.manager-table tbody,.manager-table td,.manager-table tr{display:block;width:100%}.manager-table tr{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin:0 12px 12px;overflow:hidden}.manager-table td{border:none;border-bottom:1px solid #f3f4f6;padding:12px 14px}.manager-table td:last-child{border-bottom:none}.manager-table tr td:before{color:#374151;content:var(--label);display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}.manager-table tr td:first-child{--label:"Etkinlik"}.manager-table tr td:nth-child(2){--label:"Organizatör"}.manager-table tr td:nth-child(3){--label:"Birim"}.manager-table tr td:nth-child(4){--label:"Tarih"}.manager-table tr td:nth-child(5){--label:"Mekan"}.manager-table tr td:nth-child(6){--label:"Durum"}.manager-table tr td:nth-child(7){--label:"Oluşturulma"}.manager-table tr td:nth-child(8){--label:"İşlemler"}.actions-cell .action-buttons{justify-content:flex-start}}@media (max-width:1200px){.advanced-filters-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.date-range-group{grid-column:span 1}.date-range-inputs{flex-direction:column;gap:8px}.date-separator{display:none}}@media (max-width:1024px){.advanced-filter-controls{align-items:stretch;flex-direction:column;gap:8px}.advanced-filter-btn,.clear-filters-btn{justify-content:center}.advanced-filters-panel{margin-bottom:20px;padding:20px}.advanced-filters-grid{gap:16px;grid-template-columns:1fr}.date-range-group{grid-column:span 1}.date-input,.filter-select{font-size:.85rem;padding:8px 10px}.filter-label{font-size:.85rem}.results-summary{padding:12px 16px}.results-count{font-size:.85rem}}@media (max-width:768px){.advanced-filters-panel{margin-bottom:16px;padding:16px}.advanced-filters-grid{gap:12px}.filter-group{gap:6px}.filter-label{font-size:.8rem}.date-input,.filter-select{font-size:.8rem;padding:6px 8px}.filter-summary{padding-top:12px}.filter-summary-label{font-size:.8rem;margin-bottom:8px}.active-filter-tag{font-size:.75rem;padding:4px 8px}.active-filter-tag button{font-size:.9rem;height:14px;width:14px}.results-summary{padding:10px 12px}.results-count{font-size:.8rem}}@media (max-width:480px){.advanced-filters-panel{margin-bottom:12px;padding:12px}.advanced-filters-grid{gap:10px}.filter-label{font-size:.75rem}.date-input,.filter-select{font-size:.75rem;padding:5px 6px}.filter-summary{padding-top:10px}.filter-summary-label{font-size:.75rem;margin-bottom:6px}.active-filter-tag{font-size:.7rem;padding:3px 6px}.active-filter-tag button{font-size:.8rem;height:12px;width:12px}.results-summary{padding:8px 10px}.results-count{font-size:.75rem}}@media (max-width:360px){.advanced-filters-panel{margin-bottom:10px;padding:10px}.advanced-filters-grid{gap:8px}.filter-label{font-size:.7rem}.date-input,.filter-select{font-size:.7rem;padding:4px 5px}.filter-summary{padding-top:8px}.filter-summary-label{font-size:.7rem;margin-bottom:4px}.active-filter-tag{font-size:.65rem;padding:2px 4px}.active-filter-tag button{font-size:.7rem;height:10px;width:10px}.results-summary{padding:6px 8px}.results-count{font-size:.7rem}}@media print{.manager-dashboard{background:#fff}.manager-header{background:#3b82f6;color:#fff}.manager-header,.manager-stat-card{border:1px solid #ccc;box-shadow:none}.manager-stat-card{page-break-inside:avoid}.advanced-filters-panel,.manager-controls,.results-summary{display:none}.manager-content{border:1px solid #ccc;box-shadow:none}.manager-table th{background:#f8fafc;border-bottom:2px solid #000}.manager-table td{border-bottom:1px solid #ccc}}.quick-access-section{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;padding:24px}.quick-access-section h3{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;font-weight:600;gap:12px;margin-bottom:20px}.quick-access-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.quick-access-card{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;color:inherit;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;text-decoration:none;transition:all .3s ease}.quick-access-card:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.quick-access-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #3b82f633;transform:translateY(-4px)}.quick-access-card:hover:before{opacity:.05}.quick-access-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:50px;justify-content:center;position:relative;width:50px;z-index:2}.quick-access-content{flex:1 1;position:relative;z-index:2}.quick-access-content h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 4px;transition:color .3s ease}.quick-access-content p{color:#64748b;font-size:.9rem;line-height:1.4;margin:0;transition:color .3s ease}.quick-access-card:hover .quick-access-content h4{color:#1e293b}.quick-access-card:hover .quick-access-content p{color:#475569}@media (max-width:768px){.quick-access-grid{gap:15px;grid-template-columns:1fr}.quick-access-card{padding:16px}.quick-access-icon{height:40px;width:40px}.quick-access-content h4{font-size:1rem}.quick-access-content p{font-size:.85rem}}.event-detail-container{background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:24px}.user-main.content-with-sidebar{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:calc(100vh - 70px)}.event-detail-main{margin:0 auto;max-width:1200px;padding-top:28px}.event-detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;padding:20px}.event-detail-section-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;margin-bottom:16px;padding-bottom:8px}.event-detail-section-header h3{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin:0}.event-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.event-detail-item{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.event-detail-item.full-width{grid-column:1/-1}.event-detail-item label{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:2px}.event-detail-item span{word-wrap:break-word;color:#6b7280;font-size:.875rem;line-height:1.4;padding:2px 0}.event-detail-edit-input,.event-detail-edit-textarea{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-family:inherit;font-size:.875rem;padding:6px 10px;transition:border-color .2s ease;width:100%}.event-detail-edit-input:focus,.event-detail-edit-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.event-detail-edit-textarea{min-height:60px;resize:vertical}.staff-list{display:flex;flex-direction:column;gap:12px}.staff-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:8px;padding:12px}.staff-header{border-bottom:1px solid #e2e8f0;color:#1e40af;font-size:.875rem;margin-bottom:8px;padding-bottom:4px}.staff-details,.staff-info{display:flex;flex-direction:column;gap:4px}.staff-info span{color:#374151;font-size:.875rem;line-height:1.4}.staff-info strong{color:#1f2937;font-weight:600}.event-sponsor-list{margin-top:2px}.event-sponsor-items{list-style:none;margin:0;padding:0}.event-sponsor-items li{background:#f3f4f6;border-left:3px solid #3b82f6;border-radius:4px;color:#374151;font-size:.875rem;margin-bottom:2px;padding:4px 8px}@media (max-width:1200px){.event-detail-main{max-width:100%;padding:0 16px}.event-detail-section{margin-bottom:20px;padding:24px}.event-detail-section-header h3{font-size:1.3rem}.event-detail-item label,.event-detail-item span{font-size:.9rem}}@media (max-width:1024px){.event-detail-container{padding:20px}.event-detail-main{padding:0 12px}.event-detail-section{margin-bottom:18px;padding:20px}.event-detail-section-header{margin-bottom:14px}.event-detail-section-header h3{font-size:1.2rem}.event-detail-grid{gap:14px}.event-detail-item{margin-bottom:10px}.event-detail-item label{font-size:.875rem;margin-bottom:4px}.event-detail-item span{font-size:.875rem;padding:3px 0}.event-detail-edit-input,.event-detail-edit-textarea{font-size:.9rem;padding:8px 12px}.event-detail-edit-textarea{min-height:70px}.event-sponsor-items li{font-size:.9rem;margin-bottom:4px;padding:6px 10px}}@media (max-width:768px){.event-detail-container{padding:16px}.event-detail-main{padding:0 8px}.event-detail-section{border-radius:12px;margin-bottom:16px;padding:18px}.event-detail-section-header{margin-bottom:12px;padding-bottom:10px}.event-detail-section-header h3{font-size:1.1rem;gap:6px}.event-detail-grid{gap:12px;grid-template-columns:1fr}.event-detail-item{margin-bottom:8px}.event-detail-item label{font-size:.85rem;margin-bottom:3px}.event-detail-item span{font-size:.85rem;line-height:1.5;padding:2px 0}.event-detail-edit-input,.event-detail-edit-textarea{font-size:.85rem;padding:6px 10px}.event-detail-edit-textarea{min-height:60px}.event-sponsor-items li{font-size:.85rem;margin-bottom:3px;padding:5px 8px}}@media (max-width:480px){.event-detail-container{padding:12px}.event-detail-main{padding:0 4px}.event-detail-section{border-radius:10px;margin-bottom:14px;padding:16px}.event-detail-section-header{margin-bottom:10px;padding-bottom:8px}.event-detail-section-header h3{font-size:1rem;gap:4px}.event-detail-grid{gap:10px}.event-detail-item{margin-bottom:6px}.event-detail-item label{font-size:.8rem;margin-bottom:2px}.event-detail-item span{font-size:.8rem;line-height:1.4;padding:1px 0}.event-detail-edit-input,.event-detail-edit-textarea{font-size:.8rem;padding:5px 8px}.event-detail-edit-textarea{min-height:50px}.event-sponsor-items li{font-size:.8rem;margin-bottom:2px;padding:4px 6px}}@media (max-width:360px){.event-detail-container{padding:8px}.event-detail-main{padding:0 2px}.event-detail-section{border-radius:8px;margin-bottom:12px;padding:12px}.event-detail-section-header{margin-bottom:8px;padding-bottom:6px}.event-detail-section-header h3{font-size:.95rem;gap:3px}.event-detail-grid{gap:8px}.event-detail-item{margin-bottom:4px}.event-detail-item label{font-size:.75rem;margin-bottom:1px}.event-detail-item span{font-size:.75rem;line-height:1.3;padding:1px 0}.event-detail-edit-input,.event-detail-edit-textarea{font-size:.75rem;padding:4px 6px}.event-detail-edit-textarea{min-height:40px}.event-sponsor-items li{font-size:.75rem;margin-bottom:1px;padding:3px 5px}}@media (max-width:768px) and (orientation:landscape){.event-detail-container{padding:12px}.event-detail-section{margin-bottom:12px;padding:14px}.event-detail-section-header h3{font-size:1rem}.event-detail-grid{gap:10px;grid-template-columns:repeat(2,1fr)}}@media (hover:none) and (pointer:coarse){.event-detail-edit-input,.event-detail-edit-textarea{min-height:44px}.event-detail-section-header h3{align-items:center;display:flex;min-height:44px}.event-detail-item label{align-items:center;display:flex;min-height:20px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.event-detail-edit-input,.event-detail-edit-textarea,.event-detail-section{border-width:.5px}.event-sponsor-items li{border-left-width:2px}}@media print{.event-detail-container{background:#fff;padding:0}.event-detail-section{border:1px solid #ccc;box-shadow:none;page-break-inside:avoid}.event-detail-section-header{border-bottom:2px solid #000}.event-detail-item label{font-weight:700}}.member-type-selection{margin:0 auto;max-width:1200px;padding:2rem}.selection-header{margin-bottom:3rem;text-align:center}.selection-header h2{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.selection-header p{color:#7f8c8d;font-size:1.1rem}.member-type-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:2rem}.member-type-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.member-type-card:hover{border-color:#3498db;box-shadow:0 8px 25px #3498db26;transform:translateY(-4px)}.member-type-card:before{background:linear-gradient(90deg,#3498db,#2980b9);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.member-type-card:hover:before{transform:scaleX(1)}.card-icon{color:#3498db;display:flex;justify-content:center;margin-bottom:1.5rem}.member-type-card h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem;text-align:center}.member-type-card p{color:#7f8c8d;line-height:1.6;margin-bottom:1.5rem;text-align:center}.member-type-card ul{list-style:none;margin:0;padding:0}.member-type-card li{color:#5a6c7d;padding:.5rem 0 .5rem 1.5rem;position:relative}.member-type-card li:before{color:#27ae60;content:"✓";font-weight:700;left:0;position:absolute}.member-form-container{margin:0 auto;max-width:800px;padding:2rem}.form-header{align-items:center;background:#00bcd4;border-radius:8px;box-shadow:0 2px 8px #00bcd44d;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.5rem}.form-header h2{color:#fff;font-size:1.1rem;font-weight:600;gap:.75rem;margin:0}.cancel-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.cancel-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.message{align-items:center;display:flex;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem}.member-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.form-sections{display:flex;flex-direction:column;gap:2rem}.form-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.form-section h3{color:#2c3e50;font-size:1.2rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-group label{color:#2c3e50;gap:.5rem}.form-group input,.form-group select{border:2px solid #e9ecef;border-radius:6px;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.form-group input::placeholder{color:#bdc3c7}.form-actions{border-top:1px solid #e9ecef;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:#3498db}.btn-primary:hover:not(:disabled){background:#2980b9;transform:translateY(-1px)}.btn-primary:disabled{background:#bdc3c7}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover:not(:disabled){background:#7f8c8d}.btn-secondary:disabled{background:#bdc3c7;cursor:not-allowed}.loading-spinner{border:2px solid #fff;border-top-color:#0000;height:16px;width:16px}.admin-layout{background:#f8f9fa;min-height:100vh}.admin-container{display:flex;min-height:calc(100vh - 60px)}.admin-main{flex:1 1;overflow-y:auto;padding:2rem}.admin-header{margin-bottom:2rem}.admin-header h1{align-items:center;color:#fff;display:flex;gap:1rem;margin-bottom:.5rem}.admin-header p{color:#fff;font-size:1.1rem}.member-table-section{background:#fff;border-radius:12px;box-shadow:0 2px 12px #2c3e500f;margin-top:3rem;padding:2rem}.member-table-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.member-table-title{align-items:center;color:#2c3e50;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem}.member-table-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.bulk-upload-bar{margin-bottom:1.5rem}.bulk-upload-container{background:linear-gradient(135deg,#eef2ff,#e0f2fe);border:1px solid #d0e2ff;border-radius:10px;box-shadow:0 4px 10px #0f172a14;display:flex;flex-direction:column;gap:.4rem;padding:.6rem .9rem}.bulk-upload-info{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.bulk-upload-title{color:#1e3a8a;font-size:.9rem;font-weight:600;white-space:nowrap}.bulk-upload-template-btn{background:#e0ecff;border:none;border-radius:999px;color:#1d4ed8;cursor:pointer;font-size:.8rem;font-weight:500;padding:.3rem .9rem;transition:all .2s ease}.bulk-upload-template-btn:hover{background:#c7ddff}.bulk-upload-actions{align-items:center;display:flex;gap:.5rem}.bulk-upload-actions input[type=file]{font-size:.8rem;max-width:220px}.bulk-upload-btn{background:#2563eb;border:none;border-radius:8px;box-shadow:0 2px 6px #2563eb59;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.45rem .9rem;transition:all .2s ease}.bulk-upload-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.bulk-upload-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7}.bulk-upload-result{font-size:.8rem;margin-top:.25rem}.bulk-upload-result.success{color:#166534}.bulk-upload-result.error{color:#b91c1c}.member-search-input{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;min-width:220px;padding:.6rem 1rem;transition:border-color .2s}.member-search-input:focus{border-color:#3498db;outline:none}.member-filter-select{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;color:#2c3e50;font-size:1rem;padding:.6rem 1rem}.member-table-wrapper{overflow-x:auto}.member-table-modern{background:#fff;border-collapse:collapse;width:100%}.member-table-modern td,.member-table-modern th{border-bottom:1px solid #f0f0f0;padding:1rem 1.2rem;text-align:left}.member-table-modern th{background:#f8f9fa;color:#2c3e50;font-size:1rem;font-weight:600}.member-table-modern tr:last-child td{border-bottom:none}.badge{background:#e9ecef;border-radius:1em;color:#2c3e50;display:inline-block;font-size:.95em;font-weight:600;letter-spacing:.01em;padding:.35em .9em}.badge-club{background:#eaf6fb;color:#2980b9}.badge-staff{background:#eafbe9;color:#27ae60}.delete-btn{background:#f8d7da;color:#c0392b;padding:.5rem .7rem;transition:background .2s,color .2s}.delete-btn:hover:not(:disabled){background:#e74c3c;color:#fff}.delete-btn:disabled{opacity:.6}.member-add-section{background:#fff;border:2px solid #3b82f6;border-radius:12px;box-shadow:0 2px 12px #2c3e500f;margin-bottom:2rem;overflow:hidden}.member-add-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem 2rem;transition:all .3s ease}.member-add-header:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px)}.add-header-content{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem}.member-add-details{background:#fff;border-radius:0 0 10px 10px;border-top:1px solid #e0e7ff;padding:2.5rem}.member-type-selection-horizontal{background:#fff;border:1px solid #e0e7ff;border-radius:16px;box-shadow:0 8px 32px #3b82f614;margin:0 auto;max-width:800px;padding:2.5rem}.selection-header-horizontal{margin-bottom:2.5rem;text-align:center}.selection-header-horizontal h3{color:#1e40af;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.selection-header-horizontal p{color:#6b7280;font-size:1rem}.member-type-cards-horizontal{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.member-type-card-horizontal{align-items:center;background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border:2px solid #dbeafe;border-radius:12px;cursor:pointer;display:flex;gap:1.25rem;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s ease}.member-type-card-horizontal:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.member-type-card-horizontal:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 8px 25px #3b82f626;transform:translateY(-3px)}.member-type-card-horizontal:hover:before{transform:scaleX(1)}.member-type-card-horizontal>div{flex:1 1}.member-type-card-horizontal h4{color:#1e40af;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.member-type-card-horizontal p{color:#6b7280;font-size:.95rem;line-height:1.5;margin:0}.member-form-modern{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 8px 32px #00000014;padding:2.5rem}.form-content-single{display:flex;flex-direction:column;gap:2rem}.form-row-modern{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.form-row-modern.single-column{grid-template-columns:1fr}.form-group-modern{background:#f0f8ff;border:1px solid #e1f0ff;border-radius:12px;display:flex;flex-direction:column;padding:1.5rem}.form-group-modern label{align-items:center;color:#000;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.form-group-modern input,.form-group-modern select{background:#fff;border:2px solid #dbeafe;border-radius:8px;color:#000;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease}.form-group-modern input:focus,.form-group-modern select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;color:#000;outline:none;transform:translateY(-1px)}.form-group-modern input::placeholder{color:#6b7280}.form-group-modern select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-right:2.5rem}.form-actions-modern{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;margin-top:2.5rem;padding-top:2rem}.btn-primary-modern,.btn-secondary-modern{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:.875rem 1.75rem;transition:all .3s ease}.btn-primary-modern{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px #3b82f64d;color:#fff}.btn-primary-modern:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.btn-primary-modern:disabled{background:#e5e7eb;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.btn-secondary-modern{background:#f3f4f6;border:2px solid #e5e7eb;color:#6b7280}.btn-secondary-modern:hover:not(:disabled){background:#e5e7eb;color:#374151;transform:translateY(-1px)}.btn-secondary-modern:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;transform:none}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container input{padding-right:3rem;width:100%}.password-toggle-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .2s ease}.password-toggle-btn:focus,.password-toggle-btn:hover{background:#3b82f61a;color:#3b82f6}.password-toggle-btn:focus{outline:none}.role-select{background:#fff;border:1px solid #dbeafe;border-radius:6px;color:#1f2937;cursor:pointer;font-size:.9rem;padding:.4rem .6rem;transition:border-color .2s}.role-select:focus{box-shadow:0 0 0 2px #3b82f61a;outline:none}.role-select:focus,.role-select:hover{border-color:#3b82f6}@media (max-width:1400px){.member-type-cards{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.member-type-cards-horizontal{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.admin-main,.member-form-container{padding:1.5rem}.member-form-modern{padding:2rem}}@media (max-width:1200px){.member-type-cards{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.member-type-cards-horizontal{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.form-row{gap:1.25rem}.form-row,.form-row-modern{grid-template-columns:1fr 1fr}.form-row-modern{gap:1.5rem}.member-table-controls{flex-wrap:wrap;gap:.75rem}.member-search-input{min-width:200px}}@media (max-width:1024px){.member-type-selection{padding:1.5rem}.selection-header h2{font-size:1.75rem}.selection-header p{font-size:1rem}.member-type-cards{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.member-type-card{padding:1.5rem}.member-type-card h3{font-size:1.3rem}.member-type-cards-horizontal{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.member-type-card-horizontal{padding:1.5rem}.member-type-card-horizontal h4{font-size:1.1rem}.admin-main{padding:1.25rem}.member-table-section{padding:1.5rem}.member-form-container{padding:1.25rem}.member-form{padding:1.5rem}.member-form-modern{padding:1.75rem}.form-group-modern{padding:1.25rem}.form-group-modern input,.form-group-modern select{padding:.875rem 1rem}}@media (max-width:768px){.member-type-selection{padding:1rem}.selection-header{margin-bottom:2rem}.selection-header h2{font-size:1.5rem}.selection-header p{font-size:.95rem}.member-type-cards{gap:1rem;grid-template-columns:1fr}.member-type-card{padding:1.25rem}.member-type-card h3{font-size:1.2rem}.member-type-card p{font-size:.95rem}.member-type-cards-horizontal{gap:1rem;grid-template-columns:1fr}.member-type-card-horizontal{flex-direction:column;gap:.75rem;padding:1.25rem;text-align:center}.member-type-card-horizontal h4{font-size:1.1rem}.member-type-card-horizontal p{font-size:.9rem}.form-row{gap:1rem;grid-template-columns:1fr}.form-row-modern{gap:1.25rem;grid-template-columns:1fr}.form-actions,.form-actions-modern{flex-direction:column;gap:.75rem}.btn-primary,.btn-primary-modern,.btn-secondary,.btn-secondary-modern{justify-content:center;width:100%}.form-header{align-items:flex-start;flex-direction:column;gap:1rem}.form-header h2{font-size:1rem}.cancel-btn{align-self:flex-end}.member-form-container{padding:1rem}.member-form{padding:1.25rem}.member-form-modern{padding:1.5rem}.form-group-modern{padding:1rem}.form-group-modern input,.form-group-modern select{font-size:.95rem;padding:.75rem .875rem}.form-group-modern label{font-size:.9rem}.admin-main{padding:1rem}.admin-header h1{font-size:1.5rem}.admin-header p{font-size:1rem}.member-table-section{margin-top:2rem;padding:1rem}.member-table-header{align-items:stretch}.member-table-controls,.member-table-header{flex-direction:column;gap:.75rem}.member-search-input{min-width:auto;width:100%}.member-filter-select{width:100%}.member-table-modern td,.member-table-modern th{font-size:.9rem;padding:.75rem .5rem}.member-add-header{padding:1rem 1.25rem}.member-add-details,.member-type-selection-horizontal{padding:1.5rem}.selection-header-horizontal h3{font-size:1.3rem}.selection-header-horizontal p{font-size:.95rem}}@media (max-width:480px){.member-type-selection{padding:.75rem}.selection-header{margin-bottom:1.5rem}.selection-header h2{font-size:1.25rem}.selection-header p{font-size:.9rem}.member-type-card{padding:1rem}.member-type-card h3{font-size:1.1rem}.member-type-card p{font-size:.9rem}.member-type-card li{font-size:.9rem;padding-left:1.25rem}.member-type-card-horizontal{padding:1rem}.member-type-card-horizontal h4{font-size:1rem}.member-type-card-horizontal p{font-size:.85rem}.form-header{padding:.75rem 1rem}.form-header h2{font-size:.95rem}.cancel-btn{font-size:.85rem;padding:.4rem .75rem}.message{font-size:.9rem;padding:.75rem 1rem}.form-section,.member-form{padding:1rem}.form-section h3{font-size:1.1rem;margin-bottom:1rem}.form-group label{font-size:.9rem}.form-group input,.form-group select{font-size:.9rem;padding:.625rem .875rem}.btn-primary,.btn-secondary{font-size:.9rem;padding:.625rem 1.25rem}.member-form-container{padding:.75rem}.member-form-modern{padding:1rem}.form-group-modern{padding:.875rem}.form-group-modern input,.form-group-modern select{font-size:.9rem;padding:.625rem .75rem}.form-group-modern label{font-size:.85rem}.btn-primary-modern,.btn-secondary-modern{font-size:.9rem;min-width:auto;padding:.75rem 1.25rem}.admin-main{padding:.75rem}.admin-header h1{font-size:1.25rem}.admin-header p{font-size:.9rem}.member-table-section{padding:.75rem}.member-table-title{font-size:1.1rem}.member-table-modern td,.member-table-modern th{font-size:.85rem;padding:.5rem .25rem}.badge{font-size:.8em;padding:.25em .6em}.delete-btn{padding:.375rem .5rem}.member-add-header{padding:.75rem 1rem}.add-header-content{font-size:1rem}.member-add-details,.member-type-selection-horizontal{padding:1rem}.selection-header-horizontal{margin-bottom:1.5rem}.selection-header-horizontal h3{font-size:1.2rem}.selection-header-horizontal p{font-size:.9rem}}@media (max-width:360px){.member-type-selection{padding:.5rem}.selection-header h2{font-size:1.1rem}.selection-header p{font-size:.85rem}.member-type-card{padding:.875rem}.member-type-card h3{font-size:1rem}.member-type-card p{font-size:.85rem}.member-type-card li{font-size:.85rem;padding-left:1rem}.member-type-card-horizontal{padding:.875rem}.member-type-card-horizontal h4{font-size:.95rem}.member-type-card-horizontal p{font-size:.8rem}.form-header{padding:.5rem .75rem}.form-header h2{font-size:.9rem}.cancel-btn{font-size:.8rem;padding:.375rem .625rem}.form-section,.member-form{padding:.875rem}.form-section h3{font-size:1rem}.form-group input,.form-group select{font-size:.85rem;padding:.5rem .75rem}.btn-primary,.btn-secondary{font-size:.85rem;padding:.5rem 1rem}.member-form-container{padding:.5rem}.member-form-modern{padding:.875rem}.form-group-modern{padding:.75rem}.form-group-modern input,.form-group-modern select{font-size:.85rem;padding:.5rem .625rem}.form-group-modern label{font-size:.8rem}.btn-primary-modern,.btn-secondary-modern{font-size:.85rem;padding:.625rem 1rem}.admin-main{padding:.5rem}.admin-header h1{font-size:1.1rem}.admin-header p{font-size:.85rem}.member-table-section{padding:.5rem}.member-table-title{font-size:1rem}.member-table-modern td,.member-table-modern th{font-size:.8rem;padding:.375rem .125rem}.badge{font-size:.75em;padding:.2em .5em}.delete-btn{padding:.25rem .375rem}.member-add-header{padding:.5rem .75rem}.add-header-content{font-size:.95rem}.member-add-details,.member-type-selection-horizontal{padding:.875rem}.selection-header-horizontal h3{font-size:1.1rem}.selection-header-horizontal p{font-size:.85rem}}@media (max-width:768px) and (orientation:landscape){.member-type-selection{padding:1rem}.member-type-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.member-type-cards-horizontal{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.member-form-container{padding:1rem}.member-form{padding:1.25rem}.member-form-modern{padding:1.5rem}.admin-main,.member-table-section{padding:1rem}}@media (hover:none) and (pointer:coarse){.member-type-card-horizontal:hover,.member-type-card:hover{transform:none}.member-type-card-horizontal:hover:before,.member-type-card:hover:before{transform:scaleX(0)}.btn-primary-modern:hover,.btn-primary:hover,.btn-secondary-modern:hover,.btn-secondary:hover,.cancel-btn:hover,.delete-btn:hover,.form-group-modern input:focus,.form-group-modern select:focus,.member-add-header:hover{transform:none}}.action-buttons{align-items:center;gap:.5rem}.edit-btn{align-items:center;background:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;min-width:36px;padding:.5rem;transition:all .2s ease}.edit-btn:hover{background:#f57c00;box-shadow:0 4px 8px #ff98004d;transform:translateY(-1px)}.edit-btn:active{transform:translateY(0)}.edit-btn:focus{box-shadow:0 0 0 3px #28a7454d;outline:none}.delete-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;min-width:36px;padding:.5rem;transition:all .2s ease}.delete-btn:hover{box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.delete-btn:active{transform:translateY(0)}.delete-btn:focus{box-shadow:0 0 0 3px #dc35454d;outline:none}.delete-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.action-buttons{flex-direction:column;gap:.25rem}.delete-btn,.edit-btn{height:32px;min-width:32px;padding:.4rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.form-group-modern,.form-section,.member-form,.member-form-modern,.member-type-card,.member-type-card-horizontal{border-width:.5px}.member-add-section{border-width:1px}}@media print{.admin-main,.member-form-container,.member-type-selection{padding:0}.member-add-section,.member-form,.member-form-modern,.member-table-section,.member-type-card,.member-type-card-horizontal{border:1px solid #ccc;box-shadow:none}.member-add-header{background:#f0f0f0!important;color:#000!important}.btn-primary,.btn-primary-modern,.btn-secondary,.btn-secondary-modern,.cancel-btn,.delete-btn{display:none}.member-table-modern th{background:#f0f0f0!important;color:#000!important}}@media (prefers-reduced-motion:reduce){.btn-primary,.btn-primary-modern,.btn-secondary,.btn-secondary-modern,.cancel-btn,.delete-btn,.form-group-modern input,.form-group-modern select,.member-add-header,.member-type-card,.member-type-card-horizontal{transition:none}.btn-primary-modern:hover,.btn-primary:hover,.btn-secondary-modern:hover,.btn-secondary:hover,.cancel-btn:hover,.delete-btn:hover,.form-group-modern input:focus,.form-group-modern select:focus,.member-add-header:hover,.member-type-card-horizontal:hover,.member-type-card:hover{transform:none}}.framed-upload{background:#0000;border:0;border-radius:0;margin:0 0 8px;padding:0}.collapsible-card{background:#fff;border:2px solid #023b58;border-radius:12px;margin-bottom:16px}.collapsible-header{align-items:center;border-bottom:2px solid #023b58;display:flex;justify-content:space-between;padding:8px 12px}.collapsible-title{color:#1e293b;font-size:1rem;font-weight:800;margin:0}.collapsible-toggle{background:#fff;border:2px solid #023b58;border-radius:10px;color:#023b58;cursor:pointer;font-size:13px;font-weight:700;padding:6px 12px;transition:all .2s ease}.collapsible-toggle:hover{background:#e6f1f6}.collapsible-body{padding:12px 16px 4px}.collapsed{border:0!important;border-bottom:2px solid #023b58!important;border-radius:0!important}.akademisyen-upload-info{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:16px}.akademisyen-upload-warning{color:#dc3545}.akademisyen-upload-success{color:#059669}.akademisyen-template-btn{background:#059669;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:16px;padding:12px 24px;transition:all .3s ease}.akademisyen-template-btn:hover{background:#047857;box-shadow:0 4px 8px #0596694d;transform:translateY(-1px)}.akademisyen-upload-zone{background:#f7f9fa;border:2px dashed #dbe2ea;border-radius:12px;cursor:pointer;margin-bottom:24px;padding:40px 20px;text-align:center;transition:all .3s ease}.akademisyen-upload-zone.drag-over{background:#f0f4f8;border-color:#294063}.akademisyen-file-selected{color:#059669;font-weight:600;margin:0}.akademisyen-file-name{color:#374151;margin:8px 0 0}.akademisyen-upload-hint{color:#6b7280;margin:0 0 8px}.akademisyen-upload-hint-small{color:#9ca3af;font-size:12px;margin:0}.akademisyen-upload-btn{background:#294063;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .3s ease}.akademisyen-upload-btn:hover:not(:disabled){background:#1e2f4a;box-shadow:0 4px 8px #2940634d;transform:translateY(-1px)}.akademisyen-upload-btn:disabled{cursor:not-allowed;opacity:.7}.akademisyen-upload-result{border-radius:8px;font-size:16px;font-weight:600;margin-top:16px;padding:12px 16px}.akademisyen-upload-result.success{background-color:#d1fae5;color:#059669}.akademisyen-upload-result.error{background-color:#fee2e2;color:#dc2626}.akademisyen-result-title{margin:0 0 8px}.akademisyen-result-text{margin:0 0 4px}.akademisyen-results-container{margin-top:24px}.akademisyen-results-title{color:#374151;margin-bottom:12px}.akademisyen-results-list{border:1px solid #e5e7eb;border-radius:8px;max-height:300px;overflow-y:auto;padding:16px}.akademisyen-result-item{border-bottom:1px solid #f3f4f6;padding:8px 0}.akademisyen-result-item:last-child{border-bottom:none}.akademisyen-result-item.success{color:#059669}.akademisyen-result-item.error{color:#dc2626}.akademisyen-result-badge{border-radius:4px;font-size:12px;margin-left:8px;padding:2px 6px}.akademisyen-result-badge.updated{background:#e0f2fe;color:#0277bd}.akademisyen-result-badge.added{background:#e8f5e8;color:#2e7d32}.status-toggle-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.status-toggle-btn.active{background:#d1fae5;color:#059669}.status-toggle-btn.active:hover{background:#a7f3d0}.status-toggle-btn.inactive{background:#fee2e2;color:#dc2626}.status-toggle-btn.inactive:hover{background:#fecaca}.status-toggle-btn span{font-size:.875rem}.reports-container{margin:0 auto;max-width:1400px;padding:32px}.reports-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.reports-header-left h1{align-items:center;color:#1e293b;display:flex;font-size:2.5rem;font-weight:700;gap:12px;margin:0 0 8px}.reports-header-left p{color:#64748b;font-size:1.1rem;margin:0}.reports-header-right{align-items:center;display:flex;gap:16px}.year-selector{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;gap:12px;padding:12px 16px}.year-select{background:#0000;border:none;color:#1e293b;cursor:pointer;font-size:1rem;font-weight:600;outline:none}.reports-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#3b82f6;margin-bottom:16px}.reports-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(5,1fr);margin-bottom:40px}.report-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.report-stat-card:before{background:linear-gradient(90deg,var(--card-color-start),var(--card-color-end));content:"";height:4px;left:0;position:absolute;right:0;top:0}.report-stat-card.blue{--card-color-start:#3b82f6;--card-color-end:#1d4ed8}.report-stat-card.green{--card-color-start:#10b981;--card-color-end:#059669}.report-stat-card.purple{--card-color-start:#8b5cf6;--card-color-end:#7c3aed}.report-stat-card.yellow{--card-color-start:#f59e0b;--card-color-end:#d97706}.report-stat-card.red{--card-color-start:#ef4444;--card-color-end:#dc2626}.report-stat-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.stat-header{align-items:center;display:flex;gap:16px;margin-bottom:12px}.stat-icon{background:#3b82f61a;border-radius:12px;color:#3b82f6;padding:12px}.report-stat-card.green .stat-icon{background:#10b9811a;color:#10b981}.report-stat-card.purple .stat-icon{background:#8b5cf61a;color:#8b5cf6}.report-stat-card.yellow .stat-icon{background:#f59e0b1a;color:#f59e0b}.report-stat-card.red .stat-icon{background:#ef44441a;color:#ef4444}.stat-info h3{color:#1e293b;font-size:2rem;font-weight:700;margin:0}.stat-info p{color:#64748b;font-size:.9rem;font-weight:500;margin:4px 0 0}.stat-description{margin-top:8px}.stat-description span{color:#64748b;font-size:.85rem}.reports-details{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:40px}.reports-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px}.section-header{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px}.section-header h2{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;font-weight:600;gap:12px;margin:0}.monthly-distribution .no-data,.top-units .no-data{color:#64748b;font-style:italic;padding:40px 20px;text-align:center}.monthly-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.monthly-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;padding:16px;transition:all .2s ease}.monthly-item:hover{background:#f1f5f9;transform:translateY(-2px)}.month-name{color:#475569;font-size:.9rem;font-weight:600;margin-bottom:8px}.month-count{color:#1e293b;font-size:1.2rem;font-weight:700}.units-list{display:flex;flex-direction:column;gap:12px}.unit-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.unit-item:hover{background:#f1f5f9;transform:translateX(4px)}.unit-rank{align-items:center;background:#3b82f6;border-radius:8px;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.unit-info{display:flex;flex:1 1;flex-direction:column}.unit-name{color:#1e293b;font-weight:600;margin-bottom:4px}.unit-count{color:#64748b;font-size:.9rem}.reports-export{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px}.export-header{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px}.export-header h2{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;font-weight:600;gap:12px;margin:0 0 8px}.export-header p{color:#64748b;margin:0}.export-controls{align-items:end;display:flex;gap:24px}.filter-group label{align-items:center;color:#374151;display:flex;font-size:.9rem;gap:8px}.status-filter{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:1rem;padding:12px 16px;transition:all .2s ease}.status-filter:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.export-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;padding:14px 24px;transition:all .3s ease}.export-btn:hover:not(:disabled){box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.export-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.no-data-message{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.no-data-message svg{color:#d1d5db;margin-bottom:24px}.no-data-message h3{color:#374151;font-size:1.5rem;margin:0 0 8px}.no-data-message p{color:#6b7280;margin:0}@media (max-width:1600px){.reports-container{padding:28px}.reports-stats-grid{gap:20px;grid-template-columns:repeat(4,1fr)}.reports-header-left h1{font-size:2.2rem}}@media (max-width:1400px){.reports-container{padding:24px}.reports-stats-grid{gap:18px;grid-template-columns:repeat(3,1fr)}.reports-header-left h1{font-size:2rem}.reports-header-left p{font-size:1rem}.year-selector{padding:10px 14px}.year-select{font-size:.95rem}.report-stat-card{padding:20px}.stat-info h3{font-size:1.8rem}.reports-export,.reports-section{padding:28px}}@media (max-width:1200px){.reports-container{padding:20px}.reports-stats-grid{gap:16px;grid-template-columns:repeat(3,1fr)}.reports-header-left h1{font-size:1.8rem}.reports-header-left p{font-size:.95rem}.year-selector{padding:8px 12px}.year-select{font-size:.9rem}.report-stat-card{padding:18px}.stat-header{gap:12px;margin-bottom:10px}.stat-icon{padding:10px}.stat-info h3{font-size:1.6rem}.stat-info p{font-size:.85rem}.reports-details{gap:24px}.reports-export,.reports-section{padding:24px}.export-header h2,.section-header h2{font-size:1.3rem}}@media (max-width:1024px){.reports-container{padding:16px}.reports-header{flex-direction:column;gap:20px;margin-bottom:24px;padding-bottom:20px;text-align:center}.reports-header-left h1{font-size:1.6rem;justify-content:center}.reports-header-left p{font-size:.9rem}.reports-header-right{justify-content:center}.year-selector{padding:8px 12px}.year-select{font-size:.85rem}.reports-stats-grid{gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.report-stat-card{padding:16px}.stat-header{gap:10px;margin-bottom:8px}.stat-icon{padding:8px}.stat-info h3{font-size:1.4rem}.stat-description span,.stat-info p{font-size:.8rem}.reports-details{gap:24px;grid-template-columns:1fr;margin-bottom:32px}.reports-section{padding:20px}.section-header{margin-bottom:20px;padding-bottom:12px}.section-header h2{font-size:1.2rem}.monthly-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.monthly-item{padding:12px}.month-name{font-size:.8rem;margin-bottom:6px}.month-count{font-size:1rem}.units-list{gap:10px}.unit-item{gap:12px;padding:12px}.unit-rank{font-size:.8rem;height:28px;width:28px}.unit-name{font-size:.9rem}.unit-count{font-size:.8rem}.reports-export{padding:20px}.export-header{margin-bottom:20px;padding-bottom:12px}.export-header h2{font-size:1.2rem}.export-controls{align-items:stretch;flex-direction:column;gap:16px}.filter-group{gap:6px}.filter-group label{font-size:.85rem}.status-filter{font-size:.9rem;padding:10px 12px}.export-btn{font-size:.9rem;justify-content:center;padding:12px 20px}}@media (max-width:768px){.reports-container{padding:12px}.reports-header{gap:16px;margin-bottom:20px;padding-bottom:16px}.reports-header-left h1{font-size:1.4rem;gap:8px}.reports-header-left p{font-size:.85rem}.year-selector{gap:8px;padding:6px 10px}.year-select{font-size:.8rem}.reports-stats-grid{gap:12px;grid-template-columns:1fr;margin-bottom:24px}.report-stat-card{padding:14px}.stat-header{gap:8px;margin-bottom:6px}.stat-icon{padding:6px}.stat-info h3{font-size:1.2rem}.stat-description span,.stat-info p{font-size:.75rem}.reports-details{gap:20px;margin-bottom:24px}.reports-section{padding:16px}.section-header{margin-bottom:16px;padding-bottom:10px}.section-header h2{font-size:1.1rem;gap:8px}.monthly-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.monthly-item{padding:10px}.month-name{font-size:.75rem;margin-bottom:4px}.month-count{font-size:.9rem}.units-list{gap:8px}.unit-item{gap:10px;padding:10px}.unit-rank{font-size:.75rem;height:24px;width:24px}.unit-name{font-size:.85rem}.unit-count{font-size:.75rem}.reports-export{padding:16px}.export-header{margin-bottom:16px;padding-bottom:10px}.export-header h2{font-size:1.1rem;gap:8px}.export-header p{font-size:.85rem}.export-controls{gap:12px}.filter-group{gap:4px}.filter-group label{font-size:.8rem}.status-filter{font-size:.85rem;padding:8px 10px}.export-btn{font-size:.85rem;gap:8px;padding:10px 16px}.no-data-message{padding:60px 16px}.no-data-message h3{font-size:1.2rem}.no-data-message p{font-size:.85rem}}@media (max-width:480px){.reports-container{padding:8px}.reports-header{gap:12px;margin-bottom:16px;padding-bottom:12px}.reports-header-left h1{font-size:1.2rem;gap:6px}.reports-header-left p{font-size:.8rem}.year-selector{gap:6px;padding:4px 8px}.year-select{font-size:.75rem}.reports-stats-grid{gap:10px;margin-bottom:20px}.report-stat-card{padding:12px}.stat-header{gap:6px;margin-bottom:4px}.stat-icon{padding:4px}.stat-info h3{font-size:1rem}.stat-description span,.stat-info p{font-size:.7rem}.reports-details{gap:16px;margin-bottom:20px}.reports-section{padding:12px}.section-header{margin-bottom:12px;padding-bottom:8px}.section-header h2{font-size:1rem;gap:6px}.monthly-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.monthly-item{padding:8px}.month-name{font-size:.7rem;margin-bottom:3px}.month-count{font-size:.8rem}.units-list{gap:6px}.unit-item{gap:8px;padding:8px}.unit-rank{font-size:.7rem;height:20px;width:20px}.unit-name{font-size:.8rem}.unit-count{font-size:.7rem}.reports-export{padding:12px}.export-header{margin-bottom:12px;padding-bottom:8px}.export-header h2{font-size:1rem;gap:6px}.export-header p{font-size:.8rem}.export-controls{gap:10px}.filter-group{gap:3px}.filter-group label{font-size:.75rem}.status-filter{font-size:.8rem;padding:6px 8px}.export-btn{font-size:.8rem;gap:6px;padding:8px 12px}.no-data-message{padding:40px 12px}.no-data-message h3{font-size:1rem}.no-data-message p{font-size:.8rem}}@media (max-width:360px){.reports-container{padding:6px}.reports-header{gap:10px;margin-bottom:12px;padding-bottom:10px}.reports-header-left h1{font-size:1.1rem;gap:4px}.reports-header-left p{font-size:.75rem}.year-selector{gap:4px;padding:3px 6px}.year-select{font-size:.7rem}.reports-stats-grid{gap:8px;margin-bottom:16px}.report-stat-card{padding:10px}.stat-header{gap:4px;margin-bottom:3px}.stat-icon{padding:3px}.stat-info h3{font-size:.9rem}.stat-description span,.stat-info p{font-size:.65rem}.reports-details{gap:12px;margin-bottom:16px}.reports-section{padding:10px}.section-header{margin-bottom:10px;padding-bottom:6px}.section-header h2{font-size:.9rem;gap:4px}.monthly-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.monthly-item{padding:6px}.month-name{font-size:.65rem;margin-bottom:2px}.month-count{font-size:.75rem}.units-list{gap:4px}.unit-item{gap:6px;padding:6px}.unit-rank{font-size:.65rem;height:18px;width:18px}.unit-name{font-size:.75rem}.unit-count{font-size:.65rem}.reports-export{padding:10px}.export-header{margin-bottom:10px;padding-bottom:6px}.export-header h2{font-size:.9rem;gap:4px}.export-header p{font-size:.75rem}.export-controls{gap:8px}.filter-group{gap:2px}.filter-group label{font-size:.7rem}.status-filter{font-size:.75rem;padding:4px 6px}.export-btn{font-size:.75rem;gap:4px;padding:6px 10px}.no-data-message{padding:30px 8px}.no-data-message h3{font-size:.9rem}.no-data-message p{font-size:.75rem}}@media (max-width:768px) and (orientation:landscape){.reports-container{padding:8px}.reports-header{flex-direction:row;gap:16px;text-align:left}.reports-header-left h1{font-size:1.3rem;justify-content:flex-start}.reports-stats-grid{gap:12px;grid-template-columns:repeat(3,1fr)}.reports-details{gap:16px;grid-template-columns:1fr 1fr}.monthly-grid{grid-template-columns:repeat(3,1fr)}.export-controls{align-items:end;flex-direction:row;gap:16px}}@media (hover:none) and (pointer:coarse){.export-btn:hover,.monthly-item:hover,.report-stat-card:hover,.unit-item:hover{transform:none}.export-btn:active,.monthly-item:active,.report-stat-card:active,.unit-item:active{transform:scale(.98)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.report-stat-card,.reports-export,.reports-section{border-width:.5px}.reports-header{border-bottom-width:1px}.export-header,.section-header{border-bottom-width:.5px}}@media print{.reports-container{max-width:none;padding:0}.reports-header{border-bottom:1px solid #ccc}.report-stat-card,.reports-export,.reports-section{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.reports-stats-grid{grid-template-columns:repeat(3,1fr)}.reports-details{grid-template-columns:1fr 1fr}.export-controls{flex-direction:row}.export-btn{background:#3b82f6;box-shadow:none;color:#fff}}@media (prefers-reduced-motion:reduce){.export-btn,.monthly-item,.report-stat-card,.unit-item{transition:none}.export-btn:hover,.monthly-item:hover,.report-stat-card:hover,.unit-item:hover{transform:none}.loading-spinner{animation:none}}.export-btn:focus,.report-stat-card:focus-within,.status-filter:focus,.year-select:focus{outline:2px solid #3b82f6;outline-offset:2px}.auth-container{align-items:center;background:linear-gradient(135deg,#f0fdfa,#ecfdf5 25%,#dbeafe 75%,#eff6ff);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-lg);position:relative}.auth-container:before{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><rect width="100%" height="100%" fill="url(%23auth-grid)"/></svg>');bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.auth-card{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#fffffffa;border:1px solid #4caf501a;border-radius:var(--radius-xl);box-shadow:0 25px 50px #05966926,0 15px 30px #1e3a8a14,0 5px 15px #0000000d,inset 0 1px 0 #fff3,inset 0 -1px 0 #4caf500d;max-width:500px;padding:var(--spacing-2xl);position:relative;transition:all .3s ease;width:100%;z-index:1}.auth-card:hover{border-color:#4caf5033;box-shadow:0 30px 60px #05966933,0 20px 40px #1e3a8a1f,0 10px 20px #00000014,inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #4caf5014;transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:var(--spacing-2xl);position:relative;text-align:center;z-index:2}.auth-logo{filter:drop-shadow(0 4px 8px rgba(5,150,105,.1));height:80px;margin-bottom:var(--spacing-lg);transition:var(--transition-normal)}.auth-logo:hover{filter:drop-shadow(0 6px 12px rgba(5,150,105,.15));transform:scale(1.02)}.auth-header h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.875rem;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}.auth-header p{color:var(--gray-600);font-size:1rem;line-height:1.5;margin:0}.auth-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1 1}.form-group label{align-items:center;color:var(--gray-700);display:flex;font-size:.875rem;gap:var(--spacing-sm);letter-spacing:.025em;margin-bottom:var(--spacing-sm);text-transform:uppercase}.form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f0cc;border-radius:var(--radius);box-sizing:border-box;color:var(--gray-700);font-family:inherit;font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-normal);width:100%}.form-input:focus{background:#fffffff2;border-color:var(--primary-green);box-shadow:0 0 0 3px #0596691a,0 2px 8px #0596690d;outline:none}.form-input:hover{background:#ffffffe6;border-color:#0596694d}.form-input.error{border-color:#ef4444}.form-input[type=select],select.form-input{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,#0000 50%,var(--gray-400) 50%),linear-gradient(135deg,var(--gray-400) 50%,#0000 50%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;cursor:pointer}select.form-input:focus{background-image:linear-gradient(45deg,#0000 50%,var(--primary-green) 50%),linear-gradient(135deg,var(--primary-green) 50%,#0000 50%)}select.form-input:disabled{background-color:#f3f4f6cc;background-image:linear-gradient(45deg,#0000 50%,var(--gray-300) 50%),linear-gradient(135deg,var(--gray-300) 50%,#0000 50%);color:var(--gray-400);cursor:not-allowed}.password-input{position:relative}.password-toggle{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;border:1px solid #e2e8f099;border-radius:var(--radius-sm);color:var(--gray-500);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);transition:var(--transition-fast)}.password-toggle:hover{background:#0596690d;border-color:#05966933;color:var(--primary-green);transform:translateY(-50%) scale(1.05)}.auth-button{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius);box-shadow:0 4px 15px #05966933,0 2px 8px #1e3a8a1a;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-sm);overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:var(--transition-normal);width:100%}.auth-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.auth-button:hover:not(:disabled):before{left:100%}.auth-button:hover:not(:disabled){box-shadow:0 6px 20px #0596694d,0 4px 12px #1e3a8a26;filter:brightness(1.05);transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{filter:drop-shadow(0 1px 2px rgba(76,175,80,.2));height:18px;width:18px}.error-message{color:#ef4444;font-size:.875rem;font-weight:500;margin-top:4px}.auth-footer{border-top:1px solid #e2e8f099;margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);position:relative;text-align:center}.auth-footer:before{background:var(--gradient-primary);content:"";height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60px}.auth-footer p{color:var(--gray-600);font-size:.875rem;line-height:1.5;margin:0}.auth-link{color:var(--primary-green);font-weight:600;position:relative;text-decoration:none;transition:var(--transition-fast)}.auth-link:after{background:var(--gradient-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.auth-link:hover{color:var(--primary-green-dark)}.auth-link:hover:after{width:100%}@media (max-width:1024px){.auth-container{padding:var(--spacing-md)}.auth-card{max-width:450px;padding:var(--spacing-xl) var(--spacing-lg)}.auth-header h1{font-size:1.75rem}.auth-logo{height:70px}.form-input{font-size:.98rem;padding:var(--spacing-sm) var(--spacing-md)}.auth-button{font-size:.98rem;padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width:768px){.auth-container{align-items:flex-start;min-height:100vh;padding:var(--spacing-sm);padding-top:var(--spacing-lg)}.auth-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-sizing:border-box;margin:var(--spacing-sm);max-width:100%;padding:var(--spacing-xl) var(--spacing-lg);width:calc(100% - var(--spacing-sm)*2)}.auth-header{margin-bottom:var(--spacing-xl)}.auth-header h1{font-size:1.5rem;line-height:1.3}.auth-header p{font-size:.95rem}.auth-logo{height:60px;margin-bottom:var(--spacing-md)}.form-row{flex-direction:column;gap:var(--spacing-sm)}.form-group{margin-bottom:var(--spacing-sm)}.form-group label{font-size:.85rem;margin-bottom:var(--spacing-xs)}.form-input{font-size:.95rem;min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}.auth-button{font-size:.95rem;min-height:48px;padding:var(--spacing-sm) var(--spacing-lg)}.auth-container:before{opacity:.3}.password-toggle{min-height:44px;min-width:44px;padding:var(--spacing-xs)}.auth-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-md)}.auth-footer p{font-size:.8rem}}@media (max-width:480px){.auth-container{padding:var(--spacing-xs);padding-top:var(--spacing-md)}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:var(--spacing-xs);padding:var(--spacing-lg) var(--spacing-md);width:calc(100% - var(--spacing-xs)*2)}.auth-header{margin-bottom:var(--spacing-lg)}.auth-header h1{font-size:1.25rem;line-height:1.2}.auth-header p{font-size:.9rem}.auth-logo{height:50px;margin-bottom:var(--spacing-sm)}.form-group,.form-group label{margin-bottom:var(--spacing-xs)}.form-group label{font-size:.8rem}.form-input{font-size:.9rem;min-height:40px;padding:var(--spacing-xs) var(--spacing-sm)}.auth-button{font-size:.9rem;min-height:44px;padding:var(--spacing-xs) var(--spacing-md)}.password-toggle{min-height:40px;min-width:40px;padding:var(--spacing-xs);right:var(--spacing-xs)}.auth-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-sm)}.auth-footer p{font-size:.75rem}.error-message{font-size:.8rem}}@media (max-width:360px){.auth-container{padding:5px;padding-top:var(--spacing-sm)}.auth-card{margin:5px;padding:var(--spacing-md) var(--spacing-sm);width:calc(100% - 10px)}.auth-header h1{font-size:1.1rem}.auth-header p{font-size:.85rem}.auth-logo{height:45px}.form-group label{font-size:.75rem}.form-input{font-size:.85rem;min-height:38px;padding:8px 10px}.auth-button{font-size:.85rem;min-height:40px;padding:8px 12px}.password-toggle{min-height:38px;min-width:38px;padding:6px}.auth-footer p{font-size:.7rem}.error-message{font-size:.75rem}}@media (max-width:768px) and (orientation:landscape){.auth-container{align-items:center;padding:var(--spacing-xs)}.auth-card{max-height:90vh;overflow-y:auto;padding:var(--spacing-md) var(--spacing-lg)}.auth-header{margin-bottom:var(--spacing-md)}.auth-logo{height:40px;margin-bottom:var(--spacing-sm)}.auth-header h1{font-size:1.3rem}.auth-header p{font-size:.85rem}}@media (hover:none) and (pointer:coarse){.form-input{min-height:44px}.auth-button{min-height:48px}.password-toggle{min-height:44px;min-width:44px}.auth-link{align-items:center;display:inline-flex;min-height:44px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.auth-card{border-width:.5px}.form-input{border-width:1px}}.survey-create-container{margin:0 auto;max-width:1200px;padding:2rem}.survey-list-container{margin:0 auto;max-width:1400px;padding:2rem}.list-header{align-items:center;background:linear-gradient(135deg,#2e7d32,#388e3c);border-radius:16px;color:#fff;display:flex;justify-content:space-between;margin-bottom:3rem;padding:2rem}.header-content{flex:1 1}.header-actions{flex-shrink:0}.header-content h1{align-items:center;display:flex;gap:1rem}.header-content p{opacity:.9}.list-description{margin-bottom:2rem;margin-top:-21px;text-align:center}.list-description p{color:#666;font-size:1.1rem;font-weight:500;margin:0}.empty-state{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:4rem 2rem;text-align:center}.empty-icon{color:#667eea;margin-bottom:2rem}.empty-state h2{color:#333;font-size:2rem;margin-bottom:1rem}.empty-state p{color:#666;font-size:1.1rem;margin-bottom:2rem}.surveys-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.survey-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 10px 40px #0000001a;cursor:pointer;padding:2rem;transition:all .3s ease}.survey-card:hover{border-color:#667eea;box-shadow:0 20px 60px #00000026;transform:translateY(-5px)}.card-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.survey-info h3{color:#333;font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.survey-date{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem;margin:0}.survey-type{background:#e8f4fd;border-radius:20px;color:#06c;font-size:.8rem;font-weight:500;padding:.5rem 1rem}.card-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:1.5rem}.stat-item{align-items:center;background:#f8f9ff;border-left:4px solid #667eea;border-radius:12px;display:flex;gap:.75rem;padding:1rem}.stat-content{display:flex;flex-direction:column}.stat-value{color:#333;font-size:1.2rem;font-weight:700}.stat-label{color:#666;font-size:.8rem}.rating-stars{display:flex;gap:2px}.star{color:#ddd;font-size:1rem}.star.filled{color:gold}.survey-link-section{background:#f8f9ff;border-left:4px solid #667eea;border-radius:12px;margin:1rem 0;padding:1rem}.link-label{align-items:center;color:#333;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.card-actions{display:flex;flex-wrap:wrap;gap:.5rem}.card-actions button{cursor:pointer;flex:1 1;min-width:120px}.qr-section{border-top:2px solid #f0f0f0;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.qr-code,.qr-loading{margin-bottom:1rem}.qr-code{max-width:150px}.qr-error{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem}.qr-error p{color:#6c757d;margin-bottom:.5rem}.survey-link{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-family:monospace;font-size:.9rem;padding:.5rem;word-break:break-all}.survey-response-container{align-items:center;background:linear-gradient(135deg,#2e7d32,#388e3c 50%,#4caf50);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.survey-header{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:2rem;max-width:800px;padding:2rem;text-align:center;width:100%}.header-content h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.header-content p{color:#666;font-size:1.1rem;margin:0}.progress-container{margin-top:2rem}.progress-bar{background:#f0f0f0;margin-bottom:.5rem;width:100%}.progress-fill{background:linear-gradient(90deg,#2e7d32,#388e3c);border-radius:4px}.progress-text{color:#666;font-size:.9rem;font-weight:500}.question-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:800px;padding:3rem;width:100%}.question-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.question-number{background:#2e7d32;border-radius:20px;padding:.5rem 1rem}.question-type{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem}.question-content{margin-bottom:3rem}.question-text{font-size:1.5rem;font-weight:600;line-height:1.4;margin-bottom:2rem}.rating-options{flex-direction:column;gap:1rem}.rating-option{align-items:center;border:2px solid #e1e5e9;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.5rem;transition:all .3s ease}.rating-option:hover{background:#f8f9ff;border-color:#667eea}.rating-option input[type=radio]{display:none}.rating-option input[type=radio]:checked+.radio-custom{background:#667eea;border-color:#667eea}.rating-option input[type=radio]:checked+.radio-custom:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.option-text{color:#333;flex:1 1;font-weight:500}.text-input-container{margin-top:1rem}.text-input{border:2px solid #e1e5e9;border-radius:12px;font-size:1rem;min-height:120px;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.text-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.question-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between}.loading-screen{color:#fff;text-align:center}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff;height:60px;margin:0 auto 1rem;width:60px}.error-screen{color:#fff;text-align:center}.error-screen h2{font-size:2rem;margin-bottom:1rem}.error-screen p{font-size:1.1rem;opacity:.9}.success-screen{color:#fff;text-align:center}.success-icon{color:#2e7d32;margin-bottom:2rem}.success-screen h2{font-size:2.5rem;margin-bottom:1rem}.success-screen p{font-size:1.2rem;margin-bottom:.5rem;opacity:.9}.form-header{background:linear-gradient(135deg,#2e7d32,#388e3c);border-radius:16px;color:#fff;margin-bottom:3rem;padding:2rem;text-align:center}.form-header h2{align-items:center;display:flex;font-size:2.5rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.5rem}.form-header p{font-size:1.1rem;margin:0;opacity:.9}.modern-form{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;overflow:hidden}.form-section{border-bottom:1px solid #f0f0f0;padding:2rem}.form-section:last-child{border-bottom:none}.form-section h3{align-items:center;color:#333;display:flex;font-size:1.5rem;font-weight:600;gap:.5rem}.form-group,.form-section h3{margin-bottom:1.5rem}.form-group label{font-size:1rem;margin-bottom:.5rem}.form-select{background:#fff;border:2px solid #e1e5e9;border-radius:12px;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.radio-group{display:flex;flex-direction:column;gap:1rem}.radio-option{align-items:flex-start;background:#fff;border:2px solid #e1e5e9;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.radio-option:hover{background:#f8f9ff;border-color:#667eea}.radio-option input[type=radio]{display:none}.radio-custom{border:2px solid #ddd;border-radius:50%;flex-shrink:0;height:20px;margin-top:.25rem;position:relative;width:20px}.radio-option input[type=radio]:checked+.radio-custom{background:#667eea;border-color:#667eea}.radio-option input[type=radio]:checked+.radio-custom:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.option-content{flex:1 1}.option-content h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.option-content p{color:#666;line-height:1.5;margin:0}.questions-preview{grid-gap:1rem;display:grid;gap:1rem}.question-item{background:#f8f9ff;border-left:4px solid #667eea;border-radius:12px;padding:1.5rem}.question-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.question-number{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:30px;justify-content:center;width:30px}.question-type{background:#e8f4fd;border-radius:20px;color:#06c;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.question-text{color:#333;font-size:1rem;font-weight:500;margin:0 0 1rem}.rating-options{display:flex;flex-wrap:wrap;gap:.5rem}.rating-option{background:#fff;border:1px solid #e1e5e9;border-radius:20px;color:#666;font-size:.9rem;padding:.5rem 1rem}.form-actions{background:#f8f9ff;padding:2rem;text-align:center}.btn-primary{align-items:center;background:linear-gradient(135deg,#2e7d32,#388e3c);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:200px;padding:1rem 2rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 10px 25px #2e7d324d}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{align-items:center;background:#fff;border:2px solid #2e7d32;border-radius:8px;color:#2e7d32;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary:hover{background:#2e7d32;color:#fff}.btn-outline{align-items:center;border:2px solid #e1e5e9;border-radius:8px;color:#666;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-outline:hover{border-color:#2e7d32;color:#2e7d32}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.survey-success{padding:2rem;text-align:center}.success-header{margin-bottom:3rem}.success-icon{align-items:center;background:linear-gradient(135deg,#2e7d32,#388e3c);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.success-header h2{color:#333;font-size:2rem;margin-bottom:.5rem}.success-header p{color:#666;font-size:1.1rem}.survey-details{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.detail-card{background:#fff;border-radius:16px;box-shadow:0 5px 20px #0000001a;padding:2rem;text-align:left}.detail-card h3{align-items:center;color:#333;display:flex;font-size:1.3rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.link-container{display:flex;flex-direction:column;gap:.75rem}.link-container .btn-secondary{align-self:flex-start;min-width:120px}.link-output{background:#f8f9ff;border:2px solid #e1e5e9;border-radius:8px;color:#333;display:block;font-family:monospace;font-size:.9rem;line-height:1.4;min-height:2.5rem;padding:.75rem;width:100%;word-break:break-all}.qr-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.qr-code{border-radius:8px;box-shadow:0 5px 15px #0000001a;max-width:200px}.info-grid{grid-gap:1rem;display:grid;gap:1rem}.info-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:.75rem 0}.info-item:last-child{border-bottom:none}.info-label{color:#666}.info-value{color:#333}.action-buttons{gap:1rem;justify-content:center}@media (max-width:768px){.survey-create-container,.survey-list-container,.survey-response-container{padding:1rem}.question-container{padding:2rem}.list-header{flex-direction:column;gap:1rem;text-align:center}.header-content h1{font-size:2rem}.survey-details,.surveys-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn-outline,.btn-primary,.btn-secondary{width:100%}.card-actions,.question-actions,.rating-options{flex-direction:column}.card-stats{grid-template-columns:1fr}.link-container .btn-secondary{align-self:stretch;width:100%}.survey-link-section{margin:.75rem 0;padding:.75rem}.link-label{font-size:.85rem}}.loading-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.error-message{background:#fee;border-left:4px solid #c33;color:#c33;margin-bottom:1rem;padding:1rem}.success-message{background:#efe;border-left:4px solid #363;border-radius:8px;color:#363;margin-bottom:1rem;padding:1rem}.modal-overlay{z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.modal-header{padding:1.5rem}.modal-header h2{color:#2c3e50;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:background-color .2s;width:40px}.modal-close:hover{background-color:#f8f9fa}.modal-body{max-height:70vh;overflow-y:auto;padding:1.5rem}.survey-details{border-bottom:1px solid #e9ecef;margin-bottom:2rem;padding-bottom:1rem}.survey-details h3{color:#2c3e50;margin:0 0 .5rem}.response-stats{margin-bottom:2rem}.response-stats h4{color:#2c3e50;margin:0 0 1rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stats-grid .stat-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.stat-label{color:#6c757d;font-weight:500}.stat-value{color:#2c3e50;font-weight:600}.question-stats{margin-top:2rem}.question-stats h4{color:#2c3e50;margin:0 0 1rem}.question-stat{background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.question-stat h5{color:#2c3e50;font-size:1rem;margin:0 0 1rem}.rating-stats{display:flex;flex-direction:column;gap:.5rem}.rating-option-stat{align-items:center;background:#fff;border-radius:6px;display:flex;gap:1rem;padding:.4rem}.option-label{color:#495057;font-size:.9rem;min-width:120px}.progress-bar{background:#e9ecef;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#10b981,#059669);height:100%;transition:width .3s ease}.percentage{color:#2c3e50;font-weight:600;min-width:50px;text-align:right}.text-responses{background:#fff;border-radius:6px;padding:.5rem}.text-responses p{color:#6c757d;font-size:.9rem;margin:0}.response-list{margin-top:1rem}.response-item{align-items:flex-start;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.75rem}.response-number{color:#10b981;font-weight:600;min-width:2rem}.response-text{color:#374151;flex:1 1;line-height:1.5}.no-responses{color:#6b7280;font-style:italic;padding:1rem;text-align:center}.modal-actions{align-items:center;gap:1rem}.btn-excel{align-items:center;background:linear-gradient(135deg,#217346,#1e6b3d);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.btn-excel:hover{background:linear-gradient(135deg,#1e6b3d,#1a5f35);box-shadow:0 4px 12px #2173464d;transform:translateY(-1px)}.btn-excel:active{transform:translateY(0)}@media (max-width:1600px){.survey-create-container,.survey-list-container{padding:1.5rem}.surveys-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.survey-details{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:1400px){.survey-create-container,.survey-list-container{padding:1.25rem}.surveys-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.list-header{padding:1.5rem}.form-header h2,.header-content h1{font-size:2.2rem}.survey-card{padding:1.5rem}.question-container{padding:2.5rem}}@media (max-width:1200px){.survey-create-container,.survey-list-container{padding:1rem}.surveys-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.survey-details{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.list-header{padding:1.25rem}.header-content h1{font-size:2rem}.header-content p{font-size:1rem}.form-header h2{font-size:2rem}.form-header p{font-size:1rem}.survey-card{padding:1.25rem}.card-stats{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.question-container{padding:2rem}.form-section{padding:1.5rem}}@media (max-width:1024px){.survey-create-container,.survey-list-container{padding:.75rem}.surveys-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.survey-details{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.list-header{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.header-content h1{font-size:1.8rem;justify-content:center}.header-content p{font-size:.95rem}.form-header{padding:1.5rem}.form-header h2{font-size:1.8rem}.form-header p{font-size:.95rem}.survey-card{padding:1rem}.card-header{margin-bottom:1rem;padding-bottom:.75rem}.survey-info h3{font-size:1.2rem}.card-stats{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.stat-item{padding:.75rem}.stat-value{font-size:1.1rem}.question-container{padding:1.5rem}.question-text{font-size:1.3rem}.form-section{padding:1.25rem}.form-section h3{font-size:1.3rem}.modal-content{max-width:90%;width:95%}}@media (max-width:768px){.survey-create-container,.survey-list-container{padding:.5rem}.survey-response-container{padding:1rem}.survey-details,.surveys-grid{gap:1rem;grid-template-columns:1fr}.list-header{gap:.75rem;padding:1rem}.header-content h1{font-size:1.6rem;gap:.5rem}.header-content p{font-size:.9rem}.form-header{padding:1rem}.form-header h2{font-size:1.6rem;gap:.5rem}.form-header p{font-size:.9rem}.survey-card{padding:1rem}.card-header{margin-bottom:.75rem;padding-bottom:.5rem}.survey-info h3{font-size:1.1rem}.survey-date{font-size:.8rem}.survey-type{font-size:.75rem;padding:.4rem .8rem}.card-stats{gap:.5rem;grid-template-columns:1fr}.stat-item{padding:.75rem}.stat-value{font-size:1rem}.stat-label{font-size:.75rem}.card-actions{flex-direction:column;gap:.5rem}.card-actions button{min-width:auto;width:100%}.question-container{padding:1.25rem}.question-header{margin-bottom:1.5rem;padding-bottom:.75rem}.question-number{font-size:.8rem;padding:.4rem .8rem}.question-type{font-size:.8rem}.question-text{font-size:1.2rem;margin-bottom:1.5rem}.rating-options{flex-direction:column;gap:.75rem}.rating-option{padding:.75rem 1rem}.text-input{min-height:100px;padding:.75rem}.question-actions{flex-direction:column;gap:.75rem}.form-section{padding:1rem}.form-section h3{font-size:1.2rem}.form-group,.form-section h3{margin-bottom:1rem}.form-group label,.form-select{font-size:.9rem}.form-select{padding:.75rem}.radio-option{padding:1rem}.option-content h4{font-size:1rem}.option-content p{font-size:.9rem}.btn-outline,.btn-primary,.btn-secondary{font-size:.9rem;padding:.75rem 1.5rem;width:100%}.action-buttons{flex-direction:column;gap:.75rem}.modal-content{max-width:95%;width:95%}.modal-header{padding:1rem}.modal-header h2{font-size:1.2rem}.modal-body{padding:1rem}.stats-grid{gap:.75rem;grid-template-columns:1fr}}@media (max-width:480px){.survey-create-container,.survey-list-container{padding:.25rem}.survey-response-container{padding:.5rem}.list-header{gap:.5rem;padding:.75rem}.header-content h1{font-size:1.4rem;gap:.25rem}.header-content p{font-size:.85rem}.form-header{padding:.75rem}.form-header h2{font-size:1.4rem;gap:.25rem}.form-header p{font-size:.85rem}.survey-card{padding:.75rem}.card-header{margin-bottom:.5rem;padding-bottom:.5rem}.survey-info h3{font-size:1rem}.survey-date{font-size:.75rem}.survey-type{font-size:.7rem;padding:.3rem .6rem}.stat-item{padding:.5rem}.stat-value{font-size:.9rem}.stat-label{font-size:.7rem}.question-container{padding:1rem}.question-header{margin-bottom:1rem;padding-bottom:.5rem}.question-number{font-size:.75rem;padding:.3rem .6rem}.question-type{font-size:.75rem}.question-text{font-size:1.1rem;margin-bottom:1rem}.rating-option{padding:.5rem .75rem}.text-input{font-size:.9rem;min-height:80px;padding:.5rem}.form-section{padding:.75rem}.form-section h3{font-size:1.1rem}.form-group,.form-section h3{margin-bottom:.75rem}.form-group label,.form-select{font-size:.85rem}.form-select{padding:.5rem}.radio-option{padding:.75rem}.option-content h4{font-size:.9rem}.option-content p{font-size:.8rem}.btn-outline,.btn-primary,.btn-secondary{font-size:.85rem;padding:.5rem 1rem}.modal-content{max-width:98%;width:98%}.modal-header{padding:.75rem}.modal-header h2{font-size:1.1rem}.modal-body{padding:.75rem}.modal-close{font-size:1.5rem;height:32px;width:32px}}@media (max-width:360px){.survey-create-container,.survey-list-container{padding:.125rem}.survey-response-container{padding:.25rem}.list-header{gap:.25rem;padding:.5rem}.header-content h1{font-size:1.2rem;gap:.125rem}.header-content p{font-size:.8rem}.form-header{padding:.5rem}.form-header h2{font-size:1.2rem;gap:.125rem}.form-header p{font-size:.8rem}.survey-card{padding:.5rem}.card-header{margin-bottom:.25rem;padding-bottom:.25rem}.survey-info h3{font-size:.9rem}.survey-date{font-size:.7rem}.survey-type{font-size:.65rem;padding:.25rem .5rem}.stat-item{padding:.25rem}.stat-value{font-size:.8rem}.stat-label{font-size:.65rem}.question-container{padding:.75rem}.question-header{margin-bottom:.75rem;padding-bottom:.25rem}.question-number{font-size:.7rem;padding:.25rem .5rem}.question-type{font-size:.7rem}.question-text{font-size:1rem;margin-bottom:.75rem}.rating-option{padding:.25rem .5rem}.text-input{font-size:.8rem;min-height:60px;padding:.25rem}.form-section{padding:.5rem}.form-section h3{font-size:1rem}.form-group,.form-section h3{margin-bottom:.5rem}.form-group label,.form-select{font-size:.8rem}.form-select{padding:.25rem}.radio-option{padding:.5rem}.option-content h4{font-size:.85rem}.option-content p{font-size:.75rem}.btn-outline,.btn-primary,.btn-secondary{font-size:.8rem;padding:.25rem .75rem}.modal-content{max-width:99%;width:99%}.modal-header{padding:.5rem}.modal-header h2{font-size:1rem}.modal-body{padding:.5rem}.modal-close{font-size:1.25rem;height:28px;width:28px}}@media (max-width:768px) and (orientation:landscape){.survey-response-container{padding:.5rem}.question-container{padding:1rem}.form-section{padding:.75rem}.surveys-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.survey-details{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (hover:none) and (pointer:coarse){.survey-card:hover{transform:none}.radio-option:hover,.rating-option:hover{background:#fff;border-color:#e1e5e9}.btn-outline:hover,.btn-primary:hover,.btn-secondary:hover{transform:none}.survey-card:active{transform:scale(.98)}.radio-option:active,.rating-option:active{background:#f8f9ff;border-color:#667eea}.btn-outline:active,.btn-primary:active,.btn-secondary:active{transform:scale(.98)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.form-header,.list-header,.modal-content,.modern-form,.question-container,.survey-card{border-width:.5px}}@media print{.survey-create-container,.survey-list-container{padding:0}.modern-form,.question-container,.survey-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.form-header,.list-header{background:#f0f0f0!important;color:#000!important}.btn-outline,.btn-primary,.btn-secondary{display:none}.survey-details,.surveys-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.btn-outline,.btn-primary,.btn-secondary,.radio-option,.rating-option,.survey-card{transition:none}.btn-outline:hover,.btn-primary:hover,.btn-secondary:hover,.radio-option:hover,.rating-option:hover,.survey-card:hover{transform:none}.loading-spinner{animation:none}}.btn-outline:focus,.btn-primary:focus,.btn-secondary:focus,.form-select:focus,.radio-option:focus-within,.rating-option:focus-within,.survey-card:focus-within,.text-input:focus{outline:2px solid #667eea;outline-offset:2px}.faculty-management-container{background:#f4f6f8;min-height:100vh}.faculty-management-content{align-items:flex-start;background:#f4f6f8;display:flex;flex:1 1;justify-content:center;min-width:0;padding:40px 32px 0 310px}.faculty-management-wrapper{background:#0000;border:none;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;gap:18px;min-height:500px;padding:0 0 40px;width:100%}.faculty-management-title{background:#10b981;border-radius:12px;box-shadow:0 2px 8px #10b98133;color:#fff;font-size:26px;font-weight:700;letter-spacing:.2px;margin-bottom:24px;padding:22px 36px;text-align:left}.upload-section{background:#f7fafc;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 24px #10b98133,0 1.5px 8px #0001;margin-bottom:24px;padding:24px}.upload-section h3{align-items:center;color:#222;display:flex;font-size:18px;font-weight:600;margin:0 0 16px}.upload-section h3 svg{margin-right:8px;vertical-align:middle}.message{border:1px solid;margin-bottom:16px}.message.success{background-color:#d1fae5;border-color:#10b981;color:#065f46}.message.error{background-color:#fee2e2;border-color:#ef4444;color:#991b1b}.upload-controls{align-items:center;display:flex;gap:16px;margin-bottom:16px}.file-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1 1;padding:12px}.upload-button{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:opacity .2s}.upload-button:disabled{cursor:not-allowed;opacity:.6}.uploaded-tables{margin-top:16px}.uploaded-tables h4{color:#222;margin:0 0 12px}.table-preview{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:16px}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.save-button{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px}.table-content{max-height:200px;overflow:auto}.preview-table{border-collapse:collapse;font-size:12px;width:100%}.preview-table td{background:#fff;border:1px solid #e5e7eb;padding:4px 8px}.faculty-form{align-items:center;background:#f7fafc;box-shadow:0 4px 24px #10b98133,0 1.5px 8px #0001;display:flex;gap:16px;margin:0;max-width:100%;min-width:0;padding:20px 24px;width:100%}.faculty-form,.form-input{border:1px solid #e5e7eb;border-radius:16px}.form-input{background:#f4f6f8;color:#222;font-size:16px;outline:none;padding:12px;transition:border-color .2s}.form-input:focus{border:1.7px solid #10b981}.form-input::placeholder{color:#6c757d}.form-input.name{flex:2 1}.form-input.code{width:180px}.submit-button{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 26px;transition:background .2s}.submit-button:hover{background:#059669}.cancel-button{background:#e5e7eb;border:none;border-radius:8px;color:#222;cursor:pointer;font-size:16px;font-weight:500;padding:12px 20px}.faculty-list-section{background:#f7fafc;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 24px #10b98133,0 1.5px 8px #0001;padding:24px}.faculty-list-section h3{color:#222;font-size:18px;font-weight:600;margin:0 0 20px}.faculty-table{background:#f7fafc;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:12px;box-shadow:0 8px 32px #10b98111,0 2px 12px #0001;font-size:16px;max-width:100%;min-width:0;width:100%}.faculty-table thead tr{background:#f4f6f8}.faculty-table th{color:#222;font-weight:600;padding:12px;text-align:left}.faculty-table td{padding:12px}.faculty-table tbody tr{transition:all .5s ease-in-out}.faculty-table tbody tr.deleting{filter:blur(1px);opacity:.3;transform:scale(.95)}.edit-button{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin-right:4px;padding:8px 20px;transition:all .2s ease}.edit-button:hover{background:#059669}.edit-button:disabled{cursor:not-allowed;opacity:.5}.delete-button{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin-left:12px;padding:8px 20px;transition:all .2s ease}.delete-button:disabled{background:#9ca3af;cursor:not-allowed}.empty-message{color:#666;padding:12px}@media (max-width:1024px){.faculty-management-content{padding:30px 20px 0 250px}.faculty-management-title{font-size:22px;padding:18px 24px}.faculty-list-section,.upload-section{padding:20px}.faculty-form{flex-direction:column;gap:12px}.form-input.code{width:100%}.upload-controls{flex-direction:column;gap:12px}.file-input{width:100%}.table-header{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:768px){.faculty-management-content{flex-direction:column;padding:20px 15px 0 0}.faculty-management-title{font-size:20px;padding:16px 20px;text-align:center}.faculty-form,.faculty-list-section,.upload-section{padding:16px}.form-input{font-size:14px;padding:10px}.cancel-button,.submit-button{font-size:14px;padding:10px 20px}.faculty-table{font-size:14px}.faculty-table td,.faculty-table th{padding:8px}.delete-button,.edit-button{font-size:12px;margin:2px;padding:6px 12px}.upload-section h3{font-size:16px}.upload-section h3 svg{height:18px;width:18px}.table-preview{padding:12px}.preview-table{font-size:10px}.preview-table td{padding:2px 4px}}@media (max-width:480px){.faculty-management-content{padding:15px 10px 0 0}.faculty-management-title{font-size:18px;padding:14px 16px}.faculty-list-section,.upload-section{padding:12px}.faculty-form{gap:8px;padding:12px}.form-input{font-size:13px;padding:8px}.cancel-button,.submit-button{font-size:13px;padding:8px 16px}.faculty-table{font-size:12px}.faculty-table td,.faculty-table th{padding:6px}.delete-button,.edit-button{font-size:11px;margin:1px;padding:4px 8px}.upload-controls{gap:8px}.upload-button{font-size:14px;padding:10px 20px}.save-button{font-size:12px;padding:6px 12px}.table-content{max-height:150px}}@media (max-width:320px){.faculty-management-content{padding:10px 5px 0 0}.faculty-management-title{font-size:16px;padding:12px 14px}.faculty-form,.faculty-list-section,.upload-section{padding:10px}.form-input{font-size:12px;padding:6px}.cancel-button,.submit-button{font-size:12px;padding:6px 12px}.faculty-table{font-size:11px}.faculty-table td,.faculty-table th{padding:4px}.delete-button,.edit-button{font-size:10px;padding:3px 6px}.upload-button{font-size:12px;padding:8px 16px}.save-button{font-size:10px;padding:4px 8px}}@media (max-height:500px) and (orientation:landscape){.faculty-management-content{padding:15px 20px 0 250px}.faculty-management-title{font-size:18px;margin-bottom:16px;padding:12px 20px}.faculty-list-section,.upload-section{margin-bottom:16px;padding:16px}.faculty-form{padding:16px}.table-content{max-height:120px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.faculty-management-title,.form-input{text-rendering:optimizeLegibility}}@media (hover:none) and (pointer:coarse){.delete-button:hover,.edit-button:hover,.save-button:hover,.submit-button:hover,.upload-button:hover{transform:none}.delete-button:active,.edit-button:active,.save-button:active,.submit-button:active,.upload-button:active{transform:scale(.98)}.form-input{font-size:16px}}@media print{.faculty-management-container{background:#fff!important}.faculty-list-section,.upload-section{border:1px solid #ccc!important;box-shadow:none!important}.cancel-button,.delete-button,.edit-button,.save-button,.submit-button,.upload-button{display:none!important}}@media (prefers-reduced-motion:reduce){.delete-button,.edit-button,.faculty-table tbody tr,.form-input,.save-button,.submit-button,.upload-button{transition:none!important}}.complaint-form-container{margin:0 auto;max-width:800px;padding:20px}.complaint-form-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;padding:30px}.complaint-form-card h2{color:#333;font-size:24px;font-weight:600;margin-bottom:30px;text-align:center}.complaint-form{gap:20px}.complaint-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#555;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#fafafa;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#007bff;outline:none}.form-group textarea{font-family:inherit;min-height:120px}.form-actions{display:flex;justify-content:center;margin-top:20px}.submit-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:14px 32px;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 6px 12px #007bff4d;transform:translateY(-2px)}.submit-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.message{border-radius:8px;font-weight:500;margin-bottom:20px;padding:12px 16px;text-align:center}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width:768px){.complaint-form-container{padding:15px}.complaint-form-card{padding:20px}.complaint-form-card h2{font-size:20px}.submit-btn{padding:16px;width:100%}}.form-group select{cursor:pointer}.form-group select option{padding:8px}@media (min-width:768px){.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}}.complaint-list-container{margin:0 auto;max-width:1200px;padding:20px}.complaint-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.complaint-list-header h2{color:#333;font-size:24px;font-weight:600;margin:0}.complaint-management-btn{background:linear-gradient(135deg,#2d62ff,#2e47ff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.complaint-management-btn:hover{box-shadow:0 4px 8px #28a7454d;transform:translateY(-2px)}.new-complaint-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.new-complaint-btn:hover{box-shadow:0 4px 8px #28a7454d;transform:translateY(-2px)}.no-complaints p{margin-bottom:20px}.create-first-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s ease}.create-first-btn:hover{box-shadow:0 6px 12px #007bff4d;transform:translateY(-2px)}.complaints-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:30px}.complaint-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.complaint-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.complaint-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:15px}.complaint-title{color:#333;flex:1 1;font-size:18px;font-weight:600;line-height:1.3;margin:0}.complaint-meta{align-items:flex-end;flex-direction:column;gap:8px}.priority-badge,.status-badge{padding:4px 12px}.complaint-category{color:#666;font-size:14px;margin-bottom:12px}.complaint-description{color:#555;font-size:14px;line-height:1.5;margin-bottom:15px}.admin-response{background:#f8f9fa;border-left:4px solid #007bff;border-radius:4px;color:#333;font-size:14px;margin-bottom:15px;padding:12px}.complaint-footer{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;margin-top:15px;padding-top:15px}.complaint-date{color:#888;font-size:12px}.complaint-actions{display:flex;gap:8px}.delete-btn,.view-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#c82333}@media (max-width:768px){.complaint-list-container{padding:15px}.complaint-list-header{align-items:stretch;flex-direction:column;gap:15px}.complaint-list-header h2{font-size:20px;text-align:center}.new-complaint-btn{padding:14px;width:100%}.complaints-grid{gap:15px;grid-template-columns:1fr}.complaint-header{align-items:stretch;flex-direction:column;gap:10px}.complaint-meta{align-items:center;flex-direction:row;justify-content:flex-start}.complaint-footer{align-items:stretch;flex-direction:column;gap:10px}.complaint-actions{justify-content:center}.pagination{flex-direction:column;gap:10px}}.complaint-detail-container{background:#f8fafc;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.complaint-detail-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.complaint-detail-header h1{color:#1e293b;font-size:1.8rem;font-weight:600;margin:0}.complaint-detail-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:30px}.complaint-detail-description,.complaint-detail-header-info,.complaint-detail-info,.complaint-detail-response{margin-bottom:30px}.complaint-detail-description h3,.complaint-detail-response h3{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 15px}.complaint-detail-actions{border-top:1px solid #e2e8f0;display:flex;gap:15px;justify-content:flex-start;margin-top:30px;padding-top:20px}@media (max-width:768px){.complaint-detail-container{padding:15px}.complaint-detail-card{padding:20px}.complaint-detail-header{align-items:flex-start;flex-direction:column;gap:15px}.complaint-detail-header h1{font-size:1.5rem}.info-row{gap:15px}.complaint-detail-actions,.info-row{flex-direction:column}.back-to-list-btn{width:100%}}.admin-complaint-container{margin:0 auto;max-width:1400px;padding:20px}.admin-complaint-header{margin-bottom:30px}.admin-complaint-header h2{color:#333;font-size:24px;font-weight:600;margin:0}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;margin-bottom:20px;padding:12px 16px}.filters-section{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#555;font-size:14px;font-weight:600}.filter-group select{background:#fff;border:2px solid #e1e5e9;border-radius:6px;font-size:14px;min-width:150px;padding:8px 12px}.filter-group select:focus{border-color:#007bff;outline:none}.no-complaints{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:60px 20px;text-align:center}.no-complaints p{color:#666;font-size:16px;margin:0}.complaints-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;overflow:hidden}.complaints-table table{border-collapse:collapse;width:100%}.complaints-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#333;font-size:14px;font-weight:600;padding:15px 12px;text-align:left}.complaints-table td{border-bottom:1px solid #e9ecef;padding:15px 12px;vertical-align:top}.complaints-table tr:hover{background:#f8f9fa}.user-info{display:flex;flex-direction:column;gap:4px}.user-name{color:#333;font-size:14px;font-weight:600}.user-email{color:#666;font-size:12px}.complaint-title-cell{display:flex;flex-direction:column;gap:8px}.complaint-title-cell strong{color:#333;font-size:14px}.complaint-description-preview{color:#666;font-size:12px;line-height:1.4}.category-badge{background:#e9ecef;color:#495057;font-size:12px;text-transform:capitalize}.category-badge,.priority-badge{border-radius:12px;font-weight:600;padding:4px 8px}.priority-urgent{background:#f8d7da;color:#721c24}.priority-high{background:#fff3cd;color:#856404}.priority-normal{background:#d1ecf1;color:#0c5460}.priority-low{background:#e2e3e5;color:#383d41}.status-badge{border-radius:12px;font-weight:600;padding:4px 8px}.status-pending{background:#fff3cd;color:#856404}.status-progress{background:#cce5ff;color:#004085}.status-resolved{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.date-info{color:#666;display:flex;flex-direction:column;font-size:12px;gap:4px}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.respond-btn,.view-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.respond-btn{background:#28a745}.respond-btn:hover{background:#218838}.view-btn{background:#007bff;color:#fff}.view-btn:hover{background:#0056b3}.pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:30px}.page-btn{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.page-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#666;font-size:14px;font-weight:500}.loading{color:#666;padding:40px;text-align:center}.response-modal{box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:600px}.modal-header{border-bottom:1px solid #e9ecef}.modal-header h3{color:#333;font-size:18px}.close-btn{color:#666;transition:background .3s ease}.close-btn:hover{background:#f8f9fa}.complaint-details{border-bottom:1px solid #e9ecef;margin-bottom:24px;padding-bottom:20px}.complaint-details h4{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.complaint-details p{color:#555;font-size:14px;line-height:1.5;margin:8px 0}.response-form{margin-bottom:24px}.response-form .form-group{margin-bottom:16px}.response-form label{color:#555;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.response-form select,.response-form textarea{border:2px solid #e1e5e9;border-radius:8px;font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.response-form select:focus,.response-form textarea:focus{border-color:#007bff;outline:none}.response-form textarea{font-family:inherit;min-height:100px;resize:vertical}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.save-btn{background:#28a745}.save-btn:hover{background:#218838}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#5a6268}@media (max-width:768px){.admin-complaint-container{padding:15px}.filters-section{flex-direction:column;gap:15px}.filter-group select{min-width:auto}.complaints-table{overflow-x:auto}.complaints-table table{min-width:800px}.action-buttons{flex-direction:column;gap:6px}.response-modal{margin:20px;width:95%}.modal-content{padding:20px}.modal-actions{flex-direction:column;gap:10px}.cancel-btn,.save-btn{width:100%}}.content{transition:margin-left .3s ease}@media (max-width:768px){.content{margin-left:0}}.admin-complaint-detail-container{background:#f8fafc;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.admin-complaint-detail-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.back-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.back-btn:hover{background:#2563eb;transform:translateY(-1px)}.admin-complaint-detail-header h1{color:#1e293b;font-size:1.8rem;font-weight:600;margin:0}.admin-complaint-detail-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:30px}.admin-complaint-detail-header-info{margin-bottom:30px}.complaint-title-section h2{color:#1e293b;font-size:1.5rem;font-weight:600;line-height:1.4;margin:0 0 15px}.complaint-meta{display:flex;flex-wrap:wrap;gap:12px}.status-badge{border-radius:20px;font-size:12px;font-weight:500;padding:6px 12px;text-transform:uppercase}.status-pending{background:#fef3c7;color:#92400e}.status-progress{background:#dbeafe;color:#1e40af}.status-resolved{background:#d1fae5;color:#065f46}.status-rejected{background:#fee2e2;color:#991b1b}.priority-badge{border-radius:20px;font-size:12px;font-weight:500;padding:6px 12px;text-transform:uppercase}.priority-urgent{background:#fee2e2;color:#991b1b}.priority-high{background:#fef3c7;color:#92400e}.priority-normal{background:#dbeafe;color:#1e40af}.priority-low{background:#f3f4f6;color:#374151}.admin-complaint-detail-info{margin-bottom:30px}.info-row{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:15px}.info-item{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px}.info-label{color:#475569;font-weight:500}.info-value{color:#1e293b;font-weight:600}.admin-complaint-detail-description,.admin-complaint-detail-response{margin-bottom:30px}.admin-complaint-detail-description h3,.admin-complaint-detail-response h3{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 15px}.description-content,.response-content{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;color:#374151;font-size:14px;line-height:1.6;padding:20px}.response-content{background:#f0fdf4;border-left-color:#10b981}.admin-complaint-detail-actions{border-top:1px solid #e2e8f0;display:flex;gap:15px;justify-content:flex-start;margin-top:30px;padding-top:20px}.respond-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.respond-btn:hover{background:#059669;transform:translateY(-1px)}.back-to-list-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.back-to-list-btn:hover{background:#2563eb;transform:translateY(-1px)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.response-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:80vh;max-width:500px;overflow-y:auto;padding:0;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.close-btn:hover{background:#f1f5f9;color:#374151}.modal-content{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.cancel-btn:hover{background:#e5e7eb}.save-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.save-btn:hover{background:#2563eb}.loading{color:#64748b;display:flex;font-size:16px;height:200px;justify-content:center}.error-message{background:#fee2e2;border-radius:8px;color:#991b1b;font-size:14px;padding:20px;text-align:center}@media (max-width:768px){.admin-complaint-detail-container{padding:15px}.admin-complaint-detail-card{padding:20px}.admin-complaint-detail-header{align-items:flex-start;flex-direction:column;gap:15px}.admin-complaint-detail-header h1{font-size:1.5rem}.info-row{gap:15px}.admin-complaint-detail-actions,.info-row{flex-direction:column}.back-to-list-btn,.respond-btn{width:100%}.response-modal{margin:20px;width:95%}.modal-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.header{background-color:#fff;box-shadow:0 2px 10px #0000001a;left:0;padding:.3rem 0;position:fixed;right:0;top:0;transform:translateY(0);transition:transform .3s ease;z-index:1000}.header-transparent{background-color:initial;box-shadow:none}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px;padding:.5rem 1rem;position:relative}.header-content,.header-left{align-items:center;display:flex}.header-left{left:3rem;padding-left:0;position:absolute}.header-right{align-items:center;display:flex;margin-left:auto;padding-right:1rem}.header-center{flex:1 1;margin-left:200px;text-align:center}.header-title{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0;white-space:nowrap}.logo{height:61px;transition:transform .3s ease;width:auto}.logo:hover{transform:scale(1.05)}.user-welcome{align-items:center;color:#1e293b;display:flex;gap:1rem}.welcome-text{color:#374151;font-size:.9rem;font-weight:500;white-space:nowrap}.logout-button{background:linear-gradient(45deg,#ef4444,#dc2626);border:none;border-radius:20px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.logout-button:hover{background:linear-gradient(45deg,#dc2626,#ef4444);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.logout-button:active{box-shadow:0 2px 8px #ef44444d;transform:translateY(0)}.login-button{background:linear-gradient(45deg,#4caf50,#45a049);border:none;border-radius:30px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;padding:.6rem 1.5rem;text-decoration:none;transition:all .3s ease}.login-button:hover{background:linear-gradient(45deg,#45a049,#4caf50);box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.login-button:active{box-shadow:0 4px 15px #4caf504d;transform:translateY(0)}.nav-menu{display:flex;gap:1.5rem}.nav-link{color:#fff;font-size:.95rem;padding:.5rem 0;text-decoration:none;transition:color .3s ease}.nav-link:after{background-color:#fff;bottom:-2px;content:"";height:2px;left:0;transition:width .3s ease;width:0}.nav-link:hover{color:#e2e8f0}.nav-link:hover:after{width:100%}.mobile-menu-button{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem;transition:background-color .3s ease}.mobile-menu-button:hover{background-color:#ffffff1a}.mobile-menu-open .nav-menu{background:#1a237e;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;left:0;padding:1rem;position:absolute;right:0;top:100%;z-index:1000}.mobile-menu-open .nav-link{border-bottom:1px solid #ffffff1a;padding:.75rem 0}.mobile-menu-open .nav-link:last-child{border-bottom:none}@media (max-width:1200px){.header-content{padding:0 .8rem}.header-left{left:2rem}.header-title{font-size:1.2rem}.logo{height:45px}.welcome-text{font-size:.85rem}.logout-button,.profil-button{font-size:.8rem;padding:.4rem .8rem}}@media (max-width:1024px){.header-center{margin-left:160px}.header-title{font-size:1.1rem}.logo{height:40px}.login-button{padding:.5rem 1.2rem}.user-welcome{gap:.8rem}.welcome-text{font-size:.8rem}.logout-button,.profil-button{font-size:.75rem;padding:.4rem .7rem}}@media (max-width:768px){.header-content{padding:0 .5rem}.header-left{left:.5rem}.header-center{margin-left:120px}.header-title{font-size:1rem}.logo{height:35px}.login-button{font-size:.9rem;padding:.4rem 1rem}.user-welcome{align-items:flex-end;flex-direction:column;gap:.5rem}.welcome-text{font-size:.75rem;text-align:right}.logout-button,.profil-button{font-size:.7rem;padding:.3rem .6rem}.mobile-menu-button{display:block}.nav-menu{display:none}.mobile-menu-open .nav-menu{display:flex}}@media (max-width:480px){.header{padding:.2rem 0}.header-content{padding:0 .3rem}.header-left{left:.3rem}.header-center{margin-left:100px}.header-title{font-size:.9rem}.logo{height:30px}.login-button{font-size:.8rem;padding:.3rem .8rem}.user-welcome{gap:.3rem}.welcome-text{font-size:.7rem}.logout-button,.profil-button{font-size:.65rem;padding:.25rem .5rem}.mobile-menu-button{font-size:1.2rem}.mobile-menu-open .nav-menu{padding:.5rem}.mobile-menu-open .nav-link{padding:.5rem 0}}@media (max-width:360px){.header{padding:.1rem 0}.header-content{padding:0 .2rem}.header-left{left:.2rem}.header-center{margin-left:80px}.header-title{font-size:.8rem}.logo{height:25px}.login-button{font-size:.75rem;padding:.25rem .6rem}.user-welcome{gap:.2rem}.welcome-text{font-size:.65rem}.logout-button,.profil-button{font-size:.6rem;padding:.2rem .4rem}.mobile-menu-button{font-size:1rem}.mobile-menu-open .nav-menu{padding:.3rem}.mobile-menu-open .nav-link{padding:.3rem 0}}@media (max-width:768px) and (orientation:landscape){.header{padding:.15rem 0}.header-content{padding:0 .5rem}.logo{height:30px}.header-title{font-size:.9rem}.mobile-menu-open .nav-menu{max-height:60vh;overflow-y:auto;padding:.5rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.logo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.profil-icon-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.7rem;height:40px;justify-content:center;outline:none;transition:background .2s;width:40px}.profil-icon-button:hover{background:#f0f0f0}.profil-dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001f;display:flex;flex-direction:column;min-width:140px;padding:6px 0;position:absolute;right:0;top:48px;z-index:1000}.profil-dropdown-item{background:none;border:none;color:#333;cursor:pointer;font-size:1rem;padding:10px 18px;text-align:left;transition:background .18s;width:100%}.profil-dropdown-item:hover{background:#f0f0f0}.sidebar{background:linear-gradient(180deg,#1e293b,#0f172a);box-shadow:2px 0 10px #0000001a;color:#fff;height:100vh;left:0;overflow-y:auto;padding:1rem;position:fixed;top:0;transition:all .3s ease;width:250px;z-index:99}.sidebar-toggle{border-radius:8px;box-shadow:0 2px 8px #0003;left:15px;padding:10px;top:80px;transition:all .3s ease}.sidebar-toggle:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:98}.mobile-sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:none;justify-content:space-between;margin-bottom:1rem;padding:1rem}.mobile-sidebar-header h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.mobile-close-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px;transition:background-color .2s ease}.mobile-close-btn:hover{background:#ffffff1a}.sidebar-menu{display:flex;flex-direction:column;gap:.5rem}body:not(.header-hidden) .sidebar{padding-top:60px}body.header-hidden .sidebar{padding-top:1rem}.sidebar-item{align-items:center;border-radius:8px;color:#e2e8f0;display:flex;margin:.3rem 0;overflow:hidden;padding:1rem 1.2rem;position:relative;text-decoration:none;transition:all .3s ease}.sidebar-item:hover{background-color:#4caf5026;box-shadow:0 2px 8px #4caf5033;color:#4caf50;transform:translateX(3px)}.sidebar-item.active{background-color:#4caf5033;box-shadow:0 2px 8px #4caf504d;color:#4caf50}.sidebar-item.active:before{background:#4caf50;border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.sidebar-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.1rem;height:20px;justify-content:center;margin-right:12px;width:20px}.sidebar-label{font-size:.95rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{margin-left:250px;padding:20px;transition:margin-left .3s ease-in-out;width:calc(100% - 250px)}.sidebar.closed~.content{margin-left:60px;width:calc(100% - 60px)}.sidebar-toggle{background:#1e293b;border:none;border-radius:4px;color:#fff;cursor:pointer;display:none;left:10px;padding:.5rem;position:fixed;top:70px;transition:background-color .3s ease;z-index:1000}.sidebar-toggle:hover{background:#334155}.sidebar-toggle .hamburger-icon{display:flex;flex-direction:column;height:20px;justify-content:space-between;width:20px}.sidebar-toggle .hamburger-icon span{background:#fff;height:2px;transition:all .3s ease;width:100%}.sidebar-toggle.active .hamburger-icon span:first-child{transform:rotate(45deg) translate(5px,5px)}.sidebar-toggle.active .hamburger-icon span:nth-child(2){opacity:0}.sidebar-toggle.active .hamburger-icon span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width:1200px){.sidebar{width:240px}.sidebar-item{padding:.9rem 1rem}.sidebar-label{font-size:.9rem}}@media (max-width:1024px){.sidebar{width:230px}.sidebar-item{padding:.8rem .9rem}.sidebar-icon{height:18px;margin-right:10px;width:18px}}@media (max-width:768px){.sidebar{box-shadow:2px 0 20px #0000004d;transform:translateX(-100%);width:280px}.sidebar.open{transform:translateX(0)}.sidebar.mobile{padding-top:0}.sidebar-toggle{align-items:center;display:flex;justify-content:center}.mobile-sidebar-header{display:flex}.sidebar-item{border-radius:6px;margin:.2rem 0;padding:1rem 1.2rem}.sidebar-item:hover{transform:translateX(2px)}.sidebar-icon{height:20px;margin-right:12px;width:20px}.sidebar-label{font-size:.95rem}}@media (max-width:480px){.sidebar{width:260px}.sidebar-toggle{left:10px;padding:8px;top:70px}.mobile-sidebar-header{padding:.8rem}.mobile-sidebar-header h3{font-size:1.1rem}.sidebar-item{margin:.15rem 0;padding:.9rem 1rem}.sidebar-icon{height:18px;margin-right:10px;width:18px}.sidebar-label{font-size:.9rem}}@media (max-width:360px){.sidebar{width:240px}.sidebar-toggle{left:8px;padding:6px;top:65px}.mobile-sidebar-header{padding:.7rem}.mobile-sidebar-header h3{font-size:1rem}.sidebar-item{margin:.1rem 0;padding:.8rem .9rem}.sidebar-icon{height:16px;margin-right:8px;width:16px}.sidebar-label{font-size:.85rem}}@media (max-width:768px) and (orientation:landscape){.sidebar{width:240px}.sidebar-toggle{top:60px}.sidebar-item{padding:.7rem 1rem}.sidebar-label{font-size:.9rem}}@media (hover:none) and (pointer:coarse){.sidebar-item:hover{background-color:initial;transform:none}.sidebar-item:active{background-color:#4caf5033;transform:scale(.98)}.sidebar-toggle:hover{transform:none}.sidebar-toggle:active{transform:scale(.95)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.sidebar-icon{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.content-with-sidebar{margin-left:250px;min-height:calc(100vh - 70px);transition:margin-left .3s ease-in-out}@media (max-width:1200px){.content-with-sidebar{margin-left:240px}}@media (max-width:1024px){.content-with-sidebar{margin-left:230px}}@media (max-width:768px){.content-with-sidebar{margin-left:0}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#1e293b;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.App{background:var(--gray-50);min-height:100vh}.main-content{flex:1 1;margin-top:70px;padding:0}.home-page{background:linear-gradient(135deg,#667eea,#764ba2)}.hero-section,.home-page{min-height:calc(100vh - 70px)}.hero-section{align-items:center;background:linear-gradient(135deg,#4caf50b3,#1e293bcc),url(https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80) 50%/cover no-repeat;display:flex;justify-content:center;overflow:hidden;position:relative}.hero-section:before{background:#0000001a;bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.hero-content{color:var(--white);max-width:800px;padding:var(--spacing-xl);position:relative;text-align:center;z-index:1}.hero-logo{filter:brightness(0) invert(1);height:120px;margin-bottom:30px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fffffff2,#fffc);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:var(--spacing-lg);text-shadow:0 4px 8px #0000001a}.hero-subtitle{font-size:1.25rem;font-weight:400;line-height:1.6;margin-bottom:var(--spacing-2xl);opacity:.9;transition:all .3s ease}.hero-subtitle:hover{opacity:1;text-shadow:0 4px 8px #0003;transform:translateY(-2px)}.hero-cta{align-items:center;background:var(--white);border:2px solid #0000;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--primary-green);display:inline-flex;font-size:1.125rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:var(--transition-normal)}.hero-cta:hover{background:var(--gray-50);box-shadow:var(--shadow-xl);color:var(--primary-green-dark);transform:translateY(-2px)}.hero-cta:active{transform:translateY(0)}.features-section{background:#fff;padding:80px 20px}.features-container{margin:0 auto;max-width:1200px;text-align:center}.features-container h3{color:#1e293b;font-size:2.2rem;font-weight:600;margin-bottom:50px}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:40px}.feature-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:30px;transition:all .3s ease}.feature-card:hover{background:#fff;box-shadow:0 20px 40px #0000001a;transform:translateY(-8px)}.feature-icon{display:block;font-size:3rem;margin-bottom:20px}.feature-card h4{color:#1e293b;font-size:1.3rem;font-weight:600;margin-bottom:15px}.feature-card p{color:#64748b;line-height:1.6}.info-section{background:#f8fafc;padding:80px 20px}.info-container{margin:0 auto;max-width:1000px;text-align:center}.info-container h3{color:#1e293b;font-size:2.2rem;font-weight:600;margin-bottom:50px}.process-steps{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:40px}.step{padding:20px;text-align:center}.step-number{align-items:center;background:linear-gradient(45deg,#4caf50,#45a049);border-radius:50%;box-shadow:0 8px 20px #4caf504d;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.step-content h4{color:#1e293b;font-size:1.2rem;font-weight:600;margin-bottom:10px}.step-content p{color:#64748b;font-size:.95rem;line-height:1.6}.btn{border:none;border-radius:8px;font-size:1rem;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.btn-primary{background:#fff!important;border:2px solid #fff!important;box-shadow:0 4px 15px #0000001a;color:#1e293b!important}.btn-primary:hover{background:#f1f5f9!important;box-shadow:0 6px 20px #00000026;color:#1e293b!important;transform:translateY(-2px)}.btn-secondary{background:#f8fafc;border:2px solid #e2e8f0;color:#64748b}.btn-secondary:hover{background:#e2e8f0;color:#475569}.loading-spinner{border-right:4px solid #ffffff4d;border-top:4px solid #ffffff4d;border-width:4px;filter:drop-shadow(0 2px 4px rgba(76,175,80,.2));height:40px;margin:0 auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.main-content{margin-top:70px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.hero-logo{height:80px}.hero-cta{max-width:280px;width:100%}.features-section,.info-section{padding:60px 15px}.features-container h3,.info-container h3{font-size:1.8rem}.features-grid{gap:25px}.process-steps{gap:20px}.step-number{font-size:1.3rem;height:50px;width:50px}}@media (max-width:480px){.main-content{margin-top:60px}.hero-section{padding:60px 15px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-logo{height:60px}.features-container h3,.info-container h3{font-size:1.5rem}.feature-card{padding:20px}.process-steps{grid-template-columns:1fr}}.app-container{display:flex;flex-direction:column;min-height:100vh}.page-container{background:var(--gray-50);flex:1 1;padding-top:80px}.content-wrapper{animation:fadeIn .6s ease-out;margin:0 auto;max-width:1200px;padding:var(--spacing-xl)}.page-header{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl) 0;text-align:center}.page-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--gray-800);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.page-description{color:var(--gray-600);font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:600px}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;padding:var(--spacing-xl);position:relative;transition:var(--transition-normal)}.card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.card:hover{border-color:var(--primary-green);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--gray-200);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.card-title{color:var(--gray-800);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-xs)}.card-subtitle{color:var(--gray-600);font-size:.875rem}.card-content{color:var(--gray-700);line-height:1.6}.card-footer{border-top:1px solid var(--gray-200);display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.btn{align-items:center;border:2px solid #0000;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:var(--transition-fast)}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow);color:var(--white)}.btn-primary:hover{box-shadow:var(--shadow-md);filter:brightness(1.05);transform:translateY(-1px)}.btn-secondary{background:var(--white);border-color:var(--primary-green);color:var(--primary-green)}.btn-secondary:hover{background:var(--primary-green);color:var(--white)}.btn-outline{background:#0000;border-color:var(--gray-300);color:var(--primary-green)}.btn-outline:hover{background:var(--gray-100);border-color:var(--primary-green)}.btn-lg{border-radius:var(--radius-md);font-size:1rem;padding:var(--spacing-md) var(--spacing-lg)}.btn-sm{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{color:var(--gray-700);display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-sm)}.form-control{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius);color:var(--gray-700);font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast);width:100%}.form-control:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #0596691a;outline:none}.form-control:invalid{border-color:var(--error)}.form-text{color:var(--gray-500)}.form-error,.form-text{font-size:.75rem;margin-top:var(--spacing-xs)}.form-error{color:var(--error)}.grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.alert{border:1px solid #0000;border-radius:var(--radius);font-size:.875rem;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.alert-success{background:#10b9811a;border-color:#10b98133;color:var(--success)}.alert-warning{background:#f59e0b1a;border-color:#f59e0b33;color:var(--warning)}.alert-error{background:#ef44441a;border-color:#ef444433;color:var(--error)}.alert-info{background:#3b82f61a;border-color:#3b82f633;color:var(--info)}.loading{align-items:center;color:#4caf50;display:inline-flex;font-weight:500;gap:var(--spacing-sm)}.loading-spinner{animation:spin 1s linear infinite;border-right:2px solid #ffffff4d;border-top:2px solid #ffffff4d;border-color:#4caf50 #1e293b #ffffff4d #ffffff4d;border-radius:50%;border-style:solid;border-width:2px;filter:drop-shadow(0 1px 2px rgba(76,175,80,.1));height:1rem;width:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}@media (max-width:1024px){.content-wrapper{padding:var(--spacing-lg)}.page-title{font-size:2rem}.grid-4{grid-template-columns:repeat(3,1fr)}.hero-title{font-size:3rem}.features-grid{gap:30px}.features-grid,.process-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.main-content{margin-top:70px}.content-wrapper{padding:var(--spacing-md)}.page-container{padding-top:70px}.page-title{font-size:1.8rem}.page-description{font-size:1rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.hero-logo{height:80px}.hero-cta{font-size:1rem;max-width:280px;padding:var(--spacing-sm) var(--spacing-lg);width:100%}.features-section,.info-section{padding:60px 15px}.features-container h3,.info-container h3{font-size:1.8rem}.features-grid{gap:25px;grid-template-columns:1fr}.process-steps{gap:20px;grid-template-columns:1fr}.step-number{font-size:1.3rem;height:50px;width:50px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{padding:var(--spacing-lg)}.card-title{font-size:1.3rem}.btn-lg{font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md)}.hero-content{padding:var(--spacing-lg)}}@media (max-width:480px){.main-content{margin-top:60px}.page-container{padding-top:60px}.content-wrapper{padding:var(--spacing-sm)}.hero-section{padding:40px 15px}.hero-title{font-size:2rem;line-height:1.2}.hero-subtitle{font-size:1rem;margin-bottom:var(--spacing-xl)}.hero-logo{height:60px;margin-bottom:20px}.hero-cta{border-radius:var(--radius-md);font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md)}.features-container h3,.info-container h3{font-size:1.5rem;margin-bottom:30px}.feature-card{padding:20px}.feature-icon{font-size:2.5rem;margin-bottom:15px}.feature-card h4,.step-content h4{font-size:1.1rem}.step-content p{font-size:.9rem}.page-title{font-size:1.5rem}.page-description{font-size:.9rem}.card{padding:var(--spacing-md)}.card-title{font-size:1.2rem}.btn{font-size:.8rem}.btn,.form-control{padding:var(--spacing-xs) var(--spacing-sm)}.form-control{font-size:.9rem}.alert,.form-label{font-size:.8rem}.alert{padding:var(--spacing-sm)}}@media (max-width:320px){.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.9rem}.hero-logo{height:50px}.hero-cta{font-size:.8rem;padding:8px 16px}.features-container h3,.info-container h3{font-size:1.3rem}.feature-card{padding:15px}.step-number{font-size:1.1rem;height:40px;width:40px}.page-title{font-size:1.3rem}.card{padding:var(--spacing-sm)}.btn{font-size:.75rem;padding:6px 12px}}@media (max-height:500px) and (orientation:landscape){.hero-section{min-height:100vh;padding:20px}.hero-content{padding:var(--spacing-md)}.hero-title{font-size:2rem;margin-bottom:var(--spacing-sm)}.hero-subtitle{font-size:.9rem;margin-bottom:var(--spacing-md)}.hero-logo{height:50px;margin-bottom:15px}}@media (min-width:1200px){.content-wrapper{max-width:1400px}.hero-title{font-size:4rem}.hero-subtitle{font-size:1.4rem}.features-grid,.process-steps{grid-template-columns:repeat(4,1fr)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.hero-section{background-image:url(https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80)}}@media (hover:none) and (pointer:coarse){.btn:hover,.card:hover,.feature-card:hover{transform:none}.btn:active,.card:active,.feature-card:active{transform:scale(.98)}.form-control{font-size:16px}}@media print{.hero-section{background:none!important;color:#000!important}.hero-subtitle,.hero-title{-webkit-text-fill-color:#000!important;color:#000!important}.btn{display:none}.card{border:1px solid #ccc;box-shadow:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loading-spinner{animation:none}}@supports (container-type:inline-size){.card{container-type:inline-size}@container (max-width: 400px){.card-title{font-size:1.1rem}.card-content{font-size:.9rem}}}
/*# sourceMappingURL=main.15ebe51d.css.map*/