:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em}*{text-rendering:optimizeLegibility}:after,:before{box-sizing:border-box}body{color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--text-base);font-weight:400;font-weight:var(--font-regular);letter-spacing:-.025em;letter-spacing:var(--tracking-tight);line-height:1.5;line-height:var(--leading-normal);margin:0}#root,body{max-width:100vw;overflow-x:hidden;width:100%}code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-family:var(--font-mono);font-size:.9em}h1,h2,h3,h4,h5,h6{color:#111827;font-weight:600;font-weight:var(--font-semibold);letter-spacing:-.025em;letter-spacing:var(--tracking-tight);line-height:1.25;line-height:var(--leading-tight);margin:0}h1{font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;font-weight:var(--font-bold);letter-spacing:-.05em;letter-spacing:var(--tracking-tighter)}h2{font-size:1.5rem;font-size:var(--text-2xl)}h2,h3{font-weight:600;font-weight:var(--font-semibold)}h3{font-size:1.25rem;font-size:var(--text-xl)}h4{font-size:1.125rem;font-size:var(--text-lg);font-weight:500;font-weight:var(--font-medium)}p{line-height:1.625;line-height:var(--leading-relaxed);margin:0 0 1em}small{font-size:.875rem;font-size:var(--text-sm);line-height:1.5;line-height:var(--leading-normal)}strong{font-weight:600;font-weight:var(--font-semibold)}button,input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:inherit;letter-spacing:inherit;line-height:inherit}label{font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);letter-spacing:-.025em;letter-spacing:var(--tracking-tight);line-height:1.5;line-height:var(--leading-normal)}.landing-page{background:linear-gradient(135deg,#fff,#f5f5f5);min-height:100vh;padding:20px;position:relative}.landing-container,.landing-page{align-items:center;display:flex;justify-content:center}.landing-container{flex-direction:column;gap:60px;max-width:800px;width:100%}.landing-header-logo{left:20px;position:absolute;top:20px;z-index:10}.landing-header-logo img{height:50px;object-fit:contain;width:auto}.landing-logo-section{align-items:center;display:flex;flex-direction:column}.landing-logo{align-items:center;display:flex;justify-content:center;max-width:600px;width:100%}.landing-logo img{filter:drop-shadow(0 4px 10px rgba(0,0,0,.15));height:auto;object-fit:contain;width:100%}.landing-buttons{align-items:center;display:flex;flex-direction:column;gap:20px}.landing-submit-btn{background:#fdb208;border:none;border-radius:50px;box-shadow:0 4px 15px #fdb2084d;color:#000;cursor:pointer;font-family:Arial,sans-serif;font-size:24px;font-weight:700;padding:20px 80px;text-transform:none;transition:all .3s ease}.landing-submit-btn:hover{background:#e5a007;box-shadow:0 6px 20px #fdb20866;transform:translateY(-2px)}.landing-submit-btn:active{box-shadow:0 3px 10px #fdb2084d;transform:translateY(0)}.landing-upload-btn{background:#fdb208;border:none;border-radius:50px;box-shadow:0 4px 15px #fdb2084d;color:#000;cursor:pointer;font-family:Arial,sans-serif;font-size:24px;font-weight:700;padding:20px 55px;text-transform:none;transition:all .3s ease}.landing-upload-btn:hover{background:#e5a007;box-shadow:0 6px 20px #fdb20866;transform:translateY(-2px)}.landing-upload-btn:active{box-shadow:0 3px 10px #fdb2084d;transform:translateY(0)}.landing-documents-btn{background:#fdb208;border:none;border-radius:50px;box-shadow:0 4px 15px #fdb2084d;color:#000;cursor:pointer;font-family:Arial,sans-serif;font-size:24px;font-weight:700;padding:20px 60px;text-transform:none;transition:all .3s ease}.landing-documents-btn:hover{background:#e5a007;box-shadow:0 6px 20px #fdb20866;transform:translateY(-2px)}.landing-documents-btn:active{box-shadow:0 3px 10px #fdb2084d;transform:translateY(0)}.landing-phone{color:#666;font-size:20px;margin-top:20px}.landing-phone a{color:#000;font-weight:600;text-decoration:none;transition:color .3s ease}.landing-phone a:hover{color:#fdb208}.landing-admin-link{color:#999;font-size:13px;margin-top:-10px}.landing-admin-link a{color:#666;font-weight:500;text-decoration:none;transition:color .3s ease}.landing-admin-link a:hover{color:#fdb208}@media (max-width:1024px){.landing-logo{max-width:500px}}@media (max-width:768px){.landing-page{padding:15px}.landing-header-logo img{height:40px}.landing-container{gap:40px}.landing-logo{max-width:400px}.landing-buttons{gap:15px;width:100%}.landing-documents-btn,.landing-submit-btn,.landing-upload-btn{font-size:20px;max-width:320px;padding:16px 60px;width:100%}.landing-phone{font-size:18px}}@media (max-width:480px){.landing-page{padding:10px}.landing-header-logo{left:10px;top:10px}.landing-header-logo img{height:32px}.landing-container{gap:30px}.landing-logo{max-width:280px}.landing-buttons{gap:12px;padding:0 10px;width:100%}.landing-documents-btn,.landing-submit-btn,.landing-upload-btn{font-size:18px;max-width:100%;padding:14px 40px;width:100%}.landing-phone{font-size:16px;text-align:center}.landing-admin-link{font-size:12px;text-align:center}}@media (max-width:360px){.landing-header-logo img{height:28px}.landing-container{gap:25px}.landing-logo{max-width:240px}.landing-documents-btn,.landing-submit-btn,.landing-upload-btn{font-size:16px;padding:12px 30px}.landing-phone{font-size:14px}}.documents-page{background:linear-gradient(135deg,#fff,#f5f5f5);min-height:100vh;padding:20px}.documents-header{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:20px}.documents-header-logo img{height:50px;object-fit:contain;width:auto}.documents-header-actions{align-items:center;display:flex;gap:15px}.documents-user-greeting{background:#f0f0f0;border-radius:20px;color:#333;font-size:16px;font-weight:600;padding:8px 16px}.documents-back-btn{background:#4db8ff;border:none;border-radius:25px;box-shadow:0 2px 10px #4db8ff40;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.documents-back-btn:hover{background:#3da3e6;box-shadow:0 4px 15px #4db8ff59;transform:translateY(-2px)}.documents-logout-btn{background:#fdb208;border:none;border-radius:25px;box-shadow:0 2px 10px #fdb20840;color:#000;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.documents-logout-btn:hover{background:#e5a007;box-shadow:0 4px 15px #fdb20859;transform:translateY(-2px)}.documents-container{margin:0 auto;max-width:1400px;padding:40px 20px}.documents-title-section{margin-bottom:50px;text-align:center}.documents-title{color:#000;font-size:42px;font-weight:700;margin-bottom:15px}.documents-subtitle{color:#666;font-size:18px;margin:0}.documents-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px}.spinner{height:50px;width:50px}.documents-loading p{color:#666;font-size:16px}.documents-error{padding:60px 20px;text-align:center}.documents-error p{color:#d32f2f;font-size:18px;margin-bottom:20px}.retry-btn{background:#fdb208;border:none;border-radius:25px;color:#000;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.retry-btn:hover{background:#e5a007;transform:translateY(-2px)}.documents-empty{padding:60px 20px;text-align:center}.documents-empty p{color:#666;font-size:18px}.documents-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:50px}.document-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;flex-direction:column;gap:15px;padding:20px;transition:all .3s ease}.document-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-3px)}.document-icon{align-items:center;background:#e3f2fd;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto;width:60px}.document-icon svg{height:32px;width:32px}.document-info{flex-grow:1;text-align:center}.document-title{color:#000;font-size:16px;font-weight:700;line-height:1.3;margin:0 0 8px}.document-description{color:#666;font-size:13px;line-height:1.4;margin:0 0 6px}.document-size{color:#999;font-size:12px;margin:0}.document-download-btn{align-items:center;background:#fdb208;border:none;border-radius:20px;box-shadow:0 2px 8px #fdb20840;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:all .3s ease}.document-download-btn svg{height:16px;width:16px}.document-download-btn:hover{background:#e5a007;box-shadow:0 5px 15px #fdb20859;transform:translateY(-2px)}.document-download-btn:active{box-shadow:0 2px 8px #fdb20840;transform:translateY(0)}.document-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px;width:100%}.document-fill-btn{align-items:center;background:#fdb208;border:none;border-radius:8px;box-shadow:0 2px 8px #fdb2084d;color:#000;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:all .3s ease;width:100%}.document-fill-btn svg{height:16px;width:16px}.document-fill-btn:hover{background:#e5a007;box-shadow:0 5px 15px #fdb20866;transform:translateY(-2px)}.document-fill-btn:active{box-shadow:0 2px 8px #fdb2084d;transform:translateY(0)}.document-word-btn{align-items:center;background:#fdb208;border:none;border-radius:8px;box-shadow:0 2px 8px #fdb2084d;color:#000;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease;width:100%}.document-word-btn svg{color:#000;height:16px;width:16px}.document-word-btn:hover{background:#e5a007;box-shadow:0 5px 15px #fdb20866;transform:translateY(-2px)}.document-word-btn:active{box-shadow:0 2px 8px #fdb2084d;transform:translateY(0)}.document-pdf-btn{align-items:center;background:#1a9ef6;border:none;border-radius:8px;box-shadow:0 2px 8px #1a9ef64d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease;width:100%}.document-pdf-btn svg{color:#fff;height:16px;width:16px}.document-pdf-btn:hover{background:#1589d6;box-shadow:0 5px 15px #1a9ef666;transform:translateY(-2px)}.document-pdf-btn:active{box-shadow:0 2px 8px #1a9ef64d;transform:translateY(0)}.documents-footer{border-top:1px solid #e0e0e0;padding:40px 20px 20px;text-align:center}.documents-footer p{color:#666;font-size:16px;margin:0}.documents-footer a{color:#000;font-weight:600;text-decoration:none;transition:color .3s ease}.documents-footer a:hover{color:#fdb208}@media (max-width:1400px){.documents-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:1200px){.documents-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.documents-header{flex-direction:column;gap:20px;padding:15px}.documents-header-logo img{height:40px}.documents-back-btn{font-size:14px;padding:10px 20px}.documents-title{font-size:32px}.documents-subtitle{font-size:16px}.documents-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.document-card{padding:18px}}@media (max-width:480px){.documents-page{padding:10px}.documents-container{padding:20px 10px}.documents-header{gap:15px;padding:10px}.documents-header-logo img{height:35px}.documents-back-btn{font-size:13px;padding:8px 16px;width:100%}.documents-title-section{margin-bottom:30px}.documents-title{font-size:26px}.documents-subtitle{font-size:14px;padding:0 10px}.documents-grid{gap:15px;grid-template-columns:1fr}.document-card{padding:16px}.document-icon{height:50px;width:50px}.document-icon svg{height:28px;width:28px}.document-title{font-size:15px}.document-description{font-size:12px}.document-download-btn,.document-pdf-btn,.document-word-btn{font-size:13px;padding:10px 16px}.document-download-btn svg,.document-pdf-btn svg,.document-word-btn svg{height:14px;width:14px}.documents-footer{padding:30px 15px 15px}.documents-footer p{font-size:14px}}@media (max-width:360px){.documents-title{font-size:24px}.documents-subtitle{font-size:13px}.document-card{padding:14px}.document-title{font-size:14px}.document-download-btn,.document-pdf-btn,.document-word-btn{font-size:12px;padding:8px 14px}.documents-footer p{font-size:13px}}.upload-form-page{background:linear-gradient(135deg,#fff,#f5f5f5);display:flex;flex-direction:column;min-height:100vh}.upload-header{background:#fff;box-shadow:0 2px 10px #00000014;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.upload-header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.brand .logo-full{height:50px;max-width:300px;object-fit:contain;width:auto}.header-actions{gap:15px}.user-greeting{color:#666;font-size:15px}.btn-dashboard{align-items:center;background:#fdb208;border:none;border-radius:6px;box-shadow:0 2px 8px #fdb20840;color:#000;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:6px;justify-content:center;padding:10px 20px;transition:all .3s ease}.btn-dashboard:hover{background:#e5a007;box-shadow:0 4px 12px #fdb20859;transform:translateY(-2px)}.btn-logout{align-items:center;border-radius:6px;box-shadow:0 2px 8px #00000040;display:inline-flex;font-size:15px;justify-content:center;transition:all .3s ease}.btn-logout:hover{transform:translateY(-2px)}.upload-main{flex:1 1;padding:40px 20px}.upload-container{margin:0 auto;max-width:800px}.upload-title-section{margin-bottom:40px;text-align:center}.upload-title{color:#000;font-size:38px;font-weight:700;margin-bottom:12px}.upload-subtitle{color:#666;font-size:17px;margin:0}.alert{margin-bottom:30px}.upload-form{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:40px}.form-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.form-input,.form-select,.form-textarea{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.form-input,.form-select{height:47px;line-height:1.5}.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' width='12' height='12'%3E%3Cpath fill='%23333' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#4db8ff;box-shadow:0 0 0 3px #4db8ff1a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#999}.form-textarea{min-height:100px;resize:vertical}.file-upload-area{background:#f8fcff;border:2px dashed #4db8ff;border-radius:12px;padding:30px;text-align:center;transition:all .3s ease}.file-upload-area:hover{background:#f0f9ff;border-color:#3da8ef}.file-upload-area.dragging{background:#e3f2fd;border-color:#fdb208;border-width:3px;box-shadow:0 4px 20px #fdb2084d;transform:scale(1.02)}.file-input-hidden{display:none}.file-upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:15px}.upload-icon{font-size:48px}.upload-text{display:flex;flex-direction:column;gap:5px}.upload-text .upload-title{color:#000;font-size:16px;font-weight:600}.upload-text .upload-subtitle{color:#666;font-size:13px}.file-info{background:#d4edda;border-radius:6px;color:#155724;font-size:14px;font-weight:500;margin-top:15px;padding:10px 16px}.file-count{color:#4db8ff;font-size:14px;font-weight:600;margin-left:8px}.selected-files-list{display:flex;flex-direction:column;gap:10px;margin-top:20px;max-height:400px;overflow-y:auto;padding:5px}.selected-file-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;display:flex;gap:12px;padding:12px 16px;transition:all .3s ease}.selected-file-item:hover{border-color:#4db8ff;box-shadow:0 2px 8px #4db8ff26;transform:translateY(-1px)}.file-item-icon{flex-shrink:0;font-size:32px}.file-item-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.file-item-name{color:#333;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-size{color:#666;font-size:12px}.file-item-remove{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:32px;justify-content:center;line-height:1;transition:all .3s ease;width:32px}.file-item-remove:hover{background:#c82333;transform:scale(1.1)}.file-item-remove:active{transform:scale(.95)}.form-actions{flex-wrap:wrap;gap:15px;padding-top:10px}.btn-secondary,.form-actions{align-items:center;justify-content:center}.btn-secondary{background:#fdb208;border:none;border-radius:12px;box-shadow:0 3px 12px #fdb20840;color:#000;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;height:48px;min-width:140px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-secondary:hover:before{left:100%}.btn-secondary:hover{background:#e5a007;box-shadow:0 5px 18px #fdb20859;transform:translateY(-2px) scale(1.02)}.btn-secondary:active{transform:translateY(0) scale(.98)}.btn-print{background:#fdb208;box-shadow:0 3px 12px #fdb2084d}.btn-print:hover{background:#e5a007;box-shadow:0 5px 18px #fdb20873}.btn-pdf{background:#fdb208;box-shadow:0 3px 12px #fdb2084d}.btn-pdf:hover{background:#e5a007;box-shadow:0 5px 18px #fdb20873}.btn-icon{stroke:currentColor;flex-shrink:0;height:16px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:16px}.btn-secondary:hover .btn-icon{transform:scale(1.15)}.btn-print:hover .btn-icon{animation:printShake .5s ease}.btn-pdf:hover .btn-icon{animation:downloadBounce .6s ease}@keyframes printShake{0%,to{transform:translateY(0)}25%{transform:translateY(-3px)}75%{transform:translateY(-3px)}}@keyframes downloadBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.btn-submit{border-radius:12px;box-shadow:0 4px 15px #fdb20866;font-size:15px;gap:10px;height:48px;min-width:180px;overflow:hidden;padding:12px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-submit:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-submit:hover:not(:disabled):before{left:100%}.btn-submit:hover:not(:disabled){box-shadow:0 6px 24px #fdb20880;transform:translateY(-2px) scale(1.03)}.btn-submit:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-icon-submit{stroke:currentColor;flex-shrink:0;height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:18px}.btn-submit:hover:not(:disabled) .btn-icon-submit{transform:scale(1.15) rotate(5deg)}.btn-loading-dots{align-items:center;display:flex;gap:5px;justify-content:center;margin-left:4px}.btn-loading-dots .dot{animation:dotBounce 1.4s ease-in-out infinite;background:#000;border-radius:50%;box-shadow:0 2px 4px #0000004d;height:8px;width:8px}.btn-loading-dots .dot:first-child{animation-delay:0s}.btn-loading-dots .dot:nth-child(2){animation-delay:.2s}.btn-loading-dots .dot:nth-child(3){animation-delay:.4s}.upload-footer{background:#fff;border-top:1px solid #e0e0e0;padding:30px 20px;text-align:center}.footer-content{align-items:center;display:flex;gap:24px;justify-content:space-between}.footer-info{flex:1 1}.footer-links{display:flex;gap:24px}.footer-links a{color:#495057;font-size:13px;font-weight:500}@media (max-width:768px){.upload-header{padding:15px}.upload-header-container{align-items:stretch;flex-direction:column;gap:12px}.brand{justify-content:center}.brand .logo{height:38px}.brand .logo-full{height:40px;max-width:250px}.brand-name{font-size:16px}.header-actions{align-items:stretch;flex-direction:column;gap:10px;width:100%}.user-greeting{font-size:14px;order:-1;text-align:center;width:100%}.btn-dashboard,.btn-logout{justify-content:center}.btn-back,.btn-dashboard,.btn-logout{border-radius:6px;font-size:14px;padding:10px 20px;width:100%}.upload-main{padding:25px 15px}.title-section{margin-bottom:25px}.upload-title{font-size:28px}.upload-subtitle{font-size:15px}.upload-form{padding:25px}.form-grid{gap:18px;grid-template-columns:1fr}.form-label{font-size:14px}.form-input,.form-textarea{font-size:14px;padding:11px 14px}.file-upload-area{padding:25px 15px}.upload-icon{font-size:42px}.upload-instruction{font-size:15px}.upload-hint{font-size:13px}.form-actions{gap:10px}.btn-secondary{font-size:13px;height:42px;min-width:110px;padding:9px 18px}.btn-submit{font-size:14px;height:44px;min-width:150px;padding:10px 26px}.btn-icon,.btn-icon-submit{height:15px;width:15px}.footer-content{flex-direction:column;gap:18px}.footer-links{gap:18px}}@media (max-width:480px){.upload-header{padding:12px}.brand .logo{height:34px}.brand .logo-full{height:36px;max-width:220px}.brand-name{font-size:14px}.header-actions{flex-direction:column;gap:10px;width:100%}.user-greeting{font-size:13px;text-align:center;width:100%}.btn-dashboard,.btn-logout{max-width:100%;padding:9px 18px}.btn-back,.btn-dashboard,.btn-logout{border-radius:6px;font-size:13px;width:100%}.btn-back{padding:8px 16px}.upload-main{padding:20px 10px}.title-section{margin-bottom:20px}.upload-title{font-size:24px}.upload-subtitle{font-size:14px}.upload-form{padding:20px 15px}.form-grid{gap:16px}.form-label{font-size:13px}.form-input,.form-textarea{font-size:14px;padding:10px 12px}.file-upload-area{padding:20px 15px}.upload-icon{font-size:38px}.upload-instruction{font-size:14px}.upload-hint{font-size:12px}.form-actions{flex-direction:column;gap:10px;width:100%}.btn-secondary,.btn-submit{height:42px;justify-content:center;min-width:0;min-width:auto;width:100%}.btn-secondary{font-size:13px;padding:9px 18px}.btn-submit{font-size:14px;padding:10px 22px}.btn-icon,.btn-icon-submit{height:14px;width:14px}.upload-footer{padding:20px 15px}.footer-content{flex-direction:column;gap:15px;text-align:center}.footer-content p{font-size:13px}.footer-links{flex-direction:column;gap:10px}.footer-links a{font-size:12px}}@media (max-width:360px){.brand .logo-full{height:32px;max-width:200px}.brand-name{font-size:13px}.header-actions{gap:8px;width:100%}.user-greeting{font-size:12px;text-align:center}.btn-dashboard,.btn-logout{border-radius:6px;font-size:12px;padding:8px 16px;width:100%}.upload-title{font-size:22px}.upload-form{padding:18px 12px}.btn-secondary,.btn-submit{font-size:13px;height:40px;padding:9px 18px}}.worker-login-page{background:linear-gradient(135deg,#fff,#f5f5f5);display:flex;flex-direction:column;min-height:100vh}.worker-login-header{background:#fff;box-shadow:0 2px 10px #00000014;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.worker-login-header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.brand .logo{height:45px}.brand-name{color:#000;font-size:20px;letter-spacing:1px}.btn-back{background:#fdb208;border-radius:25px;box-shadow:0 2px 10px #fdb20840;color:#000;font-size:16px;padding:12px 24px;transition:all .3s ease}.btn-back:hover{background:#e5a007;box-shadow:0 4px 15px #fdb20859;transform:translateY(-2px)}.worker-login-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px 20px}.worker-login-container{max-width:450px;width:100%}.worker-login-card{background:#fff;border-radius:16px;box-shadow:0 8px 30px #0000001f;padding:40px}.worker-login-title-section{margin-bottom:35px;text-align:center}.worker-login-title{color:#000;font-size:32px;font-weight:700;margin-bottom:10px}.worker-login-subtitle{color:#666;font-size:16px;margin:0}.alert-content{align-items:center;display:flex;gap:8px}.worker-login-form{display:flex;flex-direction:column;gap:22px}.form-group{gap:8px}.form-label{color:#000;font-size:15px}.form-input{padding:14px 16px}.form-input:focus{border-color:#4db8ff;box-shadow:0 0 0 3px #4db8ff1a}.btn-login{border-radius:30px;box-shadow:0 4px 15px #fdb2084d;font-size:17px;font-weight:700;margin-top:10px;padding:16px 32px}.btn-login:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000)}.btn-login:hover:not(:disabled){box-shadow:0 6px 20px #fdb20866}.btn-login:disabled{opacity:.7}.btn-arrow{stroke:currentColor}.loading-dots{align-items:center;display:flex;gap:5px;justify-content:center;margin-left:6px}.loading-dots .dot{animation:dotBounce 1.4s ease-in-out infinite;background:#000;border-radius:50%;box-shadow:0 2px 4px #0000004d;height:8px;width:8px}.loading-dots .dot:first-child{animation-delay:0s}.loading-dots .dot:nth-child(2){animation-delay:.2s}.loading-dots .dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{opacity:1;transform:translateY(0) scale(1)}40%{opacity:.7;transform:translateY(-14px) scale(1.15)}}.worker-login-info{border-top:1px solid #e0e0e0;margin-top:25px;padding-top:25px;text-align:center}.worker-login-info p{color:#666;font-size:14px;margin:0}.worker-login-footer{background:#fff;border-top:1px solid #e0e0e0;padding:25px 20px;text-align:center}.footer-content{max-width:1200px}.footer-content p{color:#666;margin:6px 0}.footer-content a{color:#000;font-weight:600;transition:color .3s ease}.footer-content a:hover{color:#fdb208}@media (max-width:768px){.worker-login-page{min-height:100vh}.worker-login-header{padding:12px 15px}.worker-login-header-container{flex-direction:column;gap:12px}.brand{gap:10px}.brand .logo{height:38px}.brand-name{font-size:17px}.btn-back{font-size:14px;padding:10px 20px;width:100%}.worker-login-main{padding:20px 15px}.worker-login-card{padding:28px 22px}.worker-login-title-section{margin-bottom:28px}.worker-login-title{font-size:26px}.worker-login-subtitle{font-size:14px}.form-group{gap:6px}.form-label{font-size:13px}.form-input{font-size:14px;padding:12px 14px}.btn-login{font-size:15px;padding:13px 26px}.footer-content p,.worker-login-info p{font-size:13px}}@media (max-width:480px){.worker-login-header{padding:10px 12px}.worker-login-header-container{gap:10px}.brand{gap:8px}.brand .logo{height:32px}.brand-name{font-size:15px}.btn-back{font-size:13px;padding:8px 16px}.worker-login-main{padding:15px 12px}.worker-login-card{box-shadow:0 4px 20px #0000001a;padding:24px 18px}.worker-login-title-section{margin-bottom:24px}.worker-login-title{font-size:24px;margin-bottom:8px}.worker-login-subtitle{font-size:13px}.worker-login-form{gap:16px}.form-group{gap:6px}.form-label{font-size:13px;font-weight:600}.form-input{border-width:2px;font-size:14px;padding:11px 14px}.btn-login{font-size:15px;margin-top:8px;padding:13px 24px}.worker-login-info{margin-top:18px;padding-top:18px}.worker-login-info p{font-size:12px}.worker-login-footer{padding:18px 12px}.footer-content p{font-size:12px}}@media (max-width:360px){.worker-login-header{padding:8px}.brand{gap:6px}.brand .logo{height:26px}.brand-name{font-size:13px;letter-spacing:0}.btn-back{font-size:12px;padding:7px 12px}.worker-login-main{padding:10px 8px}.worker-login-card{border-radius:12px;padding:18px 14px}.worker-login-title-section{margin-bottom:18px}.worker-login-title{font-size:20px;margin-bottom:6px}.worker-login-subtitle{font-size:12px;line-height:1.4}.worker-login-form{gap:13px}.form-group{gap:5px}.form-label{font-size:12px;font-weight:600}.form-input{border-radius:6px;font-size:13px;padding:10px 12px}.btn-login{border-radius:20px;font-size:14px;margin-top:6px;padding:11px 18px}.btn-arrow{height:16px;width:16px}.worker-login-info{margin-top:15px;padding-top:15px}.worker-login-info p{font-size:11px;line-height:1.4}.worker-login-footer{padding:15px 8px}.footer-content p{font-size:11px}}@media (max-width:320px){.worker-login-header{padding:6px 8px}.brand .logo{height:24px}.brand-name{font-size:12px}.btn-back{font-size:11px;padding:6px 10px}.worker-login-main{padding:8px 6px}.worker-login-card{border-radius:10px;padding:16px 12px}.worker-login-title-section{margin-bottom:16px}.worker-login-title{font-size:18px;margin-bottom:5px}.worker-login-subtitle{font-size:11px}.worker-login-form{gap:12px}.form-label{font-size:11px}.form-input{font-size:12px;padding:9px 10px}.btn-login{font-size:13px;padding:10px 16px}.worker-login-info{margin-top:14px;padding-top:14px}.worker-login-info p{font-size:10px}.worker-login-footer{padding:12px 6px}.footer-content p{font-size:10px}}.worker-dashboard-page{background:linear-gradient(135deg,#fff,#f8f9fa);display:flex;flex-direction:column;min-height:100vh}.worker-dashboard-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000f;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.worker-dashboard-header-container{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:0 auto;max-width:1400px}.brand{align-items:center;display:flex;flex-shrink:0;gap:12px}.brand .logo{height:40px;object-fit:contain;width:auto}.brand-name{color:#1f2937;font-size:18px;font-weight:700;letter-spacing:-.5px}.header-actions{flex-wrap:wrap;gap:12px}.user-greeting{color:#6b7280;white-space:nowrap}.btn-home,.user-greeting{font-size:14px;font-weight:600}.btn-home{align-items:center;background:#fdb208;border:none;border-radius:8px;box-shadow:0 2px 6px #fdb20840;color:#000;cursor:pointer;display:inline-flex;font-family:inherit;gap:8px;height:40px;padding:10px 20px;transition:all .2s ease}.btn-home .btn-icon{stroke:currentColor;height:18px;width:18px}.btn-home:hover{background:#e5a007;box-shadow:0 4px 12px #fdb20859;transform:translateY(-1px)}.btn-logout{background:#000;border:none;border-radius:8px;box-shadow:0 2px 6px #00000040;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;height:40px;padding:10px 20px;transition:all .2s ease}.btn-logout:hover{background:#1f1f1f;box-shadow:0 4px 12px #00000059;transform:translateY(-1px)}.worker-dashboard-main{flex:1 1;padding:32px 24px}.worker-dashboard-container{margin:0 auto;max-width:1400px}.welcome-section{margin-bottom:32px;text-align:center}.dashboard-title{color:#111827;font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:8px}.dashboard-subtitle{color:#6b7280;font-size:16px;font-weight:400;line-height:1.5;margin:0}.quick-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:32px}.action-btn{border-radius:12px;font-family:inherit;font-size:15px;font-weight:600;gap:10px;height:48px;min-width:200px;padding:14px 28px;transition:all .2s ease}.action-btn .btn-icon{stroke:currentColor;height:20px;transition:transform .2s ease;width:20px}.action-btn.primary{background:#fdb208;box-shadow:0 4px 12px #fdb2084d;color:#000}.action-btn.primary:hover{background:#e5a007;box-shadow:0 6px 16px #fdb20866}.action-btn.primary:hover,.action-btn.primary:hover .btn-icon{transform:translateY(-2px)}.action-btn.secondary{background:#fdb208;box-shadow:0 4px 12px #fdb2084d;color:#000}.action-btn.secondary:hover{background:#e5a007;box-shadow:0 6px 16px #fdb20866;transform:translateY(-2px)}.action-btn.secondary:hover .btn-icon{transform:translateY(2px)}.alert{border-radius:10px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.alert-error{background:#fef2f2;border-left:4px solid #ef4444;color:#991b1b}.alert-success{background:#f0fdf4;border-left:4px solid #22c55e;color:#166534}.spinner-large{animation:spin .8s linear infinite;border:6px solid #f3f4f6;border-top-color:#3b82f6;height:64px;width:64px}.loading-container p{color:#6b7280;font-weight:500}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;padding:80px 20px}.empty-state p{color:#6b7280;font-size:16px;margin-bottom:24px}.btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;box-shadow:0 4px 16px #f59e0b4d;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:14px 32px;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.submissions-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 12px #0000000f;padding:24px}.filters-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #0000000a;margin-bottom:28px;padding:28px}.filter-row{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr .8fr;margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#475569;font-size:13px;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.filter-input{background:#fff;border:2px solid #cbd5e1;border-radius:10px;box-shadow:0 1px 3px #0000000d;color:#1e293b;font-family:inherit;font-size:14px;height:44px;outline:none;padding:12px 16px;transition:all .25s ease;width:100%}.filter-input:hover{border-color:#94a3b8}.filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f,0 2px 8px #00000014;transform:translateY(-1px)}.filter-input::placeholder{color:#94a3b8}.filter-actions{align-items:center;display:flex;gap:16px;justify-content:space-between;padding-top:27px}.btn-reset{background:#fdb208;border:none;border-radius:10px;box-shadow:0 4px 12px #fdb2084d;color:#000;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:13px;font-weight:700;height:44px;letter-spacing:.5px;min-width:180px;padding:11px 32px;text-transform:uppercase;transition:all .25s ease;white-space:nowrap}.btn-reset:hover{background:#e5a007;box-shadow:0 6px 16px #fdb20866;transform:translateY(-2px)}.btn-reset:active{transform:translateY(0)}.filter-info{align-items:center;background:#6366f114;border:1px solid #6366f133;border-radius:8px;display:inline-flex;padding:8px 16px}.filter-info p{color:#4f46e5;font-size:13px;font-weight:600;margin:0;white-space:nowrap}.sortable{cursor:pointer;position:relative;transition:background .15s ease;-webkit-user-select:none;user-select:none}.sortable:hover{background:#f3f4f6}.sort-icon-asc,.sort-icon-desc,.sort-icon-neutral{display:inline-block;font-size:14px;font-weight:700;margin-left:6px}.sort-icon-neutral{color:#9ca3af}.sort-icon-asc,.sort-icon-desc{color:#3b82f6}.table-container{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;overflow-x:auto}.submissions-table{border-collapse:collapse;min-width:800px;width:100%}.submissions-table thead{background:#f9fafb}.submissions-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.submissions-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;font-family:inherit;font-size:14px;padding:14px 16px;vertical-align:middle}.submissions-table tbody tr{transition:background .15s ease}.submissions-table tbody tr:hover{background:#f9fafb}.submissions-table tbody tr:last-child td{border-bottom:none}.file-count-badge{align-items:center;background:#dbeafe;border-radius:20px;color:#1e40af;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 12px;white-space:nowrap}.comments-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn-download{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 6px #10b98140;color:#fff;cursor:pointer;display:inline-flex;height:36px;justify-content:center;text-decoration:none;transition:all .2s ease;width:36px}.btn-download svg{stroke:currentColor;height:18px;width:18px}.btn-download:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 10px #10b98159;transform:translateY(-2px)}.btn-delete{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 2px 6px #ef444440;cursor:pointer;display:inline-flex;height:36px;justify-content:center;margin-left:8px;text-decoration:none;transition:all .2s ease;width:36px}.btn-delete svg{stroke:currentColor;height:18px;width:18px}.btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 10px #ef444459}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding-top:24px}.btn-page{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;min-width:110px;padding:10px 20px;transition:all .2s ease}.btn-page:hover:not(:disabled){background:#eff6ff;border-color:#2563eb;color:#2563eb;transform:translateY(-1px)}.btn-page:disabled{cursor:not-allowed;opacity:.4}.page-info{color:#6b7280;font-size:14px;font-weight:600}.worker-dashboard-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:28px 24px;text-align:center}.footer-content{margin:0 auto;max-width:1400px}.footer-content p{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:14px;gap:8px;justify-content:center;margin:8px 0}.footer-icon{stroke:currentColor;flex-shrink:0;height:18px;width:18px}.footer-content a{color:#1f2937;font-weight:700;text-decoration:none;transition:color .2s ease}.footer-content a:hover{color:#f59e0b}@media (max-width:1024px){.worker-dashboard-header{padding:14px 20px}.worker-dashboard-main{padding:28px 20px}.dashboard-title{font-size:28px}.dashboard-subtitle{font-size:15px}.submissions-table{min-width:700px}.submissions-table td,.submissions-table th{padding:12px 14px}}@media (max-width:768px){.worker-dashboard-header{padding:14px 16px}.worker-dashboard-header-container{align-items:stretch;flex-direction:column;gap:14px}.brand{justify-content:center;width:100%}.brand .logo{height:38px}.brand-name{font-size:17px}.header-actions{flex-direction:column;gap:10px;width:100%}.user-greeting{background:#f3f4f6;border-radius:8px;font-size:14px;order:-1;padding:8px 0;text-align:center;width:100%}.btn-home,.btn-logout{font-size:14px;height:44px;justify-content:center;padding:12px 20px;width:100%}.btn-home .btn-icon{height:18px;width:18px}.worker-dashboard-main{padding:24px 16px}.welcome-section{margin-bottom:24px}.dashboard-title{font-size:26px}.dashboard-subtitle{font-size:14px}.quick-actions{flex-direction:column;gap:14px;margin-bottom:28px;padding:0 8px}.action-btn{font-size:15px;height:50px;min-width:0;min-width:auto;padding:14px 24px;width:100%}.action-btn .btn-icon{height:20px;width:20px}.submissions-section{margin:0 8px;padding:20px 16px}.filters-section{border-radius:14px;margin-bottom:24px;padding:20px}.filter-row{gap:16px;grid-template-columns:1fr;margin-bottom:18px}.filter-group label{font-size:11px}.filter-input{font-size:14px;height:44px;padding:11px 14px}.filter-actions{flex-direction:column;gap:12px;margin-top:12px;padding-top:0;width:100%}.btn-reset{font-size:12px;height:44px;min-width:0;min-width:auto;padding:12px 24px;width:100%}.filter-info{justify-content:center;padding:10px 14px;width:100%}.filter-info p{font-size:12px}.table-container{-webkit-overflow-scrolling:touch;margin-bottom:18px}.submissions-table{min-width:700px}.submissions-table td,.submissions-table th{font-size:13px;padding:12px 14px}.submissions-table th{font-size:12px;padding:12px 14px}.comments-cell{max-width:180px}.file-count-badge{font-size:11px;padding:3px 10px}.btn-download{height:32px;width:32px}.btn-download svg{height:16px;width:16px}.pagination{gap:12px;padding-top:20px}.btn-page{font-size:13px;min-width:100px;padding:9px 16px}.page-info{font-size:13px;order:-1;text-align:center;width:100%}.worker-dashboard-footer{padding:24px 16px}.footer-content p{font-size:13px;gap:6px}.footer-icon{height:16px;width:16px}}@media (max-width:480px){.worker-dashboard-header{padding:12px 14px}.worker-dashboard-header-container{gap:12px}.brand .logo{height:34px}.brand-name{font-size:16px}.header-actions{gap:10px}.user-greeting{font-size:13px;padding:10px 0}.btn-home,.btn-logout{font-size:14px;height:46px;padding:12px 18px}.btn-home .btn-icon{height:17px;width:17px}.worker-dashboard-main{padding:20px 14px}.welcome-section{margin-bottom:24px}.dashboard-title{font-size:26px}.dashboard-subtitle{font-size:14px}.quick-actions{gap:12px;margin-bottom:24px;padding:0 6px}.action-btn{font-size:15px;height:50px;padding:13px 22px}.action-btn .btn-icon{height:19px;width:19px}.submissions-section{border-radius:10px;padding:14px}.filters-section{border-radius:12px;margin-bottom:20px;padding:18px}.filter-row{gap:14px;margin-bottom:16px}.filter-group label{font-size:10px}.filter-input{font-size:13px;height:42px;padding:10px 13px}.btn-reset{font-size:11px;height:42px;min-width:0;min-width:auto;padding:10px 20px}.filter-info{padding:9px 12px}.filter-info p{font-size:11px}.table-container{border-radius:6px;margin-bottom:14px}.submissions-table{min-width:600px}.submissions-table td,.submissions-table th{font-size:12px;padding:9px 8px}.submissions-table th{font-size:11px}.comments-cell{max-width:120px}.file-count-badge{font-size:10px;padding:3px 8px}.btn-download{height:30px;width:30px}.btn-download svg{height:15px;width:15px}.pagination{gap:10px;padding-top:16px}.btn-page{min-width:90px;padding:8px 14px}.btn-page,.page-info{font-size:12px}.empty-state,.loading-container{padding:60px 16px}.spinner-large{border-width:5px;height:56px;width:56px}.btn-primary,.empty-state p,.loading-container p{font-size:15px}.btn-primary{padding:12px 28px}.worker-dashboard-footer{padding:20px 12px}.footer-content p{font-size:12px}.footer-icon{height:15px;width:15px}}@media (max-width:360px){.worker-dashboard-header{padding:10px 12px}.brand .logo{height:30px}.brand-name{font-size:15px}.user-greeting{font-size:12px;padding:8px 0}.btn-home,.btn-logout{font-size:13px;height:44px;padding:11px 16px}.btn-home .btn-icon{height:16px;width:16px}.dashboard-title{font-size:24px}.dashboard-subtitle{font-size:13px}.quick-actions{gap:10px;padding:0 4px}.action-btn{font-size:14px;height:48px;padding:12px 20px}.action-btn .btn-icon{height:18px;width:18px}.filters-section{border-radius:10px;margin-bottom:18px;padding:16px}.filter-row{gap:12px;margin-bottom:14px}.filter-group label{font-size:10px}.filter-input{font-size:12px;height:40px;padding:9px 12px}.btn-reset{font-size:11px;height:40px;min-width:0;min-width:auto;padding:9px 18px}.filter-info{padding:8px 12px}.filter-info p{font-size:10px}.submissions-table{min-width:550px}.submissions-table td,.submissions-table th{font-size:11px;padding:8px 6px}.submissions-table th{font-size:10px}.comments-cell{max-width:100px}.btn-page{min-width:80px;padding:7px 12px}.btn-page,.footer-content p,.page-info{font-size:11px}}.admin-login{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-bg-pattern{animation:bgMove 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 50%,#ffffff4d 0,#0000 50%),radial-gradient(circle at 80% 80%,#fff3 0,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff40 0,#0000 50%);height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}@keyframes bgMove{0%,to{transform:translate(0)}50%{transform:translate(20px,20px)}}.login-container{max-width:380px;position:relative;width:100%;z-index:1}.login-card{animation:cardSlideUp .6s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000004d,inset 0 0 0 1px #ffffff80;padding:32px 28px}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:28px;text-align:center}.login-icon-wrapper{display:inline-block;margin-bottom:12px;position:relative}.login-icon{animation:iconFloat 3s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 4px 12px rgba(102,126,234,.3));font-size:2.5rem}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(5deg)}}.login-header h1{color:#1a202c;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 6px}.login-header p{color:#718096;font-size:.85rem;font-weight:400;margin:0}.error-message{align-items:center;animation:errorShake .5s cubic-bezier(.36,.07,.19,.97);background:linear-gradient(135deg,#fee,#fdd);border:1px solid #ef444433;border-radius:10px;color:#c53030;display:flex;font-size:.85rem;font-weight:500;gap:10px;margin-bottom:18px;padding:10px 12px}.error-icon{stroke-width:2;flex-shrink:0;height:18px;width:18px}@keyframes errorShake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-6px)}20%,40%,60%,80%{transform:translateX(6px)}}.login-form{display:flex;flex-direction:column;gap:18px}.floating-input-group,.input-wrapper{position:relative}.input-wrapper{align-items:center;display:flex}.floating-input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1a202c;font-family:inherit;font-size:.9rem;outline:none;padding:12px 12px 12px 40px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.floating-input::placeholder{color:#0000}.floating-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.floating-input:disabled{background:#f7fafc;cursor:not-allowed;opacity:.6}.floating-label{align-items:center;background:#0000;color:#718096;display:flex;font-size:.9rem;font-weight:500;gap:6px;left:12px;padding:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.floating-label,.label-icon{transition:all .3s cubic-bezier(.4,0,.2,1)}.label-icon{stroke-width:2;height:18px;width:18px}.floating-input:focus+.floating-label,.floating-input:not(:placeholder-shown)+.floating-label{background:#fff;color:#667eea;font-size:.7rem;left:10px;padding:0 5px;top:-8px}.floating-input:focus+.floating-label .label-icon,.floating-input:not(:placeholder-shown)+.floating-label .label-icon{color:#667eea;height:14px;width:14px}.password-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#718096;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:10px;transition:all .2s ease;width:32px}.password-toggle-btn svg{stroke-width:2;height:18px;width:18px}.password-toggle-btn:hover:not(:disabled){background:#f7fafc;color:#667eea;transform:scale(1.05)}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.4}.form-options{align-items:center;display:flex;justify-content:flex-start;margin-top:-6px}.remember-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px;position:relative;-webkit-user-select:none;user-select:none}.remember-checkbox input[type=checkbox]{cursor:pointer;opacity:0;position:absolute}.checkbox-custom{align-items:center;background:#fff;border:2px solid #cbd5e0;border-radius:5px;display:flex;height:18px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:18px}.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;position:absolute;transform:rotate(45deg) scale(0);transition:transform .2s cubic-bezier(.68,-.55,.265,1.55);width:5px}.remember-checkbox input[type=checkbox]:checked+.checkbox-custom{background:#667eea;border-color:#667eea}.remember-checkbox input[type=checkbox]:checked+.checkbox-custom:after{transform:rotate(45deg) scale(1)}.remember-checkbox:hover .checkbox-custom{border-color:#667eea}.checkbox-label{color:#4a5568;font-size:.85rem;font-weight:500}.btn-login{align-items:center;background:#fdb208;border:none;border-radius:10px;box-shadow:0 4px 14px #fdb2084d;color:#000;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;margin-top:6px;overflow:hidden;padding:13px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.btn-login:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-login:hover:not(:disabled):before{left:100%}.btn-login:hover:not(:disabled){background:#e5a007;box-shadow:0 8px 24px #fdb20866;transform:translateY(-2px) scale(1.02)}.btn-login:active:not(:disabled){box-shadow:0 4px 12px #fdb2084d;transform:translateY(0) scale(.98)}.btn-login:disabled{cursor:not-allowed;opacity:.8;transform:none}.btn-arrow{stroke-width:2.5;height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:18px}.btn-login:hover:not(:disabled) .btn-arrow{transform:translateX(4px)}.btn-spinner{animation:spinSmooth .7s linear infinite;border-color:#fff #ffffff80 #ffffff40 #ffffff40;border-radius:50%;border-style:solid;border-width:2px;height:12px;width:12px}@keyframes spinSmooth{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-footer{margin-top:18px;text-align:center}.btn-back{align-items:center;background:#0000;border:none;border-radius:6px;color:#667eea;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:6px;padding:6px 10px;transition:all .2s ease}.btn-back svg{stroke-width:2;height:14px;transition:transform .3s ease;width:14px}.btn-back:hover{background:#2563eb1a;color:#1e40af}.btn-back:hover svg{transform:translateX(-4px)}.default-info{align-items:center;border-top:1px solid #e2e8f0;color:#718096;display:flex;font-size:.75rem;gap:8px;justify-content:center;margin-top:18px;padding-top:18px;text-align:center}.default-info svg{stroke-width:2;flex-shrink:0;height:14px;width:14px}.default-info strong{color:#4a5568;font-weight:600}@media (max-width:768px){.admin-login{padding:15px}.login-card{border-radius:16px;padding:26px 22px}.login-header{margin-bottom:24px}.login-icon{font-size:2.2rem}.login-header h1{font-size:1.35rem}.login-header p{font-size:.8rem}.login-form{gap:18px}.floating-input{padding:11px 11px 11px 38px}.floating-input,.floating-label{font-size:.85rem}.floating-input:focus+.floating-label,.floating-input:not(:placeholder-shown)+.floating-label{font-size:.68rem}.btn-login{font-size:.85rem;padding:11px 18px}.default-info{flex-direction:column;font-size:.7rem;gap:6px}}@media (max-width:480px){.admin-login{padding:12px 10px}.login-container{max-width:100%}.login-card{border-radius:14px;padding:22px 16px}.login-icon-wrapper{margin-bottom:10px}.login-icon{font-size:2rem}.login-header{margin-bottom:20px}.login-header h1{font-size:1.2rem;margin-bottom:4px}.login-header p{font-size:.75rem}.login-form{gap:15px}.floating-input{border-radius:8px;font-size:.8rem;padding:10px 10px 10px 36px}.label-icon{height:16px;width:16px}.password-toggle-btn{height:30px;width:30px}.password-toggle-btn svg{height:16px;width:16px}.form-options{margin-top:-4px}.checkbox-label{font-size:.8rem}.btn-login{border-radius:8px;font-size:.85rem;margin-top:4px;padding:11px 16px}.btn-arrow{height:16px;width:16px}.login-footer{margin-top:16px}.btn-back{font-size:.8rem;padding:5px 8px}.default-info{font-size:.68rem;margin-top:16px;padding-top:16px}}@media (max-width:360px){.admin-login{padding:8px 6px}.login-container{max-width:100%}.login-card{border-radius:12px;padding:18px 14px}.login-icon-wrapper{margin-bottom:8px}.login-icon{font-size:1.8rem}.login-header{margin-bottom:16px}.login-header h1{font-size:1.1rem;margin-bottom:4px}.login-header p{font-size:.7rem;line-height:1.3}.login-form{gap:13px}.floating-input{border-radius:7px;font-size:.75rem;padding:9px 9px 9px 32px}.floating-label{font-size:.8rem}.label-icon{height:15px;width:15px}.checkbox-custom{height:16px;width:16px}.checkbox-label{font-size:.75rem}.btn-login{border-radius:8px;font-size:.8rem;padding:10px 14px}.btn-arrow{height:15px;width:15px}.login-footer{margin-top:14px}.btn-back{font-size:.75rem;padding:4px 7px}.default-info{font-size:.65rem;line-height:1.3;margin-top:14px;padding-top:14px}}@media (max-width:320px){.admin-login{padding:6px 5px}.login-card{border-radius:10px;padding:16px 12px}.login-icon-wrapper{margin-bottom:6px}.login-icon{font-size:1.6rem}.login-header{margin-bottom:14px}.login-header h1{font-size:1rem;margin-bottom:3px}.login-header p{font-size:.65rem}.login-form{gap:12px}.floating-input{border-radius:6px;font-size:.7rem;padding:8px 8px 8px 30px}.floating-label{font-size:.75rem}.label-icon{height:14px;width:14px}.password-toggle-btn{height:28px;width:28px}.password-toggle-btn svg{height:14px;width:14px}.checkbox-custom{height:15px;width:15px}.checkbox-label{font-size:.7rem}.btn-login{font-size:.75rem;padding:9px 12px}.btn-arrow{height:14px;width:14px}.login-footer{margin-top:12px}.btn-back{font-size:.7rem;padding:3px 6px}.default-info{font-size:.6rem;margin-top:12px;padding-top:12px}}@media (prefers-color-scheme:dark){.login-card{background:#1a202cf2}.login-header h1{color:#f7fafc}.login-header p{color:#cbd5e0}.floating-input{background:#2d374880;border-color:#4a5568;color:#f7fafc}.floating-input:focus{background:#2d3748cc;border-color:#667eea}.floating-label{color:#a0aec0}.floating-input:focus+.floating-label,.floating-input:not(:placeholder-shown)+.floating-label{background:#1a202c}.checkbox-custom{background:#2d374880;border-color:#4a5568}.checkbox-label{color:#e2e8f0}.default-info{border-top-color:#4a5568;color:#a0aec0}.default-info strong{color:#e2e8f0}}:focus-visible{outline:2px solid #667eea;outline-offset:2px}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.notification-bell-button,.notification-bell-container{flex-shrink:0;position:relative}.notification-bell-button{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;min-width:36px;padding:8px;transition:background .2s ease}.notification-bell-button:hover{background:#0000000d}.bell-icon{display:block;font-size:20px;transition:transform .2s ease}.notification-bell-button:hover .bell-icon{transform:scale(1.1)}.notification-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:10px;font-weight:600;line-height:1.2;min-width:18px;padding:2px 5px;position:absolute;right:4px;text-align:center;top:4px}.notification-dropdown{animation:slideDown .25s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 30px #0000001f;display:flex;flex-direction:column;max-height:calc(100vh - 80px);max-width:calc(100vw - 20px);overflow:hidden;position:fixed;right:10px;top:60px;width:360px;z-index:1000}.notification-header{align-items:center;background:linear-gradient(180deg,#fff 0,#fafafa);border-bottom:1px solid #e5e7eb;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;padding:14px 16px}.notification-header h3{color:#111827;font-family:inherit;font-size:15px;font-weight:600;line-height:1.2;margin:0}.mark-all-read-btn{background:#0000;border:none;border-radius:6px;color:#4db8ff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;line-height:1;padding:5px 10px;transition:all .2s ease}.mark-all-read-btn:hover{background:linear-gradient(135deg,#4db8ff1a,#3da8ef26);color:#3da8ef;transform:translateY(-1px)}.mark-all-read-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.notification-list{flex:1 1;max-height:420px;overflow-x:hidden;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f9fafb}.notification-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.no-notifications{color:#6b7280;padding:50px 20px;text-align:center}.no-notif-icon{stroke:#9ca3af;display:block;height:48px;margin:0 auto 12px;opacity:.6;width:48px}.no-notifications p{font-size:14px;margin:0}.notification-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:10px;overflow:hidden;padding:12px 14px;position:relative;transition:all .2s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:linear-gradient(90deg,#4db8ff14 0,#4db8ff08);border-left:3px solid #4db8ff;padding-left:11px}.notification-item.unread:hover{background:linear-gradient(90deg,#4db8ff26 0,#4db8ff14)}.notification-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-top:2px;width:24px}.notification-icon svg{stroke:#4db8ff;height:100%;width:100%}.notification-item.unread .notification-icon svg{stroke:#2563eb}.notification-content{word-wrap:break-word;flex:1 1;min-width:0;overflow:hidden;word-break:break-word}.notification-title{color:#111827;font-size:13px;font-weight:600;line-height:1.3;margin-bottom:3px}.notification-message,.notification-title{word-wrap:break-word;font-family:inherit;overflow:hidden;word-break:break-word}.notification-message{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:12px;line-height:1.5;margin-bottom:4px;max-width:100%;text-overflow:ellipsis;white-space:pre-line}.notification-time{color:#9ca3af;font-family:inherit;font-size:11px;font-weight:500}.unread-dot{background:#2563eb;border-radius:50%;flex-shrink:0;height:8px;margin-top:8px;width:8px}.notification-footer{background:linear-gradient(0deg,#fff 0,#fafafa);border-radius:0 0 10px 10px;border-top:1px solid #e5e7eb;padding:10px 16px;text-align:center}.view-all-link{border-radius:6px;color:#4db8ff;display:inline-block;font-family:inherit;font-size:12px;font-weight:600;padding:4px 8px;text-decoration:none;transition:all .2s ease}.view-all-link:hover{background:linear-gradient(135deg,#4db8ff1a,#3da8ef26);color:#3da8ef;transform:translateY(-1px)}@media (max-width:768px){.notification-bell-button{height:32px;min-width:32px;padding:6px}.bell-icon{font-size:18px}.notification-dropdown{left:10px;right:10px;top:60px;width:calc(100vw - 20px)}.notification-header h3{font-size:14px}.mark-all-read-btn{font-size:11px;padding:4px 8px}}@media (max-width:480px){.notification-bell-button{height:32px;min-width:32px;padding:6px}.bell-icon{font-size:16px}.notification-badge{font-size:9px;min-width:16px;padding:2px 4px}.notification-dropdown{left:8px;max-height:calc(100vh - 70px);right:8px;top:55px;width:calc(100vw - 16px)}.notification-header{padding:12px 14px}.notification-item{gap:8px;padding:10px 12px}.notification-title{font-size:12px}.notification-message{-webkit-line-clamp:3;font-size:11px}.notification-time{font-size:10px}.notification-footer{padding:8px 14px}.view-all-link{font-size:11px}}@media (max-width:390px){.notification-bell-button{height:30px;min-width:30px;padding:5px}.bell-icon{font-size:16px}.notification-badge{font-size:9px;min-width:14px;padding:1px 3px}}@media (max-width:360px){.notification-bell-button{height:26px!important;min-width:26px!important;padding:4px!important}.bell-icon{font-size:14px!important}}@media (max-width:320px){.notification-bell-button{height:24px!important;min-width:24px!important;padding:3px!important}.bell-icon{font-size:14px!important}.notification-badge{font-size:7px;min-width:12px;padding:1px 2px;right:1px;top:1px}}.modern-layout{background:#f8f9fa;color:#1a1a1a;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:var(--tracking-tight);line-height:var(--leading-normal);min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e5e5e7;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:width .3s ease;width:240px;z-index:1000}.sidebar.collapsed{width:72px}.sidebar-header{border-bottom:1px solid #e5e5e7;height:56px;padding:0 12px}.logo,.sidebar-header{align-items:center;display:flex}.logo{gap:10px}.logo-img{flex-shrink:0;height:40px;object-fit:contain;width:auto}.logo-icon{align-items:center;background:#fdb208;border-radius:8px;box-shadow:0 2px 4px #fdb20826;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.logo-text{color:#1a1a1a;font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px 6px}.nav-section{margin-bottom:16px}.nav-label{color:#71717a;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wider);padding:6px 12px;text-transform:uppercase}.nav-item,.nav-label{line-height:var(--leading-normal)}.nav-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#3f3f46;cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:10px;letter-spacing:var(--tracking-tight);margin:1px 0;padding:8px 12px;position:relative;text-align:left;transition:all .15s ease;width:100%}.nav-item:hover{background:#f4f4f5;color:#1a1a1a}.nav-item.active{background:#fdb208;color:#000;font-weight:var(--font-semibold)}.nav-icon{flex-shrink:0;font-size:18px;text-align:center;width:24px}.nav-text{flex:1 1}.nav-arrow{color:#fff;font-size:20px}.sidebar.collapsed .nav-item{justify-content:center;padding:10px}.sidebar.collapsed .nav-arrow,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-text{display:none}.sidebar-footer{border-top:1px solid #e5e5e7;padding:12px 6px}.user-profile{gap:10px;margin-bottom:6px;padding:6px}.user-avatar,.user-profile{align-items:center;display:flex}.user-avatar{background:#fdb208;border-radius:50%;box-shadow:0 2px 4px #fdb20826;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.user-info{flex:1 1;overflow:hidden}.user-name{color:#1a1a1a;font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-btn,.user-name{font-size:var(--text-sm);line-height:var(--leading-normal)}.help-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#1d1d1f;cursor:pointer;display:flex;font-family:var(--font-sans);font-weight:var(--font-medium);gap:8px;padding:8px 12px;transition:all .15s ease;width:100%}.help-btn:hover{background:#f5f5f7}.help-btn .arrow{color:#86868b;font-size:20px;margin-left:auto}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:240px;max-width:100vw;min-width:0;overflow-x:hidden;transition:margin-left .3s ease}.sidebar.collapsed~.main-content{margin-left:72px}.top-header{background:#fff;border-bottom:1px solid #e5e5e7;box-sizing:border-box;height:56px;justify-content:space-between;max-width:100%;min-width:0;overflow:hidden;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.sidebar-toggle,.top-header{align-items:center;display:flex}.sidebar-toggle{background:#0000;border:none;border-radius:8px;color:#1d1d1f;cursor:pointer;flex-shrink:0;font-size:24px;height:40px;justify-content:center;min-width:40px;padding:8px;transition:all .2s ease}.sidebar-toggle:hover{background:#f5f5f7}.header-left{flex:0 0 auto;gap:12px}.header-brand,.header-left{align-items:center;display:flex;flex-shrink:0}.header-brand{gap:10px}.header-logo{flex-shrink:0;height:32px;object-fit:contain;width:auto}.header-title{color:#000;font-size:16px;font-weight:700;letter-spacing:.5px}.header-actions{flex:0 0 auto;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;gap:8px;justify-content:flex-end;margin-left:auto;max-width:50%}.header-actions,.icon-btn{align-items:center;display:flex}.icon-btn{background:#0000;border:none;border-radius:6px;color:#1d1d1f;cursor:pointer;font-size:14px;font-weight:500;gap:6px;height:36px;justify-content:center;min-width:36px;padding:8px 12px;transition:all .15s ease}.icon-btn .btn-label{font-size:13px}.icon-btn:hover{background:#f5f5f7}.logout-btn{background:#18181b;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:1;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-normal);min-width:0;overflow:hidden;padding:8px 16px;text-overflow:ellipsis;transition:all .15s ease;white-space:nowrap}.logout-btn:hover{background:#27272a}.logout-btn:disabled{cursor:not-allowed;opacity:.7}.logout-btn.logging-out{align-items:center;display:flex;gap:8px}.logout-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.content-area{box-sizing:border-box;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:20px;width:100%}.mobile-overlay{animation:fadeIn .2s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:1024px){.sidebar{width:220px}.main-content{margin-left:220px}.content-area{padding:18px}}@media (max-width:768px){.sidebar{box-shadow:2px 0 8px #00000026;left:0!important;position:fixed!important;transform:translateX(-100%)!important;transition:transform .3s ease;width:240px!important}.sidebar.mobile-open{transform:translateX(0)!important}.sidebar.collapsed{transform:translateX(-100%)!important;width:240px!important}.sidebar.collapsed.mobile-open{transform:translateX(0)!important}.main-content{margin-left:0!important;max-width:100vw!important;width:100vw!important}.top-header{height:54px;max-width:100%;overflow:hidden;padding:0 12px}.header-left{flex-shrink:0;gap:10px}.header-logo{flex-shrink:0;height:26px}.header-actions{flex-direction:row;flex-shrink:0;flex-wrap:nowrap;gap:6px;max-width:45%}.icon-btn .btn-label{display:none}.icon-btn,.sidebar-toggle{flex-shrink:0}.icon-btn{height:32px;min-width:32px;padding:8px}.logout-btn{flex-shrink:0;font-size:13px;padding:7px 12px}.content-area{padding:12px}}@media (max-width:480px){.sidebar{max-width:280px;width:75vw}.main-content{max-width:100vw!important;width:100%!important}.top-header{height:50px;max-width:100%;overflow:visible;padding:0 8px}.header-left{gap:8px}.header-logo{height:24px}.header-actions{flex-direction:row;flex-shrink:0;flex-wrap:nowrap;gap:6px;max-width:50%}.logout-btn{flex-shrink:0;font-size:12px;padding:6px 12px;white-space:nowrap}.sidebar-toggle{font-size:20px;padding:6px}.content-area{padding:10px}.sidebar-header{height:50px;padding:0 10px}.logo-img{height:34px}.nav-item{font-size:13px;padding:8px 10px}}@media (max-width:390px){.top-header{max-width:100%;overflow:visible;padding:0 6px}.header-left{gap:6px}.header-logo{height:22px}.header-actions{flex-direction:row;flex-shrink:0;flex-wrap:nowrap;gap:5px;max-width:48%}.logout-btn{flex-shrink:0;font-size:11px;padding:5px 10px}.sidebar-toggle{font-size:18px;padding:5px}}@media (max-width:375px){.sidebar{max-width:260px;width:80vw}.top-header{height:48px;max-width:100%;overflow:visible;padding:0 5px}.header-left{gap:5px}.header-actions{flex-direction:row;flex-shrink:0;flex-wrap:nowrap;gap:5px;max-width:45%}.logout-btn{flex-shrink:0;font-size:10px;padding:5px 8px}.sidebar-toggle{font-size:16px;padding:5px}.content-area{padding:8px}.sidebar-header{height:48px;padding:0 8px}.logo-img{height:30px}.nav-item{font-size:12px;padding:7px 10px}}@media (max-width:360px){.top-header{max-width:100%;overflow:visible;padding:0 4px}.header-left{gap:4px}.header-logo{display:none}.header-actions{flex-direction:row;flex-shrink:0;flex-wrap:nowrap;gap:4px;max-width:42%}.logout-btn{flex-shrink:0;font-size:10px;letter-spacing:0;padding:4px 8px}.sidebar-toggle{font-size:14px;padding:4px}}@media (max-width:320px){.sidebar{max-width:240px;width:85vw}.top-header{height:46px;max-width:100%;overflow:visible;padding:0 3px}.header-left{gap:3px}.header-actions{flex-direction:row;flex-shrink:0;flex-wrap:nowrap;gap:3px;max-width:40%}.logout-btn{flex-shrink:0;font-size:9px;letter-spacing:0;padding:4px 6px}.sidebar-toggle{font-size:14px;padding:3px}.content-area{padding:8px}.sidebar-header{height:46px;padding:0 6px}.logo-img{height:26px}.nav-item{font-size:11px;padding:6px 8px}.user-avatar{height:28px;width:28px}.user-avatar,.user-name{font-size:12px}}.dashboard-card{background:#fff;border:1px solid #e5e5e7;border-radius:6px;box-shadow:0 1px 3px #0000000a;box-sizing:border-box;max-width:100%;padding:16px;position:relative;transition:all .2s ease}.dashboard-card.clickable{cursor:pointer}.dashboard-card.clickable:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.dashboard-card.dark{background:#1d1d1f;border-color:#2d2d2f;color:#fff}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.card-title{color:inherit;font-size:13px;letter-spacing:-.01em;text-transform:none}.dashboard-card.dark .card-title{color:#fff}.card-arrow{color:#86868b;font-size:24px;transition:transform .3s ease}.dashboard-card:hover .card-arrow{transform:translateX(4px)}.dashboard-card.dark .card-arrow{color:#ffffff80}.card-icon{font-size:48px;margin-bottom:16px}.card-value{color:#1a1a1a;font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1;margin-bottom:6px}.dashboard-card.dark .card-value{color:#fff}.card-subtitle{color:#86868b;margin-top:6px}.dashboard-card.dark .card-subtitle{color:#fff9}.card-trend{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;margin-top:8px;padding:4px 10px}.card-trend.up{background:#00d4aa1a;color:#00d4aa}.card-trend.down{background:#ff3b301a;color:#ff3b30}.trend-icon{font-size:16px}@media (max-width:1024px){.dashboard-card{padding:16px}.card-value{font-size:28px}.card-subtitle,.card-title{font-size:12px}}@media (max-width:768px){.dashboard-card{padding:18px}.card-value{font-size:32px}.card-title{font-size:13px}.card-subtitle{font-size:12px}.card-icon{font-size:40px;margin-bottom:12px}.card-trend{font-size:11px;padding:3px 8px}.trend-icon{font-size:14px}}@media (max-width:480px){.dashboard-card{min-width:0!important;padding:16px;width:100%!important}.card-value{font-size:28px}.card-title{font-size:12px}.card-subtitle{font-size:11px}.card-icon{font-size:36px;margin-bottom:10px}.card-trend{font-size:10px;padding:3px 7px}.trend-icon{font-size:13px}.card-arrow{font-size:20px}}@media (max-width:360px){.dashboard-card{padding:14px}.card-value{font-size:26px}.card-title{font-size:11px}.card-subtitle{font-size:10px}.card-icon{font-size:32px;margin-bottom:8px}}@media (max-width:320px){.dashboard-card{padding:12px}.card-value{font-size:24px}.card-title{font-size:10px}.card-subtitle{font-size:9px}.card-icon{font-size:28px;margin-bottom:8px}}.circular-progress{align-items:center;display:inline-flex;justify-content:center;position:relative}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle{stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.progress-content{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.progress-value{color:#1d1d1f;font-size:32px;font-weight:700;line-height:1}.progress-label{color:#86868b;font-size:11px;font-weight:500;margin-top:3px}.progress-subtitle{color:#86868b;font-size:10px;margin-top:1px}.dashboard-card.dark .progress-value{color:#fff}.dashboard-card.dark .progress-ring-bg{stroke:#ffffff1a}.dashboard-card.dark .progress-label,.dashboard-card.dark .progress-subtitle{color:#fff9}@media (max-width:1024px){.progress-value{font-size:28px}.progress-label{font-size:10px}.progress-subtitle{font-size:9px}}@media (max-width:768px){.progress-value{font-size:26px}.progress-label{font-size:10px}.progress-subtitle{font-size:9px}}@media (max-width:480px){.progress-value{font-size:24px}.progress-label{font-size:9px}.progress-subtitle{font-size:8px}}@media (max-width:360px){.progress-value{font-size:22px}.progress-label{font-size:8px}.progress-subtitle{font-size:7px}}@media (max-width:320px){.progress-value{font-size:20px}.progress-label{font-size:7px}.progress-subtitle{font-size:6px}}.data-table-container{background:#fff;border:1px solid #e5e5e7;border-radius:6px;box-shadow:0 1px 3px #0000000a;box-sizing:border-box;max-width:100%;overflow:hidden}.table-header{border-bottom:1px solid #e5e5e7;padding:16px}.table-title-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.table-title{color:#1a1a1a;font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0}.table-actions{display:flex;gap:10px}.table-search{max-width:400px;position:relative}.search-icon{color:#86868b;font-size:16px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#f5f5f7;border:1px solid #e5e5e7;border-radius:4px;font-size:13px;padding:8px 12px 8px 38px;transition:all .15s ease;width:100%}.search-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.table-wrapper{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto;width:100%}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f5f5f7}.data-table th{border-bottom:1px solid #e5e5e7;color:#71717a;font-size:11px;font-weight:600;letter-spacing:.05em;padding:8px 14px;text-align:left;text-transform:uppercase}.data-table th.sortable{cursor:pointer;transition:background .15s ease;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{background:#ebebed}.sort-icon{color:#6366f1;font-size:12px}.data-table td{border-bottom:1px solid #f5f5f7;color:#3f3f46;font-size:13px;font-weight:500;padding:10px 14px;vertical-align:middle}.data-table tbody tr{transition:background .2s ease}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background:#fafafa}.data-table tbody tr.row-selected{background:#e0e7ff!important;border-left:3px solid #6366f1;transition:all .2s ease}.data-table tbody tr.row-selected:hover{background:#ddd6fe!important}.data-table tbody tr.row-selected td{border-bottom-color:#c7d2fe}.data-table tbody tr:last-child td{border-bottom:none}.empty-state{color:#86868b;font-size:14px;padding:48px 24px!important;text-align:center}.status-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:3px 10px}.status-badge.success{background:#00d4aa1a;color:#00d4aa}.status-badge.success:before{content:"●";font-size:8px}.status-badge.warning{background:#ff95001a;color:#ff9500}.status-badge.warning:before{content:"●";font-size:8px}.status-badge.danger{background:#ff3b301a;color:#ff3b30}.status-badge.danger:before{content:"●";font-size:8px}.table-action-btn{background:#f5f5f7;border:none;border-radius:4px;color:#1d1d1f;cursor:pointer;flex-shrink:0;font-size:11px;font-weight:500;line-height:1.2;padding:4px 8px;transition:all .15s ease;white-space:nowrap}.table-action-btn:hover{background:#e5e5e7}.table-action-btn.primary{background:#fdb208;color:#000;font-weight:600}.table-action-btn.primary:hover{background:#e5a007}.table-action-btn.danger{background:#ef44441a;color:#dc2626;font-weight:600}.table-action-btn.danger:hover{background:#ef444433}@media (max-width:768px){.table-header{padding:10px}.table-title{font-size:14px}.table-title-section{align-items:flex-start;flex-direction:column;gap:8px}.table-actions{width:100%}.table-wrapper{-webkit-overflow-scrolling:touch;margin:0 -10px;max-width:100%;overflow-x:auto;padding:0 10px;width:100%}.data-table{min-width:650px;width:auto}.data-table td,.data-table th{font-size:11px;line-height:1.3;padding:8px;white-space:nowrap}.data-table th{font-size:10px;padding:6px 8px}.table-action-btn{font-size:10px;padding:4px 6px}.data-table td>div[style*="display: flex"]{flex-direction:column!important;flex-wrap:nowrap!important;gap:4px!important}.table-action-btn{white-space:nowrap;width:100%}}@media (max-width:480px){.table-header{padding:8px}.table-title{font-size:13px}.table-title-section{gap:6px}.table-wrapper{margin:0 -8px;padding:0 8px}.data-table{min-width:580px}.data-table td,.data-table th{font-size:10px;line-height:1.2;padding:6px}.data-table th{font-size:9px;padding:5px 6px}.table-action-btn{font-size:9px;line-height:1.2;padding:3px 5px}.data-table td>div[style*="display: flex"]{flex-direction:column!important;gap:2px!important}.table-action-btn{width:100%}.data-table td:last-child{padding:4px!important}}@media (max-width:360px){.table-header{padding:6px}.table-title{font-size:12px}.table-wrapper{margin:0 -6px;padding:0 6px}.data-table{min-width:520px}.data-table td,.data-table th{font-size:9px;line-height:1.2;padding:5px}.data-table th{font-size:8px;padding:4px 5px}.table-action-btn{font-size:8px;line-height:1.1;padding:3px 4px}.data-table td>div[style*="display: flex"]{flex-direction:column!important;gap:2px!important}.table-action-btn{width:100%}.data-table td:last-child{padding:3px!important}}.table-pagination{align-items:center;background:#fafafa;border-top:1px solid #e5e5e7;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 16px}.pagination-info{color:#3f3f46;font-size:13px}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.pagination-btn{background:#fff;border:1px solid #e5e5e7;border-radius:4px;color:#3f3f46;font-size:13px;min-width:36px;padding:6px 12px;text-align:center;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:#fef3e2;border-color:#fdb208;color:#fdb208}.pagination-btn.active{background:#fdb208;border-color:#fdb208;color:#000;font-weight:600}.pagination-btn:disabled{background:#f5f5f7}.pagination-ellipsis{color:#86868b;font-size:13px;padding:6px 8px}@media (max-width:768px){.table-pagination{gap:10px;padding:12px 10px}.pagination-info{font-size:12px;text-align:center;width:100%}.pagination-controls{justify-content:center;width:100%}.pagination-btn{font-size:12px;min-width:32px;padding:5px 10px}.pagination-ellipsis{font-size:12px;padding:5px 6px}}@media (max-width:480px){.table-pagination{gap:8px;padding:10px 8px}.pagination-info{font-size:11px}.pagination-btn{font-size:11px;min-width:28px;padding:4px 8px}.pagination-ellipsis{font-size:11px;padding:4px 5px}}@media (max-width:360px){.table-pagination{gap:6px;padding:8px 6px}.pagination-info{font-size:10px}.pagination-btn{font-size:10px;min-width:24px;padding:3px 6px}.pagination-ellipsis{font-size:10px;padding:3px 4px}}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0,#f8f8f8 50%,#f0f0f0);background-size:200% 100%;border-radius:4px;display:inline-block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{border-radius:4px;height:16px;margin-bottom:8px}.skeleton-title{border-radius:4px;height:24px;margin-bottom:12px}.skeleton-rect{border-radius:8px}.skeleton-circle{border-radius:50%}.skeleton-button{border-radius:6px;height:36px}.skeleton-badge{border-radius:12px;height:24px}.skeleton-card{border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:20px}.skeleton-row{align-items:center;display:flex;gap:16px;margin-bottom:16px}.dashboard-skeleton-wrapper{padding:0}.dashboard-skeleton-wrapper .dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:32px}.skeleton-card{background:#fff;border:1px solid #e5e5e7;border-radius:6px;box-shadow:0 1px 3px #0000000a;padding:16px;position:relative}.skeleton-card.dark{background:#1d1d1f;border-color:#2d2d2f}.skeleton-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.skeleton-card.dark .skeleton{animation:shimmer 1.5s ease-in-out infinite!important;background:linear-gradient(90deg,#ffffff14,#ffffff26 50%,#ffffff14)!important;background-size:200% 100%!important}.skeleton-table-header{align-items:center;background:#f9fafb;border-radius:8px 8px 0 0;display:flex;gap:16px;margin-bottom:8px;padding:12px 16px}.skeleton-table-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:16px;padding:16px}.skeleton-table-row:last-child{border-bottom:none}@media (max-width:768px){.dashboard-skeleton-wrapper .dashboard-grid{grid-template-columns:1fr}.skeleton-table-header{display:none}.skeleton-table-row{align-items:flex-start;flex-direction:column;gap:8px}}.file-viewer-modal{align-items:center;animation:fadeIn .3s ease;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.file-viewer-modal:fullscreen{background:#000;padding:0}.file-viewer-modal:fullscreen .file-viewer-content{border-radius:0;height:100vh;max-width:100%}.file-viewer-modal:-webkit-full-screen{background:#000;padding:0}.file-viewer-modal:-webkit-full-screen .file-viewer-content{border-radius:0;height:100vh;max-width:100%}.file-viewer-modal:-moz-full-screen{background:#000;padding:0}.file-viewer-modal:-moz-full-screen .file-viewer-content{border-radius:0;height:100vh;max-width:100%}.file-viewer-modal:-ms-fullscreen{background:#000;padding:0}.file-viewer-modal:-ms-fullscreen .file-viewer-content{border-radius:0;height:100vh;max-width:100%}.file-viewer-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 50px #00000080;display:flex;flex-direction:column;height:90vh;max-width:1400px;width:100%}.file-viewer-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:12px 16px}.file-viewer-title{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.file-icon{flex-shrink:0;font-size:28px}.file-title-info{flex:1 1;min-width:0}.file-title-info h3{color:#333;font-size:15px;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-title-info p{color:#999;font-size:12px;font-weight:500;margin:2px 0 0}.file-viewer-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.action-btn-compact{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:6px 10px;transition:all .2s ease}.action-btn-compact:hover{background:#e9ecef;border-color:#4db8ff;color:#4db8ff}.action-btn-compact svg{stroke:currentColor;flex-shrink:0}.action-btn-compact .btn-label,.zoom-level{font-size:12px;font-weight:600}.zoom-level{color:#666;min-width:38px;padding:0 4px;text-align:center}.close-btn{background:#dc3545;border-color:#dc3545;color:#fff}.close-btn:hover{background:#c82333;border-color:#c82333;color:#fff}.close-btn svg{stroke:currentColor}.file-viewer-body{display:flex;flex:1 1;overflow:hidden;position:relative}.thumbnails-sidebar{background:#f8f9fa;border-right:2px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0;width:280px}.thumbnails-sidebar h4{background:#fff;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;font-weight:600;margin:0;padding:16px 20px}.thumbnails-list{flex:1 1;overflow-y:auto;padding:12px}.thumbnail-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .3s ease}.thumbnail-item:hover{border-color:#4db8ff;box-shadow:0 2px 8px #4db8ff33;transform:translateX(4px)}.thumbnail-item.active{background:#e3f2fd;border-color:#4db8ff;box-shadow:0 2px 12px #4db8ff4d}.thumbnail-icon{flex-shrink:0;font-size:32px}.thumbnail-info{flex:1 1;min-width:0}.thumbnail-name{color:#333;font-size:13px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumbnail-size{color:#666;font-size:11px}.viewer-area{background:#f0f0f0;flex:1 1;overflow:hidden;position:relative}.viewer-area,.viewer-content{align-items:center;display:flex;justify-content:center}.viewer-content{height:100%;width:100%}.nav-btn{align-items:center;background:#000000b3;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.nav-btn:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.prev-btn{left:20px}.next-btn{right:20px}.image-viewer-modern{background:#f0f0f0;height:100%;position:relative;width:100%}.image-viewer-container{align-items:center;background:#f0f0f0;display:flex;height:100%;justify-content:center;overflow:auto;padding:20px;-webkit-user-select:none;user-select:none;width:100%}.image-transform-wrapper{display:inline-block;line-height:0;transform-origin:center center;will-change:transform}.zoomable-image{-webkit-user-drag:none;border-radius:8px;box-shadow:0 4px 20px #0003;display:block;height:auto;max-height:80vh;max-width:90vw;-webkit-user-select:none;user-select:none;width:auto}.zoom-slider-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;border-radius:50px;bottom:20px;box-shadow:0 4px 20px #0000004d;display:flex;gap:12px;left:50%;padding:12px 20px;position:absolute;transform:translateX(-50%);z-index:100}.slider-btn{align-items:center;background:#0000;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.slider-btn:hover{background:#4db8ff;border-color:#4db8ff;transform:scale(1.1)}.zoom-slider{-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:3px;cursor:pointer;height:6px;outline:none;width:200px}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4db8ff;border-radius:50%;box-shadow:0 2px 8px #4db8ff80;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.zoom-slider::-webkit-slider-thumb:hover{background:#3da8ef;height:22px;width:22px}.zoom-slider::-moz-range-thumb{background:#4db8ff;border:none;border-radius:50%;box-shadow:0 2px 8px #4db8ff80;cursor:pointer;height:18px;-moz-transition:all .2s ease;transition:all .2s ease;width:18px}.zoom-slider::-moz-range-thumb:hover{background:#3da8ef;height:22px;width:22px}.slider-zoom-display{color:#fff;font-size:13px;font-weight:600;min-width:45px;text-align:center}.image-viewer-container::-webkit-scrollbar{height:12px;width:12px}.image-viewer-container::-webkit-scrollbar-track{background:#e0e0e0;border-radius:6px}.image-viewer-container::-webkit-scrollbar-thumb{background:#4db8ff;border-radius:6px}.image-viewer-container::-webkit-scrollbar-thumb:hover{background:#3da8ef}.pdf-viewer{height:100%;padding:20px;width:100%}.pdf-viewer iframe{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;height:100%;width:100%}.document-viewer{padding:20px}.document-viewer,.document-viewer-compact{display:flex;flex-direction:column;height:100%;width:100%}.document-viewer-compact{align-items:center;background:#f8f9fa;justify-content:center;padding:40px}.file-preview-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;gap:20px;justify-content:center;margin:0 auto;max-width:600px;padding:24px 32px;width:100%}.file-icon-large{flex-shrink:0;font-size:48px}.file-details{flex:1 1;min-width:0}.file-details .file-name{color:#333;font-size:16px;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-details .file-type{color:#666;font-size:13px;margin:0 0 4px}.file-details .file-size{color:#999;font-size:12px;margin:0}.download-btn-compact{align-items:center;background:#4db8ff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.download-btn-compact:hover{background:#3da8ef;box-shadow:0 4px 15px #4db8ff66;transform:translateY(-2px)}.download-btn-compact svg{flex-shrink:0}.preview-note{background:#fff8e1;border:1px solid #ffd54f;border-radius:8px;margin-top:16px;max-width:600px;padding:12px 20px;width:100%}.preview-note p{color:#666;font-size:13px;margin:0;text-align:center}.document-viewer-advanced{background:#f5f5f5;width:100%}.document-viewer-advanced,.loading-spinner{display:flex;flex-direction:column;height:100%}.loading-spinner{align-items:center;gap:16px;justify-content:center}.spinner{height:40px;width:40px}.loading-spinner p{color:#666;font-size:14px;font-weight:500;margin:0}.document-toolbar{background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;flex-wrap:wrap;justify-content:space-between;padding:10px 16px}.document-toolbar,.toolbar-left{align-items:center;display:flex;gap:16px}.toolbar-left{flex:1 1;min-width:0}.toolbar-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.doc-label{color:#333;flex-shrink:0;font-size:13px;font-weight:600}.sheet-tabs{display:flex;flex-wrap:wrap;gap:4px}.sheet-tab{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:5px 5px 0 0;color:#666;cursor:pointer;font-size:12px;font-weight:500;padding:5px 14px;transition:all .2s ease;white-space:nowrap}.sheet-tab:hover{background:#e3f2fd;border-color:#4db8ff;color:#4db8ff}.sheet-tab.active{background:#4db8ff;border-color:#4db8ff;box-shadow:0 2px 8px #4db8ff4d;color:#fff;font-weight:600}.excel-search-input{border:1px solid #e0e0e0;border-radius:6px;font-size:12px;outline:none;padding:6px 12px;transition:all .2s ease;width:200px}.excel-search-input:focus{border-color:#4db8ff;box-shadow:0 0 0 3px #4db8ff1a}.excel-search-input::placeholder{color:#999}.toolbar-download-btn{align-items:center;background:#4db8ff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.toolbar-download-btn:hover{background:#3da8ef;transform:translateY(-1px)}.excel-preview,.word-preview{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.word-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;flex:1 1;font-family:Calibri,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.8;margin:16px auto;max-width:900px;overflow-y:auto;padding:40px 60px}.word-content p{color:#333;font-size:15px;margin:0 0 16px;text-align:justify}.word-content h1{border-bottom:3px solid #4db8ff;color:#1a1a1a;font-size:28px;font-weight:700;margin:24px 0 16px;padding-bottom:8px}.word-content h2{border-bottom:2px solid #e0e0e0;color:#1a1a1a;font-size:24px;font-weight:600;margin:20px 0 12px;padding-bottom:6px}.word-content h3{color:#333;font-size:20px;font-weight:600;margin:18px 0 10px}.word-content h4,.word-content h5,.word-content h6{color:#444;font-weight:600;margin:16px 0 8px}.word-content h4{font-size:18px}.word-content h5{font-size:16px}.word-content h6{font-size:14px}.word-content ol,.word-content ul{margin:0 0 16px;padding-left:32px}.word-content li{line-height:1.7;margin-bottom:8px}.word-content b,.word-content strong{color:#000;font-weight:600}.word-content em,.word-content i{color:#444;font-style:italic}.word-content table{border-collapse:collapse;border-radius:6px;box-shadow:0 2px 8px #00000014;margin:20px 0;overflow:hidden;width:100%}.word-content table td,.word-content table th{border:1px solid #e0e0e0;font-size:14px;padding:12px 16px}.word-content table th{background:#4db8ff;color:#fff;font-weight:600;text-align:left}.word-content table tr:nth-child(2n){background:#f9f9f9}.word-content table tr:hover{background:#f0f8ff}.word-content a{border-bottom:1px solid #4db8ff;color:#4db8ff;text-decoration:none;transition:all .2s ease}.word-content a:hover{border-bottom-color:#3da8ef;color:#3da8ef}.word-content blockquote{background:#f8f9fa;border-left:4px solid #4db8ff;color:#555;font-style:italic;margin:20px 0;padding:16px 20px}.word-content code{background:#f4f4f4;border-radius:3px;color:#d63384;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.word-content pre{background:#f4f4f4;border-radius:6px;margin:16px 0;overflow-x:auto;padding:16px}.word-content pre code{background:#0000;color:#333;padding:0}.word-content hr{border:none;border-top:2px solid #e0e0e0;margin:24px 0}.word-content::-webkit-scrollbar{width:10px}.word-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.word-content::-webkit-scrollbar-thumb{background:#4db8ff;border-radius:5px}.word-content::-webkit-scrollbar-thumb:hover{background:#3da8ef}.excel-content{flex:1 1;overflow:auto;padding:16px}.excel-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-width:100%;overflow:hidden}.excel-table tbody tr:first-child td{background:#4db8ff;color:#fff;font-size:13px;font-weight:600;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.excel-table td{border:1px solid #e0e0e0;color:#333;font-size:13px;min-width:80px;padding:10px 14px;white-space:nowrap}.excel-table tbody tr:hover td{background:#f8f9fa}.excel-table tbody tr:nth-child(2n) td{background:#fafafa}.excel-table tbody tr:nth-child(2n):hover td{background:#f0f0f0}.excel-table td.highlighted-cell{background:#fff59d!important;border:2px solid #ffd54f!important;box-shadow:0 0 8px #ffd54f80;color:#000;font-weight:600;position:relative}.excel-table tbody tr:hover td.highlighted-cell{background:#ffeb3b!important}.document-preview-unavailable{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:auto;max-width:500px;padding:60px 40px;text-align:center}.preview-icon{font-size:80px;margin-bottom:20px}.document-preview-unavailable h3{color:#333;font-size:20px;font-weight:600;margin:0 0 16px;word-break:break-all}.preview-message{color:#666;font-size:16px;margin:0 0 8px}.preview-hint{color:#999;font-size:14px;margin:0 0 30px}.download-btn{align-items:center;background:#4db8ff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;padding:14px 32px;transition:all .3s ease}.download-btn:hover{background:#3da8ef;box-shadow:0 4px 15px #4db8ff66;transform:translateY(-2px)}.download-btn svg{flex-shrink:0}.file-size-info{color:#999;font-size:13px;margin-top:16px}.preview-info-box{background:#fff8e1;border:2px solid #ffd54f;border-radius:8px;margin-top:24px;padding:16px 20px;text-align:left}.preview-info-box p{color:#666;font-size:14px;line-height:1.6;margin:0}.preview-info-box strong{color:#f57c00;font-weight:600}.file-viewer-footer{background:#fff;border-radius:0 0 12px 12px;border-top:1px solid #e0e0e0;padding:8px 16px}.keyboard-shortcuts{align-items:center;color:#999;display:flex;flex-wrap:wrap;font-size:11px;gap:12px;justify-content:center}.keyboard-shortcuts kbd,.keyboard-shortcuts span{color:#666;font-weight:600}.keyboard-shortcuts kbd{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 1px 2px #0000000d;font-family:monospace;font-size:11px;padding:2px 6px}@media (max-width:768px){.thumbnails-sidebar{width:200px}.nav-btn{font-size:20px;height:40px;width:40px}.prev-btn{left:10px}.next-btn{right:10px}.file-viewer-actions{flex-wrap:wrap}.file-preview-card{flex-direction:column;padding:20px;text-align:center}.file-icon-large{font-size:56px}.file-details .file-name{white-space:normal;word-break:break-word}.download-btn-compact{justify-content:center;width:100%}.document-viewer-compact{padding:20px}.word-content{margin:10px;padding:20px}.excel-content{padding:10px}.excel-table td{font-size:12px;min-width:60px;padding:6px 8px}.document-toolbar{padding:8px 12px}.doc-label{font-size:12px}.toolbar-download-btn{font-size:11px;padding:5px 10px}}@media (max-width:576px){.thumbnails-sidebar{display:none}.file-viewer-header{align-items:flex-start;flex-direction:column;gap:10px;padding:10px 12px}.file-viewer-title{width:100%}.file-icon{font-size:24px}.file-title-info h3{font-size:14px}.file-title-info p{font-size:11px}.file-viewer-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.action-btn-compact{font-size:12px;padding:5px 8px}.action-btn-compact .btn-label{font-size:11px}.file-viewer-footer{padding:6px 12px}.keyboard-shortcuts{font-size:10px;gap:8px}.keyboard-shortcuts kbd{font-size:10px;padding:1px 4px}}.admin-dashboard{max-width:100%;min-height:100vh;overflow-x:hidden}.admin-dashboard,.admin-dashboard *{box-sizing:border-box}.page-header{gap:16px;margin-bottom:20px;max-width:100%}.page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);margin:0 0 4px}.page-subtitle{color:#71717a;font-size:var(--text-sm);font-weight:var(--font-regular);line-height:var(--leading-normal)}.dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px;max-width:100%;width:100%}@media (max-width:768px){.dashboard-grid{gap:12px;grid-template-columns:1fr!important}}.filters-section{margin-bottom:16px}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.modern-input{background:#fff;border:1px solid #e5e5e7;border-radius:4px;box-sizing:border-box;flex:1 1;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-regular);line-height:var(--leading-normal);max-width:100%;min-width:180px;padding:9px 12px;transition:all .15s ease;width:100%}.modern-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.modern-btn{border-radius:6px;box-sizing:border-box;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-normal);padding:9px 16px;transition:all .15s ease}.modern-btn.primary{background:#fdb208;color:#000}.modern-btn.primary:hover{background:#e5a007}.modern-btn.secondary{background:#f5f5f7;color:#1d1d1f}.modern-btn.secondary:hover{background:#e5e5e7}.modern-btn.danger{background:#ef4444;color:#fff;font-weight:600}.modern-btn.danger:hover{background:#dc2626}.btn-text-short{display:none}.btn-text-full{display:inline}@media (max-width:375px){.btn-text-short{display:inline}.btn-text-full{display:none}}.error-banner{align-items:center;background:#ff3b301a;border:1px solid #ff3b3033;border-left:4px solid #ff3b30;border-radius:10px;color:#ff3b30;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:24px;padding:16px 20px}.error-banner span{font-size:18px}.loading-state{align-items:center;color:#86868b;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.spinner-modern{animation:spin .8s linear infinite;border:4px solid #f5f5f7;border-radius:50%;border-top-color:#00d4aa;height:40px;margin-bottom:16px;width:40px}.loading-state p{font-size:14px;margin:0}.modern-pagination{align-items:center;background:#fff;border:1px solid #e5e5e7;border-radius:12px;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:20px}.pagination-btn{background:#f5f5f7;border:none;border-radius:8px;color:#1d1d1f;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#e5e5e7}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-info{color:#1d1d1f;font-size:14px;font-weight:500}.modern-modal-overlay{align-items:center;animation:fadeIn .15s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:2000}.modern-modal{animation:slideUp .2s ease-out;background:#fff;border-radius:6px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:650px;overflow:hidden;width:100%}.modern-modal-header{align-items:center;border-bottom:1px solid #e5e5e7;display:flex;justify-content:space-between;padding:16px 20px}.modern-modal-header h2{color:#1a1a1a;font-size:17px;font-weight:700;letter-spacing:-.01em;margin:0}.modal-close-btn{align-items:center;background:#f5f5f7;border:none;border-radius:4px;color:#1d1d1f;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .15s ease;width:32px}.modal-close-btn:hover{background:#e5e5e7;transform:scale(1.05)}.modern-modal-body{flex:1 1;overflow-y:auto;padding:20px}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:#71717a;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.detail-item p{color:#3f3f46;font-size:14px;font-weight:500;line-height:1.5;margin:0}.files-section-modern{border-top:1px solid #e5e5e7;margin-top:20px;padding-top:16px}.files-section-modern h3{color:#1a1a1a;font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0 0 12px}.files-grid{grid-gap:12px;display:grid;gap:12px}.file-card{align-items:center;background:#f5f5f7;border-radius:6px;display:flex;gap:12px;padding:12px;transition:all .15s ease}.file-card:hover{background:#e9ecef}.file-card-icon{align-items:center;background:#fff;border-radius:6px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.file-card-info{flex:1 1;min-width:0}.file-card-name{color:#1a1a1a;font-size:13px;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-size{color:#71717a;font-size:11px;font-weight:500;margin-top:2px}.file-download-btn{align-items:center;background:#6366f1;border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;text-decoration:none;transition:all .15s ease;width:32px}.file-download-btn:hover{background:#4f46e5;transform:scale(1.05)}.no-files{color:#86868b;font-size:14px;padding:32px;text-align:center}.modern-modal-footer{background:#fafafa;border-top:1px solid #e5e5e7;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}@media (max-width:1024px){.page-header{flex-wrap:wrap;gap:12px}.page-header .modern-btn.primary{font-size:13px;padding:8px 14px}.dashboard-grid{gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.page-title{font-size:28px}.filter-row{gap:8px}.modern-input{font-size:14px;min-width:150px;padding:8px 11px}.modern-btn{font-size:14px;padding:8px 14px}.pagination-info{font-size:13px}.pagination-btn{font-size:13px;padding:7px 16px}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.page-title{font-size:22px}.page-subtitle{font-size:13px}.page-header{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:14px}.page-header .modern-btn.primary{font-size:13px;padding:9px 12px;text-align:center;width:100%}.page-header>div[style*="display: flex"]{flex-direction:column!important;gap:8px!important;width:100%!important}.page-header .modern-btn.secondary{font-size:13px!important;justify-content:center!important;padding:9px 12px!important;width:100%!important}.dashboard-grid{gap:12px;grid-template-columns:1fr!important;margin-bottom:20px;width:100%}.dashboard-card .circular-progress{transform:scale(.8);transform-origin:center}.data-table-container{max-width:100%;overflow-x:auto}.admin-dashboard>*{max-width:100%}.filter-row{align-items:stretch;flex-direction:column;gap:8px}.modern-input{font-size:13px;min-width:100%;padding:9px 12px}.modern-btn{font-weight:600}.filter-row .modern-btn,.modern-btn{font-size:13px;padding:9px 12px;width:100%}.error-banner{font-size:13px;gap:10px;padding:12px 16px}.error-banner span{font-size:16px}.loading-state{padding:60px 16px}.spinner-modern{border-width:3px;height:36px;width:36px}.loading-state p{font-size:13px}.modern-pagination{flex-wrap:wrap;gap:12px;margin-top:20px;padding:16px}.pagination-btn{font-size:13px;padding:7px 16px}.pagination-info{font-size:13px;order:3;text-align:center;width:100%}.modern-modal{border-radius:16px;margin:0;max-height:85vh}.modern-modal-header{padding:14px 16px}.modern-modal-header h2{font-size:16px}.modal-close-btn{font-size:16px;height:28px;width:28px}.modern-modal-body{padding:16px}.modern-modal-footer{flex-direction:column-reverse;gap:8px;padding:14px 16px}.detail-grid{gap:12px;grid-template-columns:1fr}.detail-item label{font-size:10px}.detail-item p{font-size:13px}.files-section-modern{margin-top:16px;padding-top:12px}.files-section-modern h3{font-size:14px;margin:0 0 10px}.file-card{gap:10px;padding:10px}.file-card-icon{font-size:18px;height:36px;width:36px}.file-card-name{font-size:12px}.file-card-size{font-size:10px}.file-download-btn{font-size:14px;height:28px;width:28px}.no-files{font-size:13px;padding:24px}}@media (max-width:480px){.admin-dashboard{padding:0}.page-title{font-size:18px}.page-subtitle{font-size:12px}.page-header{align-items:stretch;flex-direction:column;gap:8px;margin-bottom:14px}.page-header .modern-btn.primary,.page-header .modern-btn.secondary{font-size:12px!important;padding:8px 12px!important;width:100%!important}.page-header>div[style*="display: flex"]{flex-direction:column!important;gap:8px!important}.dashboard-grid{gap:12px;grid-template-columns:1fr!important;margin-bottom:20px;width:100%}.dashboard-card .circular-progress{transform:scale(.7)}.admin-dashboard,.dashboard-card,.dashboard-grid,.data-table-container,.page-header{max-width:100%!important;width:100%!important}.admin-dashboard>*,.dashboard-grid>*{max-width:100%!important}.filters-section{margin-bottom:14px}.filter-row{flex-direction:column;gap:8px;width:100%}.modern-input{min-width:100%}.filter-row .modern-btn,.modern-input{font-size:12px;padding:8px 12px;width:100%}.filter-row .modern-btn{align-items:center;display:flex;font-weight:600;gap:4px;justify-content:center}.modern-btn{font-size:12px;padding:8px 12px;width:100%}.modern-btn.danger:hover,.modern-btn.primary:hover,.modern-btn.secondary:hover{transform:none}.filter-row>.modern-btn:first-child{order:-2}.filter-row>.modern-btn:nth-child(2){order:-1}.error-banner{font-size:12px;gap:8px;padding:10px 12px}.error-banner span{font-size:14px}.loading-state{padding:40px 12px}.spinner-modern{border-width:3px;height:32px;margin-bottom:12px;width:32px}.loading-state p{font-size:12px}.modern-pagination{flex-direction:column;gap:8px;margin-top:16px;padding:12px}.pagination-btn{padding:8px 12px}.pagination-btn,.pagination-info{font-size:12px;width:100%}.modern-modal{border-radius:12px;max-height:90vh;width:calc(100% - 16px)}.modern-modal-header{padding:12px 14px}.modern-modal-header h2{font-size:15px}.modal-close-btn{font-size:14px;height:24px;width:24px}.modern-modal-body{padding:12px 14px}.modern-modal-footer{gap:6px;padding:12px 14px}.detail-grid{gap:10px}.detail-item label{font-size:9px}.detail-item p{font-size:12px}.files-section-modern{margin-top:12px;padding-top:10px}.files-section-modern h3{font-size:13px;margin:0 0 8px}.file-card{gap:8px;padding:8px}.file-card-icon{font-size:16px;height:32px;width:32px}.file-card-name{font-size:11px}.file-card-size{font-size:9px}.file-download-btn{font-size:12px;height:24px;width:24px}.no-files{font-size:12px;padding:16px}.dashboard-card.dark .card-value{font-size:36px}.dashboard-card.dark .card-subtitle{font-size:12px}}@media (max-width:360px){.page-title{font-size:16px}.page-subtitle{font-size:11px}.page-header{gap:6px;margin-bottom:12px}.page-header .modern-btn.primary,.page-header .modern-btn.secondary{font-size:11px!important;padding:8px 10px!important}.dashboard-grid{gap:10px;margin-bottom:16px}.dashboard-card .circular-progress{transform:scale(.6)}.filters-section{margin-bottom:12px}.filter-row{gap:6px}.error-banner,.filter-row .modern-btn,.modern-btn,.modern-input{font-size:11px;padding:8px 10px}.error-banner{gap:6px}.modern-pagination{gap:6px;padding:10px}.pagination-btn{font-size:11px;padding:6px 10px}.pagination-info{font-size:11px}.modern-modal{width:calc(100% - 8px)}.modern-modal-header h2{font-size:14px}.detail-item label{font-size:8px}.detail-item p{font-size:11px}.file-card{padding:6px}.file-card-icon{font-size:14px;height:28px;width:28px}.file-card-name{font-size:10px}.file-card-size{font-size:8px}}@media (max-width:320px){.page-title{font-size:16px}.page-subtitle{font-size:10px}.page-header{gap:5px;margin-bottom:12px}.page-header .modern-btn.primary{font-size:11px;padding:8px 10px}.dashboard-grid{gap:8px;margin-bottom:14px}.dashboard-card .circular-progress{transform:scale(.55)}.filters-section{margin-bottom:12px}.filter-row{gap:8px}.filter-row .modern-btn,.modern-btn,.modern-input{font-size:12px;padding:8px 10px}.error-banner{font-size:10px;padding:8px}.modern-pagination{gap:6px;padding:8px}.pagination-btn{font-size:10px;padding:6px 8px}.pagination-info{font-size:10px}.modern-modal-header h2{font-size:13px}.detail-item label{font-size:7px}.detail-item p{font-size:10px}.file-card-name{font-size:9px}.file-card-size{font-size:7px}}.dashboard-card.dark .card-value{font-size:48px}.dashboard-card.dark .card-subtitle{font-size:14px}#pdf-viewer-container:fullscreen .fullscreen-exit-btn{display:flex!important}#pdf-viewer-container:-moz-full-screen .fullscreen-exit-btn{display:flex!important}#pdf-viewer-container:-webkit-full-screen .fullscreen-exit-btn{display:flex!important}#pdf-viewer-container:-ms-fullscreen .fullscreen-exit-btn{display:flex!important}.filter-badge{align-items:center;background-color:#fff;border:1px solid #3b82f6;border-radius:12px;color:#1e40af;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.filter-badge:hover{background-color:#dbeafe}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.all-submissions-skeleton{padding:24px}.filters-skeleton{margin-bottom:16px}.filters-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.skeleton-table-header-large{align-items:center;background:#f9fafb;border-radius:8px 8px 0 0;display:flex;gap:16px;margin-bottom:8px;padding:14px 16px}.skeleton-table-row-large{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:16px;padding:18px 16px}.skeleton-table-row-large:last-child{border-bottom:none}.skeleton-pagination{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:12px;padding:16px}@media (max-width:768px){.filters-grid{grid-template-columns:1fr}.skeleton-table-header-large{display:none}.skeleton-table-row-large{align-items:flex-start;flex-direction:column;gap:8px}.skeleton-pagination{flex-direction:column;gap:12px}}.workers-skeleton{padding:24px}.skeleton-workers-table-header{align-items:center;background:#f9fafb;border-radius:8px 8px 0 0;display:flex;gap:16px;margin-bottom:8px;padding:14px 16px}.skeleton-workers-table-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:16px;padding:18px 16px}.skeleton-workers-table-row:last-child{border-bottom:none}.skeleton-workers-pagination{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:12px;padding:16px}@media (max-width:768px){.skeleton-workers-table-header{display:none}.skeleton-workers-table-row{align-items:flex-start;flex-direction:column;gap:8px}.skeleton-workers-pagination{flex-direction:column;gap:12px}}.admin-workers-page{background:#f8f9fa;min-height:100vh}.page-header{align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:30px}.page-title{color:#000;margin:0 0 8px}.btn-create{background:#fdb208;border:none;border-radius:8px;box-shadow:0 2px 8px #fdb2084d;color:#000;cursor:pointer;font-size:16px;font-weight:600;padding:12px 28px;transition:all .3s ease}.btn-create:hover{background:#e5a007;box-shadow:0 4px 12px #fdb20866;transform:translateY(-2px)}.alert{box-shadow:0 2px 8px #0000001a;font-size:15px;margin-bottom:25px;padding:16px 20px}.alert-content{flex:1 1}.alert-close{transition:opacity .3s ease}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px}.spinner-large{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#4db8ff;height:60px;width:60px}.loading-container p{color:#666;font-size:16px}.error-container{padding:60px 20px;text-align:center}.error-container p{color:#dc3545;font-size:16px;margin-bottom:20px}.btn-retry{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-retry:hover{background:#0056b3;transform:translateY(-2px)}.workers-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow-x:auto;padding:25px}.workers-table{border-collapse:collapse;min-width:800px;width:100%}.workers-table thead{background:#f8f9fa}.workers-table th{border-bottom:2px solid #e0e0e0;color:#000;font-size:14px;font-weight:600;padding:14px 16px;text-align:left;white-space:nowrap}.workers-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:14px 16px}.workers-table tbody tr:hover{background:#f8f9fa}.workers-table tbody tr:last-child td{border-bottom:none}.username-cell{color:#000;font-weight:600}.date-cell{color:#666;white-space:nowrap}.no-data{color:#999;font-style:italic;padding:40px 20px!important;text-align:center}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.status-active{background:#d4edda;color:#155724}.status-inactive{background:#f8d7da;color:#721c24}.status-suspended{background:#fff3cd;color:#856404}.actions-cell{display:flex;gap:8px}.btn-action{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:16px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.btn-edit{background:#007bff;color:#fff}.btn-edit:hover{background:#0056b3;transform:translateY(-2px)}.btn-delete{background:#dc3545}.btn-delete:hover{background:#c82333;transform:translateY(-2px)}.modal-overlay{padding:20px}.modal-content{box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h2{color:#000;font-size:18px;font-weight:700;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.modal-close:hover{background:#f0f0f0;color:#000}.modal-form{padding:20px}.worker-info-section{background:#f8f9fa;border-radius:6px;margin-bottom:16px;padding:12px 16px}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.info-item{display:flex;flex-direction:column;gap:2px}.info-label{color:#666;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#333;font-size:12px}.form-section{margin-bottom:16px}.section-title{border-bottom:1px solid #e0e0e0;color:#000;font-size:13px;margin:0 0 10px;padding-bottom:6px}.form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;margin-bottom:16px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-label{color:#333;font-size:12px;margin-bottom:4px}.form-input,.form-select{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:6px 10px;transition:all .3s ease}.form-input:focus,.form-select:focus{border-color:#4db8ff;box-shadow:0 0 0 3px #4db8ff1a;outline:none}.form-input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.form-input::placeholder{color:#999}.field-hint{color:#666;display:block;font-size:10px;margin-top:3px}.password-field-wrapper{align-items:center;display:flex;gap:4px;position:relative}.password-input{flex:1 1;padding-right:80px}.btn-copy-password,.btn-toggle-password{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:6px;position:absolute;right:8px;transition:all .3s ease}.btn-toggle-password{right:40px}.btn-copy-password{right:8px}.btn-copy-password:hover,.btn-toggle-password:hover{background:#f0f0f0}.password-actions{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:6px}.btn-generate{background:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:5px 12px;transition:all .3s ease;white-space:nowrap}.btn-generate:hover{background:#138496;transform:translateY(-1px)}.password-strength{border-radius:10px;display:inline-block;font-size:10px;font-weight:600;padding:3px 8px;white-space:nowrap}.strength-weak{background:#f8d7da;color:#721c24}.strength-medium{background:#fff3cd;color:#856404}.strength-strong{background:#d4edda;color:#155724}.modal-actions{border-top:1px solid #e0e0e0;gap:8px;padding-top:12px}.btn-cancel{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .3s ease}.btn-cancel:hover{background:#5a6268;transform:translateY(-1px)}.btn-submit{border-radius:4px;font-size:13px;font-weight:600;padding:6px 16px}.btn-submit:hover{background:#e5a007;transform:translateY(-1px)}@media (max-width:1024px){.page-header{flex-wrap:wrap;gap:16px}.page-title{font-size:30px}.btn-create{font-size:15px;padding:10px 22px}.form-grid,.info-grid{gap:10px;grid-template-columns:1fr 1fr}.workers-table{min-width:700px}.workers-table td,.workers-table th{font-size:13px;padding:12px 14px}.modal-content{max-width:700px}.actions-cell{gap:6px}.btn-action{height:28px;width:28px}}@media (max-width:768px){.admin-workers-page{background:#fff}.page-header{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:20px}.page-title{font-size:26px;margin:0}.page-subtitle{font-size:14px}.btn-create{font-size:15px;padding:10px 20px;width:100%}.alert{font-size:14px;margin-bottom:20px;padding:14px 16px}.alert-close{font-size:20px;padding:0 6px}.workers-table-container{border-radius:10px;overflow-x:auto;padding:16px}.workers-table{font-size:13px;min-width:600px}.workers-table td,.workers-table th{font-size:12px;padding:11px 12px}.workers-table th{font-size:11px}.username-cell{font-size:12px}.status-badge{font-size:11px;padding:3px 10px}.actions-cell{gap:6px}.btn-action{font-size:14px;height:28px;width:28px}.form-grid{gap:12px;grid-template-columns:1fr}.form-group{margin-bottom:12px}.form-label{font-size:12px;margin-bottom:6px}.form-input,.form-select{font-size:12px;padding:8px 10px}.info-grid{gap:10px;grid-template-columns:1fr}.info-label{font-size:10px}.info-value{font-size:12px}.worker-info-section{margin-bottom:14px;padding:10px 14px}.field-hint{font-size:10px;margin-top:3px}.password-field-wrapper{gap:2px}.btn-toggle-password{right:36px}.password-actions{align-items:stretch;flex-direction:column;gap:8px;margin-top:8px}.btn-generate{font-size:11px;padding:6px 12px;width:100%}.password-strength{padding:6px 8px;text-align:center}.section-title{font-size:12px;margin:0 0 10px;padding-bottom:6px}.modal-content{max-height:85vh;max-width:100%;width:90%}.modal-header{padding:14px 16px}.modal-header h2{font-size:16px}.modal-close{font-size:28px;height:28px;width:28px}.modal-form{padding:16px}.modal-actions{flex-direction:column;gap:8px;padding-top:12px}.btn-cancel,.btn-submit{font-size:13px;padding:8px 14px;width:100%}.loading-container{padding:60px 20px}.spinner-large{border-width:4px;height:50px;width:50px}.loading-container p{font-size:14px}.error-container{padding:40px 16px}.error-container p{font-size:14px}.btn-retry{font-size:13px;padding:8px 20px}}@media (max-width:480px){.page-header{flex-direction:column;gap:10px}.page-title{font-size:22px;margin-bottom:4px}.page-subtitle{font-size:13px}.btn-create{font-size:14px;padding:10px 16px;width:100%}.alert{align-items:flex-start;flex-direction:column;font-size:13px;gap:8px;margin-bottom:16px;padding:12px 14px}.alert-content{width:100%}.alert-close{align-self:flex-end;font-size:18px;padding:0 4px}.workers-table-container{padding:12px}.workers-table{font-size:12px;min-width:550px}.workers-table thead{background:#fafafa}.workers-table th{font-size:10px;font-weight:600;padding:9px 8px}.workers-table td{font-size:11px;padding:9px 8px}.username-cell{font-size:11px;font-weight:600}.status-badge{font-size:10px;padding:3px 8px}.actions-cell{gap:4px}.btn-action{font-size:12px;height:24px;width:24px}.date-cell{font-size:10px}.form-grid{gap:10px;grid-template-columns:1fr}.form-group{margin-bottom:10px}.form-label{font-size:11px;margin-bottom:5px}.form-input,.form-select{font-size:12px;padding:7px 9px}.form-input:focus,.form-select:focus{box-shadow:0 0 0 2px #4db8ff1a}.info-grid{gap:8px;grid-template-columns:1fr}.info-item{gap:1px}.info-label{font-size:9px}.info-value{font-size:11px}.worker-info-section{margin-bottom:12px;padding:8px 12px}.section-title{font-size:11px;margin:0 0 8px}.field-hint{font-size:9px}.password-field-wrapper{flex-direction:column;gap:4px}.btn-toggle-password{margin-bottom:0;position:static}.btn-copy-password{position:static}.password-input{padding-right:10px}.password-actions{flex-direction:column;gap:8px;margin-top:8px}.btn-generate{font-size:11px;padding:7px 12px;width:100%}.password-strength{padding:6px 0;text-align:center;width:100%}.modal-content{max-height:90vh;width:calc(100% - 16px)}.modal-header{padding:12px 14px}.modal-header h2{font-size:15px}.modal-close{font-size:24px;height:24px;width:24px}.modal-form{padding:12px 14px}.modal-actions{flex-direction:column;gap:6px;padding-top:10px}.btn-cancel,.btn-submit{font-size:12px;padding:8px 12px;width:100%}.loading-container{gap:16px;padding:40px 16px}.spinner-large{border-width:3px;height:44px;width:44px}.loading-container p{font-size:13px}.error-container{padding:30px 16px}.error-container p{font-size:13px;margin-bottom:16px}.btn-retry{font-size:12px;padding:8px 18px}}@media (max-width:360px){.page-title{font-size:20px}.page-subtitle{font-size:12px}.btn-create{font-size:13px;padding:9px 14px}.alert{font-size:12px;padding:10px 12px}.alert-close{font-size:16px}.workers-table-container{padding:10px}.workers-table{font-size:11px;min-width:480px}.workers-table th{font-size:9px;padding:8px 6px}.workers-table td{font-size:10px;padding:8px 6px}.status-badge{font-size:9px;padding:2px 6px}.btn-action{font-size:10px;height:22px;width:22px}.form-grid{gap:8px}.form-label{font-size:10px}.form-input,.form-select{font-size:11px;padding:6px 8px}.info-label{font-size:8px}.info-value{font-size:10px}.worker-info-section{margin-bottom:10px;padding:6px 10px}.section-title{font-size:10px}.modal-header h2{font-size:14px}.modal-form{padding:10px 12px}.btn-cancel,.btn-submit{font-size:11px;padding:7px 12px}.spinner-large{border-width:3px;height:40px;width:40px}.error-container p,.loading-container p{font-size:12px}.btn-retry{font-size:11px;padding:7px 16px}}.manage-documents-page{margin:0 auto;max-width:1200px;padding:24px}.page-header{align-items:flex-start;display:flex;justify-content:space-between}.page-header-content{align-items:center;display:flex;gap:16px}.page-icon{stroke:#4db8ff;background:linear-gradient(135deg,#4db8ff1a,#3da8ef26);border-radius:10px;height:40px;min-width:40px;padding:8px;width:40px}.page-title{letter-spacing:-.5px;line-height:1.2}.page-subtitle{font-size:15px;font-weight:400;line-height:1.5}.message-banner{align-items:center;animation:slideDown .3s ease;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:20px;padding:14px 18px}.message-icon{stroke:currentColor;height:20px;min-width:20px;width:20px}.message-banner.success{background:#d4edda;border-left:4px solid #28a745;color:#155724}.message-banner.error{background:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.upload-section{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;padding:20px}.upload-area{background:#fafafa;border:2px dashed #d0d0d0;border-radius:10px;cursor:pointer;padding:50px 30px;text-align:center;transition:all .3s ease}.upload-area:hover{background:#f0f9ff;border-color:#4db8ff}.upload-area.drag-active{background:#e3f2fd;border-color:#4db8ff;transform:scale(1.01)}.upload-area.uploading{cursor:not-allowed;opacity:.7}.upload-icon{font-size:56px;margin-bottom:14px}.upload-text{color:#333;font-size:16px;margin:0 0 8px}.upload-text strong{color:#4db8ff;font-weight:600}.upload-hint{color:#999;font-size:13px;margin:0}.upload-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4db8ff;height:45px;margin:0 auto 14px;width:45px}.documents-section{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-title{color:#1a1a1a;font-size:18px;margin:0}.documents-count{background:#f5f5f5;border-radius:20px;color:#666;font-size:13px;font-weight:500;padding:5px 12px}.empty-state,.loading-state{padding:50px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-top-color:#4db8ff;height:45px;margin:0 auto 16px;width:45px}.empty-icon{stroke:#999;height:60px;margin:0 auto 16px;width:60px}.empty-state p,.loading-state p{color:#666;font-size:15px;margin:8px 0}.empty-hint{color:#999!important;font-size:14px!important}.documents-table-wrapper{overflow-x:auto}.documents-table{border-collapse:collapse;width:100%}.documents-table thead{background:#f8f9fa}.documents-table th{border-bottom:2px solid #e0e0e0;color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.documents-table td,.documents-table th{font-family:inherit;line-height:1.4;padding:12px}.documents-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px}.documents-table tbody tr{transition:background .2s ease}.documents-table tbody tr:hover{background:#f8f9fa}.doc-name{align-items:center;display:flex;font-weight:500;gap:10px}.doc-icon{stroke:#4db8ff;height:20px;min-width:20px;width:20px}.doc-icon svg{height:100%;width:100%}.link-btn{background:#0000;border:none;color:#4db8ff;cursor:pointer;font-family:inherit;font-size:13px;padding:0;text-decoration:underline;transition:color .2s ease}.link-btn:hover{color:#3da8ef}.google-docs-cell{max-width:300px}.link-input{border:2px solid #4db8ff;border-radius:6px;font-family:inherit;font-size:13px;outline:none;padding:6px 10px;transition:border-color .2s ease;width:100%}.link-input:focus{border-color:#3da8ef}.link-display a{color:#4db8ff;font-size:13px;text-decoration:none;transition:color .2s ease}.link-display a:hover{color:#3da8ef;text-decoration:underline}.no-link{color:#999;font-size:13px;font-style:italic}.badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.badge-pdf{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}.badge-doc,.badge-docx{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.badge-excel,.badge-xls,.badge-xlsx{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.actions-cell,.actions-column{text-align:right}.actions-cell{white-space:nowrap}.action-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;margin-left:4px;padding:6px 10px;transition:all .3s ease}.action-btn svg{stroke:currentColor;height:18px;width:18px}.edit-btn{color:#fdb208}.edit-btn:hover{background:#fdb2081a;transform:translateY(-1px)}.save-btn{color:#fdb208}.save-btn:hover{background:#fdb2081a;transform:translateY(-1px)}.cancel-btn{color:#000}.cancel-btn:hover{background:#0000001a;transform:translateY(-1px)}.download-btn:hover{background:#fdb2081a}.delete-btn:hover{background:#0000001a}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:450px;padding:32px;width:90%}.modal-title{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 16px}.modal-text{color:#666;font-size:16px;line-height:1.6;margin:0 0 24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-cancel{background:#f5f5f5;color:#333}.btn-cancel:hover{background:#e0e0e0}.btn-delete{background:#000;color:#fff}.btn-delete:hover{background:#1f1f1f;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}@media (max-width:1024px){.manage-documents-page{padding:20px}.page-header{flex-wrap:wrap;margin-bottom:22px}.page-icon{height:38px;width:38px}.page-title{font-size:26px}.page-subtitle{font-size:14px}.documents-section,.upload-section{padding:18px}.upload-area{padding:45px 25px}.upload-icon{font-size:52px}.documents-table td,.documents-table th{font-size:13px;padding:11px 10px}.doc-icon{height:19px;width:19px}.action-btn{padding:5px 9px}.action-btn svg{height:17px;width:17px}.modal-content{max-width:420px;padding:28px}.modal-title{font-size:22px}.modal-text{font-size:15px}.modal-actions{gap:10px}.btn{font-size:14px;padding:10px 20px}}@media (max-width:768px){.manage-documents-page{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:20px}.page-header-content{gap:12px;width:100%}.page-icon{height:36px;min-width:36px;width:36px}.page-title{font-size:24px;margin:0 0 4px}.page-subtitle{font-size:14px}.message-banner{font-size:13px;gap:8px;margin-bottom:18px;padding:13px 16px}.message-icon{height:18px;width:18px}.documents-section,.upload-section{margin-bottom:20px;padding:16px}.upload-area{padding:40px 20px}.upload-icon{font-size:48px;margin-bottom:12px}.upload-text{font-size:15px}.upload-hint{font-size:12px}.upload-spinner{border-width:3px;height:40px;width:40px}.section-header{margin-bottom:14px}.section-title{font-size:17px}.documents-count{font-size:12px}.documents-table-wrapper{overflow-x:auto}.documents-table{font-size:13px;min-width:700px}.documents-table th{font-size:11px;padding:10px 8px}.documents-table td{font-size:12px;padding:10px 8px}.doc-name{gap:8px}.doc-icon{height:18px;width:18px}.badge{font-size:10px;padding:3px 8px}.link-btn,.link-input{font-size:12px}.link-input{padding:5px 9px}.action-btn{padding:5px 8px}.action-btn svg{height:16px;width:16px}.empty-state,.loading-state{padding:45px 20px}.spinner{border-width:3px;height:40px;width:40px}.empty-icon{height:55px;width:55px}.empty-state p,.loading-state p{font-size:14px}.empty-hint{font-size:13px!important}.modal-content{max-width:420px;padding:24px}.modal-title{font-size:20px;margin:0 0 14px}.modal-text{font-size:14px;margin:0 0 20px}.modal-actions{gap:10px}.btn{font-size:14px;padding:10px 20px}}@media (max-width:480px){.manage-documents-page{padding:12px}.page-header-content{gap:10px;width:100%}.page-icon{height:32px;min-width:32px;width:32px}.page-title{font-size:22px;margin:0 0 4px}.page-subtitle{font-size:13px}.message-banner{font-size:12px;gap:6px;margin-bottom:16px;padding:11px 12px}.message-icon{height:16px;min-width:16px;width:16px}.documents-section,.upload-section{border-radius:8px;margin-bottom:18px;padding:14px}.upload-area{border-radius:8px;padding:35px 16px}.upload-area:hover{background:#fafafa;border-color:#d0d0d0}.upload-icon{font-size:44px;margin-bottom:10px}.upload-text{font-size:14px;margin:0 0 6px}.upload-hint{font-size:11px}.upload-spinner{border-width:3px;height:36px;margin:0 auto 10px;width:36px}.section-header{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:12px}.section-title{font-size:16px;margin:0}.documents-count{font-size:11px;padding:4px 10px}.documents-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:scroll}.documents-table{font-size:12px;min-width:600px}.documents-table thead{background:#f8f9fa}.documents-table th{font-size:10px;font-weight:600;padding:9px 7px}.documents-table td{font-size:11px;padding:9px 7px}.doc-name{gap:7px}.doc-icon{height:16px;min-width:16px;width:16px}.badge{font-size:9px;padding:3px 7px}.link-btn,.link-input{font-size:11px}.link-input{padding:5px 8px}.link-display a{font-size:11px}.action-btn{padding:4px 6px}.action-btn svg{height:15px;width:15px}.actions-cell{text-align:left}.empty-state,.loading-state{padding:40px 15px}.spinner{border-width:3px;height:36px;margin:0 auto 12px;width:36px}.empty-icon{height:50px;margin:0 auto 12px;width:50px}.empty-state p,.loading-state p{font-size:13px;margin:6px 0}.empty-hint{font-size:12px!important}.modal-content{max-width:90%;padding:20px;width:90%}.modal-title{font-size:18px;margin:0 0 12px}.modal-text{font-size:13px;margin:0 0 16px}.modal-actions{flex-wrap:wrap;gap:8px}.btn{font-size:13px;padding:9px 16px}.btn-cancel,.btn-delete{flex:1 1;min-width:100px}}@media (max-width:360px){.manage-documents-page{padding:10px}.page-header{gap:10px}.page-icon{height:28px;min-width:28px;width:28px}.page-title{font-size:20px}.page-subtitle{font-size:12px}.message-banner{font-size:11px;gap:5px;margin-bottom:14px;padding:9px 10px}.message-icon{height:14px;min-width:14px;width:14px}.documents-section,.upload-section{margin-bottom:16px;padding:12px}.upload-area{padding:30px 14px}.upload-icon{font-size:40px;margin-bottom:8px}.upload-text{font-size:13px;margin:0 0 4px}.upload-hint{font-size:10px}.upload-spinner{height:32px;width:32px}.section-title{font-size:15px}.documents-count{font-size:10px;padding:3px 8px}.documents-table{font-size:11px;min-width:520px}.documents-table th{font-size:9px;padding:8px 6px}.documents-table td{font-size:10px;padding:8px 6px}.doc-icon{height:14px;width:14px}.badge{font-size:8px;padding:2px 5px}.link-btn,.link-input{font-size:10px}.link-input{padding:4px 7px}.action-btn{padding:3px 5px}.action-btn svg{height:14px;width:14px}.empty-state,.loading-state{padding:30px 12px}.spinner{height:32px;margin:0 auto 10px;width:32px}.empty-icon{height:45px;margin:0 auto 10px;width:45px}.empty-state p,.loading-state p{font-size:12px}.modal-content{padding:16px;width:calc(100% - 8px)}.modal-title{font-size:16px;margin:0 0 10px}.modal-text{font-size:12px;margin:0 0 14px}.modal-actions{flex-direction:column;gap:6px}.btn{font-size:12px;padding:8px 14px;width:100%}}.change-password-page{background:#f8f9fa;min-height:100vh;padding:20px}.change-password-container{margin:0 auto;max-width:600px;padding:20px 0}.change-password-header{margin-bottom:30px;text-align:center}.page-title{color:#1a1a1a;font-size:32px;margin-bottom:8px}.page-subtitle{color:#666;font-size:16px}.alert{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:20px;padding:14px 18px}.alert-success{background:#d4edda;border-left:4px solid #28a745;color:#155724}.alert-error{background:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.alert-close{background:#0000;color:inherit;font-size:24px;padding:0 8px;transition:opacity .2s ease}.change-password-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:40px}.password-form{margin-bottom:30px}.form-group{margin-bottom:24px}.form-label{color:#1a1a1a;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.required{color:#dc3545}.password-input-wrapper{align-items:center;display:flex;position:relative}.form-input{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:15px;padding:12px 45px 12px 16px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#fdb208;box-shadow:0 0 0 3px #fdb2081a;outline:none}.password-toggle{background:#0000;border:none;cursor:pointer;font-size:20px;opacity:.6;padding:4px;position:absolute;right:12px;transition:opacity .2s ease}.password-toggle:hover{opacity:1}.password-strength{align-items:center;display:flex;gap:10px;margin-top:8px}.strength-bar{background:#e0e0e0;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.strength-fill{border-radius:2px;height:100%;transition:width .3s ease,background-color .3s ease}.strength-fill.strength-weak{background:#dc3545}.strength-fill.strength-medium{background:#fdb208}.strength-fill.strength-strong{background:#10b981}.strength-text{font-size:13px;font-weight:600;min-width:60px}.form-hint{color:#666}.form-error,.form-hint{font-size:13px;margin-top:6px}.form-error{color:#dc3545;font-weight:500}.form-actions{margin-top:30px}.btn-submit{align-items:center;background:#fdb208;border:none;border-radius:8px;box-shadow:0 2px 8px #fdb2084d;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease;width:100%}.btn-submit:hover:not(:disabled){background:#e5a007;box-shadow:0 4px 12px #fdb20866;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.7;transform:none}.spinner{border:2px solid #000;border-top-color:#0000;height:16px;width:16px}.security-tips{background:#f8f9fa;border-left:4px solid #fdb208;border-radius:8px;padding:20px}.security-tips h3{color:#1a1a1a;font-size:16px;font-weight:700;margin:0 0 12px}.security-tips ul{list-style:none;margin:0;padding-left:20px}.security-tips li{color:#666;font-size:14px;margin-bottom:8px;padding-left:8px;position:relative}.security-tips li:before{color:#10b981;content:"✓";font-weight:700;left:-12px;position:absolute}.security-tips li:last-child{margin-bottom:0}@media (max-width:768px){.change-password-card{padding:30px 20px}.page-title{font-size:28px}.page-subtitle{font-size:14px}}@media (max-width:480px){.change-password-page{padding:10px}.change-password-card{padding:20px 15px}.page-title{font-size:24px}.form-input{font-size:14px;padding:10px 40px 10px 14px}.btn-submit{font-size:15px;padding:12px 20px}}.pdf-demo-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:1200px;padding:40px 20px}.demo-header{margin-bottom:40px;text-align:center}.demo-header h1{color:#1f2937;font-size:2.5rem;margin-bottom:10px}.demo-header p{color:#6b7280;font-size:1.1rem}.step-navigator{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:40px}.step-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:15px 25px;transition:all .3s}.step-btn:hover{border-color:#3b82f6;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.step-btn.active{background:#eff6ff;border-color:#3b82f6}.step-btn.completed{background:#f0fdf4;border-color:#10b981}.step-number{align-items:center;background:#e5e7eb;border-radius:50%;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.step-btn.active .step-number{background:#3b82f6;color:#fff}.step-btn.completed .step-number{background:#10b981;color:#fff}.step-name{color:#6b7280;font-size:.9rem;font-weight:500}.step-content{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;margin-bottom:30px;padding:40px}.step-detail h2{color:#1f2937;font-size:2rem;margin-bottom:10px}.step-description{color:#6b7280;font-size:1.2rem;margin-bottom:30px}.step-details-box{background:#f9fafb;border-left:4px solid #3b82f6;border-radius:12px;margin-bottom:30px;padding:25px}.step-details-box h3{color:#1f2937;font-size:1.3rem;margin-bottom:15px}.step-details-box ul{list-style:none;margin:0;padding:0}.step-details-box li{color:#374151;font-size:1.05rem;line-height:1.6;padding:10px 0}.tools-box{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:12px;margin-bottom:30px;padding:25px}.tools-box h3{color:#92400e;margin-bottom:20px}.tools-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tool-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px}.tool-name{color:#1f2937;font-weight:700;margin-bottom:8px}.tool-badge{background:#10b981;border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;margin-bottom:8px;padding:4px 12px}.tool-link{color:#6b7280;font-size:.9rem}.screenshot-box{background:#f3f4f6;border:2px dashed #d1d5db;border-radius:12px;padding:60px;text-align:center}.screenshot-placeholder{color:#9ca3af}.screenshot-placeholder span{display:block;font-size:4rem;margin-bottom:15px}.screenshot-placeholder p{font-size:1.2rem;margin-bottom:5px}.screenshot-placeholder small{font-size:.9rem}.demo-navigation{display:flex;gap:20px;justify-content:space-between;margin-bottom:50px}.nav-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s}.nav-btn.prev{background:#e5e7eb;color:#374151}.nav-btn.next{background:#3b82f6;color:#fff}.nav-btn:hover:not(:disabled){box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.comparison-section{margin-bottom:50px}.comparison-section h2{color:#1f2937;font-size:2rem;margin-bottom:30px;text-align:center}.comparison-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.comparison-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:30px}.comparison-card h3{border-bottom:3px solid;font-size:1.4rem;margin-bottom:20px;padding-bottom:15px}.comparison-card.current h3{border-color:#f59e0b;color:#92400e}.comparison-card.pdf-template h3{border-color:#10b981;color:#065f46}.comparison-card ul{list-style:none;margin:0;padding:0}.comparison-card li{border-radius:6px;font-size:1rem;margin-bottom:8px;padding:12px}.comparison-card li.pro{background:#f0fdf4;color:#065f46}.comparison-card li.con{background:#fef2f2;color:#991b1b}.comparison-card li.neutral{background:#fef3c7;color:#92400e}.implementation-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:50px;padding:50px}.implementation-section h2{color:#fff;font-size:2rem;margin-bottom:40px;text-align:center}.implementation-steps{display:flex;flex-direction:column;gap:25px}.impl-step{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;gap:20px;padding:25px}.impl-number{align-items:center;background:#fff;border-radius:50%;color:#667eea;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.impl-content h4{font-size:1.3rem;margin-bottom:10px}.impl-content p{line-height:1.6;margin-bottom:8px}.impl-note{background:#fff3;border-radius:6px;font-size:.95rem;margin-top:10px;padding:10px}.decision-box{background:#fef3c7;border-radius:16px;margin-bottom:50px;padding:40px}.decision-box h3{color:#92400e;font-size:2rem;margin-bottom:30px;text-align:center}.decision-options{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.decision-option{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:30px}.decision-option h4{color:#1f2937;font-size:1.4rem;margin-bottom:20px}.decision-option ul{list-style:none;margin-bottom:25px;padding:0}.decision-option li{background:#f9fafb;border-radius:6px;margin-bottom:8px;padding:10px}.decision-btn{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px;transition:all .3s;width:100%}.decision-btn.recommended{background:#10b981;color:#fff}.decision-btn.alternative{background:#f59e0b;color:#fff}.decision-btn:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.demo-footer{background:#f9fafb;border-radius:12px;color:#6b7280;padding:30px;text-align:center}.demo-footer strong{color:#1f2937;font-size:1.1rem}@media (max-width:1024px){.comparison-grid,.decision-options{grid-template-columns:1fr}}@media (max-width:768px){.pdf-demo-container{padding:20px 15px}.demo-header h1{font-size:2rem}.demo-header p{font-size:1rem}.step-navigator{gap:10px}.step-btn{padding:10px 15px}.step-number{font-size:1rem;height:35px;width:35px}.step-name{font-size:.8rem}.step-content{padding:25px 20px}.step-detail h2{font-size:1.6rem}.step-description{font-size:1.1rem}.step-details-box{padding:20px}.step-details-box h3{font-size:1.1rem}.step-details-box li{font-size:.95rem}.tools-box{padding:20px}.tools-grid{grid-template-columns:1fr}.screenshot-box{padding:40px 20px}.screenshot-placeholder span{font-size:3rem}.comparison-section h2{font-size:1.6rem}.comparison-grid,.decision-options{grid-template-columns:1fr}.comparison-card{padding:20px}.comparison-card h3{font-size:1.2rem}.comparison-card li{font-size:.9rem;padding:10px}.implementation-section{padding:30px 20px}.implementation-section h2{font-size:1.6rem}.impl-step{flex-direction:column;padding:20px}.impl-content h4{font-size:1.1rem}.impl-content p{font-size:.95rem}.decision-box{padding:30px 20px}.decision-box h3{font-size:1.6rem}.decision-option{padding:20px}.decision-option h4{font-size:1.2rem}.decision-option li{font-size:.9rem}.demo-navigation{flex-direction:column}.nav-btn{width:100%}}@media (max-width:480px){.pdf-demo-container{padding:15px 10px}.demo-header{margin-bottom:30px}.demo-header h1{font-size:1.6rem}.demo-header p{font-size:.9rem}.step-navigator{gap:8px}.step-btn{padding:8px 12px}.step-number{font-size:.9rem;height:30px;width:30px}.step-name{font-size:.75rem}.step-content{padding:20px 15px}.step-detail h2{font-size:1.4rem}.step-description{font-size:1rem}.step-details-box{padding:15px}.step-details-box h3{font-size:1rem}.step-details-box li{font-size:.9rem;padding:8px 0}.tools-box{padding:15px}.tools-box h3{font-size:1rem}.tool-card{padding:15px}.tool-name{font-size:.9rem}.tool-badge{font-size:.75rem;padding:3px 10px}.tool-link{font-size:.8rem}.screenshot-box{padding:30px 15px}.screenshot-placeholder span{font-size:2.5rem}.screenshot-placeholder p{font-size:1rem}.screenshot-placeholder small{font-size:.8rem}.comparison-section{margin-bottom:30px}.comparison-section h2{font-size:1.4rem}.comparison-card{padding:15px}.comparison-card h3{font-size:1.1rem}.comparison-card li{font-size:.85rem;padding:8px}.implementation-section{margin-bottom:30px;padding:25px 15px}.implementation-section h2{font-size:1.4rem;margin-bottom:25px}.impl-step{padding:15px}.impl-number{font-size:1.2rem;height:40px;width:40px}.impl-content h4{font-size:1rem}.impl-content p{font-size:.9rem}.impl-note{font-size:.85rem;padding:8px}.decision-box{margin-bottom:30px;padding:20px 15px}.decision-box h3{font-size:1.4rem}.decision-option{padding:15px}.decision-option h4{font-size:1.1rem}.decision-option li{font-size:.85rem;padding:8px}.decision-btn{font-size:1rem;padding:12px}.demo-footer{padding:20px 15px}.demo-footer p{font-size:.9rem}.demo-footer strong{font-size:1rem}.nav-btn{font-size:.9rem;padding:10px 20px}}@media (max-width:360px){.demo-header h1{font-size:1.4rem}.comparison-section h2,.decision-box h3,.implementation-section h2,.step-detail h2{font-size:1.2rem}}.update-notifier-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.update-notifier-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;text-align:center;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.update-icon{animation:rotate 2s linear infinite;font-size:64px;margin-bottom:20px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.update-notifier-modal h3{color:#111827;font-size:24px;font-weight:700;margin-bottom:12px}.update-notifier-modal p{color:#6b7280;font-size:16px;line-height:1.6;margin-bottom:30px}.update-actions{display:flex;gap:12px;justify-content:center}.update-actions button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .2s ease}.btn-update{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.btn-update:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-update:active{transform:translateY(0)}.btn-dismiss{background:#f3f4f6;color:#6b7280}.btn-dismiss:hover{background:#e5e7eb;color:#374151}@media (max-width:480px){.update-notifier-modal{padding:30px 20px}.update-notifier-modal h3{font-size:20px}.update-notifier-modal p{font-size:14px}.update-actions{flex-direction:column}.update-actions button{width:100%}}.email-settings-page{margin:0 auto;max-width:1400px;padding:24px}.page-header{margin-bottom:24px}.page-title{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 6px}.page-subtitle{color:#6b7280;font-size:14px;margin:0}.modern-alert{align-items:center;animation:slideDown .3s ease;border-radius:10px;display:flex;gap:12px;margin-bottom:24px;padding:14px 18px;position:relative}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modern-alert.alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.modern-alert.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-icon{flex-shrink:0;height:20px;width:20px}.alert-icon svg{height:100%;width:100%}.alert-text{flex:1 1;font-size:14px;font-weight:500}.alert-close{align-items:center;background:none;border:none;color:currentColor;cursor:pointer;display:flex;font-size:22px;height:24px;justify-content:center;opacity:.6;padding:0;transition:opacity .2s;width:24px}.alert-close:hover{opacity:1}.email-settings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 380px}.instructions-card,.settings-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.card-header{border-bottom:1px solid #e5e7eb;padding:20px 24px}.card-title{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.card-subtitle{color:#6b7280;font-size:13px;margin:4px 0 0}.settings-form{padding:24px}.form-section{margin-bottom:28px}.form-section:last-of-type{margin-bottom:0}.section-title{border-bottom:1px solid #e5e7eb;color:#374151;font-size:15px;font-weight:600;margin:0 0 16px;padding-bottom:10px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.form-field{margin-bottom:18px}.form-field:last-child{margin-bottom:0}.form-field label{color:#374151;display:block;font-size:13px;font-weight:600;letter-spacing:.01em;margin-bottom:7px}.form-field input[type=email],.form-field input[type=number],.form-field input[type=password],.form-field input[type=text]{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;color:#1f2937;font-family:inherit;font-size:14px;padding:11px 14px;transition:all .2s ease;width:100%}.form-field input::placeholder{color:#9ca3af;opacity:1}.form-field input:hover{border-color:#9ca3af}.form-field input:focus{background:#fafbff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-field input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.form-field small{color:#6b7280;display:block;font-size:12px;line-height:1.4;margin-top:5px}.required{color:#ef4444;font-weight:600;margin-left:2px}.form-field .toggle-label{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:0;position:relative;-webkit-user-select:none;user-select:none;width:100%}.toggle-label input[type=checkbox]{height:0;margin:0;opacity:0;position:absolute;width:0}.toggle-text{color:#1f2937;flex:1 1;font-size:14px;font-weight:600;margin-right:16px}.toggle-switch{background:#cbd5e1;border-radius:14px;box-shadow:inset 0 2px 4px #0000001a;display:inline-block;flex-shrink:0;height:28px;position:relative;transition:all .3s ease;width:52px}.toggle-switch:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:24px;left:2px;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.toggle-label input[type=checkbox]:checked~.toggle-switch{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:inset 0 2px 4px #00000026,0 0 12px #667eea66}.toggle-label input[type=checkbox]:checked~.toggle-switch:before{box-shadow:0 2px 6px #00000040;transform:translateX(24px)}.toggle-label:hover .toggle-switch{box-shadow:inset 0 2px 4px #00000026,0 0 8px #0000001a}.toggle-label:active .toggle-switch:before{width:28px}@keyframes toggleBounce{0%{transform:translateX(24px)}50%{transform:translateX(26px)}to{transform:translateX(24px)}}.toggle-label input[type=checkbox]:checked~.toggle-switch:before{animation:toggleBounce .3s ease}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;margin-top:28px;padding-top:20px}.modern-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.modern-btn:disabled{cursor:not-allowed;opacity:.5}.modern-btn.primary{background:#6366f1;color:#fff}.modern-btn.primary:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.modern-btn.secondary{background:#f3f4f6;color:#374151}.modern-btn.secondary:hover:not(:disabled){background:#e5e7eb}.spinner{animation:spin .6s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.instructions-content{animation:slideDown .3s ease;padding:20px 24px}.instruction-section{margin-bottom:24px}.instruction-section:last-child{margin-bottom:0}.instruction-section h4{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 12px}.instruction-section ol{color:#4b5563;font-size:13px;margin:0;padding-left:20px}.instruction-section ol li{line-height:1.6;margin-bottom:10px}.instruction-section ol li:last-child{margin-bottom:0}.instruction-section ol li strong{color:#1f2937;font-weight:600}.instruction-section ol li p{color:#6b7280;font-size:13px;margin:4px 0 0}.instruction-section a{color:#6366f1;font-weight:500;text-decoration:none}.instruction-section a:hover{text-decoration:underline}.instruction-section code{background:#f3f4f6;border-radius:4px;color:#ef4444;font-family:Courier New,monospace;font-size:12px;padding:2px 6px}.settings-list{gap:10px}.setting-item,.settings-list{display:flex;flex-direction:column}.setting-item{background:#f9fafb;border-radius:6px;font-size:13px;gap:4px;padding:10px 12px}.setting-item strong{color:#374151;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.setting-item code{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#1f2937;font-size:12px;padding:2px 6px}.setting-item span{color:#6b7280}.tips-list{color:#4b5563;font-size:13px;margin:0;padding-left:20px}.tips-list li{line-height:1.6;margin-bottom:8px}.tips-list li:last-child{margin-bottom:0}.tips-list code{background:#f3f4f6;border-radius:4px;color:#6366f1;font-size:12px;padding:2px 6px}@media (max-width:1200px){.email-settings-grid{gap:20px;grid-template-columns:1fr}.instructions-card{order:2}}@media (max-width:768px){.email-settings-page{padding:12px}.page-header{margin-bottom:16px}.page-title{font-size:22px}.modern-alert,.page-subtitle{font-size:13px}.modern-alert{margin-bottom:16px;padding:12px 14px}.email-settings-grid{gap:16px}.card-header{padding:16px 18px}.card-title{font-size:16px}.card-subtitle{font-size:12px}.settings-form{padding:18px}.form-section{margin-bottom:20px}.section-title{font-size:14px;margin-bottom:12px}.form-row{gap:0;grid-template-columns:1fr;margin-bottom:0}.form-field{margin-bottom:14px}.form-field label{font-size:12px;margin-bottom:5px}.form-field input{font-size:14px;padding:9px 12px}.form-field small{font-size:11px;margin-top:3px}.toggle-label{padding:0}.toggle-text{font-size:13px;margin-right:12px}.toggle-switch{height:26px;width:48px}.toggle-switch:before{height:22px;width:22px}.toggle-label input[type=checkbox]:checked~.toggle-switch:before{transform:translateX(22px)}@keyframes toggleBounce{0%{transform:translateX(22px)}50%{transform:translateX(24px)}to{transform:translateX(22px)}}.form-actions{flex-direction:column;gap:10px;margin-top:20px;padding-top:16px}.modern-btn{font-size:14px;justify-content:center;padding:11px 18px;width:100%}.instructions-content{padding:16px 18px}.instruction-section{margin-bottom:20px}.instruction-section h4{font-size:13px;margin-bottom:10px}.instruction-section ol,.tips-list{font-size:12px;padding-left:18px}.instruction-section ol li{margin-bottom:8px}.instruction-section ol li p,.setting-item{font-size:12px}.setting-item{padding:8px 10px}.setting-item code,.setting-item strong{font-size:11px}}@media (max-width:480px){.email-settings-page{padding:8px}.page-title{font-size:20px}.page-subtitle{font-size:12px}.card-header{padding:14px 16px}.card-title{font-size:15px}.settings-form{padding:14px}.form-field input{font-size:16px}.modern-btn{font-size:13px;padding:12px 16px}.instructions-content{padding:14px 16px}.instruction-section ol,.tips-list{font-size:11px}}*{box-sizing:border-box;margin:0;padding:0}.App{font-family:var(--font-sans);min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}
/*# sourceMappingURL=main.5dc11e10.css.map*/