:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--primary-light: #dbeafe;--secondary-color: #64748b;--success-color: #10b981;--success-light: #d1fae5;--error-color: #ef4444;--warning-color: #f59e0b;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--border-color: #e2e8f0;--border-color-focus: #2563eb;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-xs: var(--spacing-1);--spacing-sm: var(--spacing-2);--spacing-md: var(--spacing-4);--spacing-lg: var(--spacing-6);--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .3s ease-in-out;--transition-spring: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{font-family:var(--font-family);line-height:1.6;color:var(--gray-800);background-color:var(--bg-secondary);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:var(--primary-color);transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;border-radius:var(--border-radius-md);transition:all var(--transition-fast);font-weight:500}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:inherit}input:focus,select:focus,textarea:focus,button:focus{outline:2px solid var(--primary-color);outline-offset:2px}ul,ol{list-style:none}img{max-width:100%;height:auto}table{border-collapse:collapse;border-spacing:0}input,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{color:var(--gray-900);font-weight:600;line-height:1.2;margin-bottom:var(--spacing-4)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-6)}h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin-bottom:var(--spacing-4);line-height:1.6}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-success{color:var(--success-color)}.text-error{color:var(--error-color)}.text-warning{color:var(--warning-color)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-800{color:var(--gray-800)}.text-gray-900{color:var(--gray-900)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.leading-tight{line-height:1.2}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.6}.leading-loose{line-height:2}code,pre{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm)}.code{background-color:var(--gray-100);padding:var(--spacing-3);border-radius:var(--border-radius-md);border:1px solid var(--border-color);word-break:break-all;margin:var(--spacing-2) 0}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.m-0{margin:0}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-10{margin:var(--spacing-10)}.m-12{margin:var(--spacing-12)}.m-16{margin:var(--spacing-16)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mr-4{margin-right:var(--spacing-4)}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.p-12{padding:var(--spacing-12)}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-none{max-width:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.border{border:1px solid var(--border-color)}.border-0{border:none}.border-t{border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.rounded{border-radius:var(--border-radius-md)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.rounded-full{border-radius:9999px}.rounded-none{border-radius:0}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow,.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.fade-in{animation:fadeIn var(--transition-normal) ease-out}.slide-in{animation:slideIn var(--transition-normal) ease-out}@media (max-width: 640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:text-sm{font-size:var(--font-size-sm)}.sm\:p-4{padding:var(--spacing-4)}.sm\:px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.sm\:py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}}@media (max-width: 768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:flex-col{flex-direction:column}}@media (max-width: 1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes successShine{0%{left:-100%}to{left:100%}}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes validationPulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes errorPulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-10px,0)}70%{transform:translate3d(0,-5px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-shake{animation:shake .5s ease-in-out}.hover-lift{transition:transform var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--transition-fast)}.hover-glow:hover{box-shadow:0 0 20px #2563eb4d}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-2)}.skeleton-text:last-child{margin-bottom:0;width:60%}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-button{height:40px;border-radius:var(--border-radius-lg);width:120px}.progress-bar{background-color:var(--gray-200);border-radius:var(--border-radius-sm);overflow:hidden;height:8px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--success-color));border-radius:var(--border-radius-sm);transition:width var(--transition-normal);position:relative}.progress-fill.animated:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.enter-from-top{animation:slideDownIn .3s ease-out}.enter-from-bottom{animation:slideUpIn .3s ease-out}.enter-from-left{animation:slideInLeft .3s ease-out}.enter-from-right{animation:slideInRight .3s ease-out}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.exit-to-top{animation:slideUpOut .3s ease-in}.exit-to-bottom{animation:slideDownOut .3s ease-in}.exit-fade{animation:fadeOut .3s ease-in}@keyframes slideUpOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes slideDownOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.notification-enter{animation:notificationSlideIn .3s ease-out}.notification-exit{animation:notificationSlideOut .3s ease-in}@keyframes notificationSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes notificationSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.skeleton{animation:none;background:var(--gray-200)}.progress-fill.animated:after{animation:none}}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}#root{margin:0;padding:0;width:100%}.app-container{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);position:relative;margin:0;padding:0;width:100vw;left:0;top:0}.app-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,var(--primary-light) 0%,transparent 50%),radial-gradient(circle at 75% 75%,var(--primary-light) 0%,transparent 50%);opacity:.3;pointer-events:none;z-index:-1}.header{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 3px #0000001a;border-bottom:1px solid rgba(226,232,240,.8);padding:0;margin:0;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);width:100vw;height:60px;transition:height var(--transition-fast)}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:none;padding:var(--spacing-1) var(--spacing-4);height:100%;margin:0}.header .logo h1{margin:0;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.025em;transition:transform var(--transition-fast)}.header .logo:hover h1{transform:scale(1.05)}.main-nav ul{display:flex;list-style:none;gap:var(--spacing-1);margin:0;padding:0}.main-nav a{font-weight:500;color:var(--gray-600);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);text-decoration:none;font-size:var(--font-size-sm);border:1px solid transparent;display:flex;align-items:center;height:32px;white-space:nowrap}.main-nav a:hover{color:var(--primary-color);background-color:var(--primary-light);border-color:#2563eb33}.main-nav a.active{color:var(--primary-color);background-color:var(--primary-light);font-weight:600;border-color:#2563eb4d}.header-actions{display:flex;align-items:center;gap:var(--spacing-2)}.user-info{display:flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);background:#f8fafccc;border-radius:var(--border-radius-md);border:1px solid rgba(226,232,240,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all var(--transition-fast);height:32px}.user-info:hover{background:#f8fafc;border-color:var(--border-color)}.user-greeting{font-size:var(--font-size-sm);color:var(--gray-700);font-weight:500;white-space:nowrap}.header-actions .btn-ghost{background:#f8fafccc;border:1px solid rgba(226,232,240,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all var(--transition-fast);padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm);height:32px;display:flex;align-items:center}.header-actions .btn-ghost:hover{background:#ef44441a;border-color:#ef44444d;color:var(--error-color)}.app-container{width:100%;margin:0;padding:0}.main-content{flex-grow:1;padding:var(--spacing-6);max-width:1400px;margin:calc(35px + var(--spacing-1)) auto 0 auto;width:100%;position:relative;z-index:1}.footer{background:#f8fafcf2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--spacing-4) var(--spacing-6);text-align:center;margin-top:auto;border-top:1px solid rgba(226,232,240,.8);color:var(--gray-600);font-size:var(--font-size-sm)}.dashboard-widgets{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-6)}.widget{background-color:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:box-shadow var(--transition-fast)}.widget:hover{box-shadow:var(--shadow-lg)}.widget h3{margin-bottom:var(--spacing-4);color:var(--gray-800);font-size:var(--font-size-lg);font-weight:600}.content-section{margin-bottom:var(--spacing-8)}.card{background-color:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-color)}.card-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900)}.card-body{margin-bottom:var(--spacing-4)}.card-footer{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.table-container{overflow-x:auto;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.table{width:100%;border-collapse:collapse;background-color:var(--bg-primary)}.table th,.table td{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--border-color)}.table th{background-color:var(--bg-secondary);font-weight:600;color:var(--gray-700);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.table tbody tr:hover{background-color:var(--bg-secondary)}.table tbody tr:last-child td{border-bottom:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.container-fluid{width:100%;padding:0 var(--spacing-4)}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--spacing-2) * -1)}.col{flex:1;padding:0 var(--spacing-2)}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-6{flex:0 0 50%;max-width:50%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-12{flex:0 0 100%;max-width:100%}.layout-with-sidebar{display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-6);min-height:calc(100vh - 80px)}.sidebar{background-color:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);height:fit-content;position:sticky;top:calc(80px + var(--spacing-8))}.content-area{min-width:0}.loading-container{display:flex;align-items:center;justify-content:center;min-height:60vh;flex-direction:column;gap:var(--spacing-4)}.loading-spinner-large{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;box-shadow:var(--shadow-md)}.empty-state{text-align:center;padding:var(--spacing-12) var(--spacing-6);color:var(--gray-500)}.empty-state h3{color:var(--gray-600);margin-bottom:var(--spacing-2)}.empty-state p{margin-bottom:var(--spacing-6);max-width:400px;margin-left:auto;margin-right:auto}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-content>*{animation:slideInUp .6s ease-out}.api-status{position:fixed;top:0;left:0;right:0;background-color:var(--success-color);color:#fff;padding:var(--spacing-2);text-align:center;font-size:var(--font-size-sm);font-weight:500;z-index:var(--z-toast);box-shadow:var(--shadow-md);transform:translateY(-100%);transition:transform var(--transition-normal)}.api-status.show{transform:translateY(0)}@media (max-width: 1024px){.layout-with-sidebar{grid-template-columns:1fr}.sidebar{position:static;margin-bottom:var(--spacing-6)}.main-content{padding:var(--spacing-6);max-width:none}}@media (max-width: 768px){.main-nav,.header-actions{display:none!important}.header{padding:var(--spacing-2) 0}.header-content{justify-content:space-between;padding:0 var(--spacing-4)}.header .logo{flex:1;display:flex;justify-content:flex-start}.header .logo h1{font-size:var(--font-size-lg)}.main-content{padding:var(--spacing-4);margin-top:calc(60px + var(--spacing-2))}.dashboard-widgets{grid-template-columns:1fr;gap:var(--spacing-4);margin-top:var(--spacing-4)}.section-header{gap:var(--spacing-3)}.section-actions{justify-content:flex-end}.user-greeting{display:none}.user-info{padding:var(--spacing-1) var(--spacing-2)}.col-md-12{flex:0 0 100%;max-width:100%}.col-md-6{flex:0 0 50%;max-width:50%}}@media (max-width: 480px){.header{height:56px}.header .logo h1{font-size:var(--font-size-base)}.header-content{padding:0 var(--spacing-3)}.main-content{padding:var(--spacing-3);margin-top:calc(56px + var(--spacing-1))}.widget{padding:var(--spacing-4)}.section-title{font-size:var(--font-size-xl)}.dashboard-widgets{grid-template-columns:1fr;gap:var(--spacing-4)}.footer{padding:var(--spacing-4)}.col-sm-12{flex:0 0 100%;max-width:100%}}.search-filters-container{margin-bottom:var(--spacing-6)}.search-filters-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-3)}.search-filters-row .filters{display:flex;gap:var(--spacing-3);flex:0 0 auto}.search-filters-row .filters .form-control{min-width:180px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-base);background-color:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast)}.search-filters-row .filters .form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.search-filters-row .search-bar{display:flex;gap:var(--spacing-2);flex:0 0 auto;margin-left:auto}.search-filters-row .search-bar .form-control{min-width:300px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-base);background-color:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast)}.search-filters-row .search-bar .form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.search-filters-row .search-bar .form-control::placeholder{color:var(--text-secondary)}.results-count{font-size:var(--font-size-sm);color:var(--text-secondary);padding-left:var(--spacing-2)}@media (max-width: 992px){.search-filters-row{flex-direction:column;align-items:stretch}.search-filters-row .search-bar{margin-left:0}.search-filters-row .filters,.search-filters-row .search-bar{width:100%}.search-filters-row .filters .form-control,.search-filters-row .search-bar .form-control{min-width:unset;flex:1}}@media (max-width: 768px){.search-filters-row .filters{flex-direction:column}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;white-space:nowrap;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-hover) 0%,#1e40af 100%);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-primary);color:var(--gray-700);border:2px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){border-color:var(--gray-300);box-shadow:var(--shadow-md);transform:translateY(-1px);background-color:var(--gray-50)}.btn-success{background-color:var(--success-color);color:#fff;box-shadow:var(--shadow-md)}.btn-success:hover:not(:disabled){background-color:#059669;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-error{background-color:var(--error-color);color:#fff;box-shadow:var(--shadow-md)}.btn-error:hover:not(:disabled){background-color:#dc2626;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-warning{background-color:var(--warning-color);color:#fff;box-shadow:var(--shadow-md)}.btn-warning:hover:not(:disabled){background-color:#d97706;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-info{background-color:#0ea5e9;color:#fff;box-shadow:var(--shadow-md)}.btn-info:hover:not(:disabled){background-color:#0284c7;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-danger{background-color:var(--error-color);color:#fff;box-shadow:var(--shadow-md)}.btn-danger:hover:not(:disabled){background-color:#dc2626;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-ghost{background:none;color:var(--primary-color);border:none;box-shadow:none}.btn-ghost:hover:not(:disabled){color:var(--primary-hover);background-color:var(--primary-light)}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-lg)}.btn-xl{padding:var(--spacing-5) var(--spacing-8);font-size:var(--font-size-xl)}.btn-full{width:100%}.btn-icon{padding:var(--spacing-3);min-width:auto}.btn-icon-sm{padding:var(--spacing-2)}.btn-icon-lg{padding:var(--spacing-4)}.btn-loading{position:relative;color:transparent}.btn-loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-10px 0 0 -10px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}.btn-loading.btn-primary:after,.btn-loading.btn-success:after,.btn-loading.btn-error:after,.btn-loading.btn-warning:after{border-top-color:#fff}.btn-loading.btn-secondary:after,.btn-loading.btn-ghost:after{border-top-color:var(--primary-color)}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}.btn-btn-password-toggle{position:absolute;right:var(--spacing-3);top:var(--spacing-3);background:none;border:none;cursor:pointer;padding:var(--spacing-1);color:var(--gray-400);font-size:var(--font-size-lg);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;text-decoration:none!important;outline:none;transform:translateY(2px);font-family:inherit}.btn-btn-password-toggle:hover{color:var(--gray-600);background-color:var(--gray-100);text-decoration:none!important}.btn-btn-password-toggle:focus{outline:2px solid var(--primary-color);outline-offset:2px;text-decoration:none!important}.btn-btn-password-toggle:active{transform:translateY(2px) scale(.95)}.btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast: high){.btn-secondary{border-width:2px}}@media (prefers-reduced-motion: reduce){.btn:hover{transform:none}.btn-loading:after{animation:none}}.form-group{margin-bottom:var(--spacing-6);position:relative}.form-group:last-of-type{margin-bottom:var(--spacing-8)}.form-group.error input,.form-group.error select{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.form-group.success input,.form-group.success select{border-color:var(--success-color);box-shadow:0 0 0 3px #10b9811a}.form-group.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.form-group.grid-2 .form-field{display:flex;flex-direction:column}.form-group.grid-2 .form-field label{margin-bottom:var(--spacing-2)}.form-group label{display:block;margin-bottom:var(--spacing-2);font-weight:600;color:var(--gray-700);font-size:var(--font-size-sm);letter-spacing:.025em}.form-group label{font-weight:600;color:var(--gray-700);display:flex;align-items:center}.required{color:var(--error-color);margin-left:var(--spacing-1);font-weight:600}.form-group small{display:block;margin-top:var(--spacing-1);color:var(--gray-500);font-size:var(--font-size-xs);line-height:1.4}.input-wrapper{position:relative;display:flex;flex-direction:column}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);background-color:var(--bg-primary);color:var(--gray-900);transition:all var(--transition-fast);line-height:1.5}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--border-color-focus);box-shadow:0 0 0 3px #2563eb1a;background-color:var(--bg-primary);transform:translateY(-1px)}.form-group input:hover:not(:focus),.form-group select:hover:not(:focus),.form-group textarea:hover:not(:focus){border-color:var(--gray-300)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--gray-400);font-size:var(--font-size-sm)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:var(--gray-100);color:var(--gray-500);cursor:not-allowed;opacity:.7}.input-error{border-color:var(--error-color)!important;background-color:#fef2f2!important}.input-success{border-color:var(--success-color)!important;box-shadow:0 0 0 3px #10b9811a!important;background-color:#f0fdf4!important}.input-validating{border-color:var(--primary-color)!important;position:relative}.form-group input:focus.input-error{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.form-group input:focus.input-success{border-color:var(--success-color);box-shadow:0 0 0 3px #10b9811a}.password-wrapper{position:relative;display:flex;flex-direction:column}.password-wrapper input{padding-right:calc(var(--spacing-4) + 2.5rem)!important;width:100%}.password-wrapper.validating .validation-spinner{right:calc(var(--spacing-3) + 2.5rem);top:var(--spacing-3);transform:translateY(2px)}.input-wrapper:focus-within{transform:translateY(-1px);transition:transform var(--transition-fast)}.field-error{display:flex;align-items:flex-start;gap:var(--spacing-1);margin-top:var(--spacing-1);padding:var(--spacing-1);border-radius:var(--border-radius-sm);background-color:#ef44440d;color:var(--error-color);font-size:var(--font-size-xs);font-weight:500;animation:slideIn var(--transition-fast) ease-out}.field-error:before{content:"⚠️";font-size:var(--font-size-xs);margin-top:1px;flex-shrink:0}.field-success{display:flex;align-items:center;gap:var(--spacing-1);margin-top:var(--spacing-1);color:var(--success-color);font-size:var(--font-size-xs);font-weight:500}.field-success:before{content:"✅";font-size:var(--font-size-xs)}.validation-spinner{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;z-index:2}.field-suggestions{margin-top:var(--spacing-2);padding:var(--spacing-2);background-color:var(--primary-light);border-radius:var(--border-radius-md);border-left:3px solid var(--primary-color)}.suggestion{display:block;font-size:var(--font-size-xs);color:var(--primary-color);font-weight:500;margin-bottom:var(--spacing-1)}.suggestion:last-child{margin-bottom:0}.suggestion:before{content:"💡 ";margin-right:var(--spacing-1)}.password-strength-indicator{margin-top:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-2)}.strength-bar{height:4px;background-color:currentColor;border-radius:2px;transition:all var(--transition-fast);flex-grow:1;position:relative;overflow:hidden}.strength-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--gray-200);z-index:-1}.strength-text{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;min-width:60px;text-align:right}.checkbox-field{margin-bottom:var(--spacing-4)}.checkbox-field .checkbox-label{display:flex;align-items:flex-start;gap:var(--spacing-2);cursor:pointer;font-weight:400;margin-bottom:0}.checkbox-field .checkbox-input{width:18px;height:18px;border:2px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast);margin:2px 0 0;position:relative;padding:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;flex-shrink:0}.checkbox-field .checkbox-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.checkbox-field .checkbox-input:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;line-height:1}.checkbox-field .checkbox-input:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.checkbox-field .checkbox-input:hover:not(:focus){border-color:var(--gray-300)}.checkbox-field .checkbox-input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--gray-100)}.checkbox-field .checkbox-input:disabled+.checkbox-text{opacity:.6;cursor:not-allowed}.checkbox-field .checkbox-text{color:var(--gray-700);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none;line-height:1.4}.checkbox-field .checkbox-help{color:var(--gray-500);font-size:var(--font-size-xs);margin-top:var(--spacing-1);margin-left:calc(18px + var(--spacing-2));display:block;line-height:1.4}.checkbox-field.checkbox-small .checkbox-input{width:16px;height:16px}.checkbox-field.checkbox-small .checkbox-input:checked:after{font-size:10px}.checkbox-field.checkbox-large .checkbox-input{width:20px;height:20px}.checkbox-field.checkbox-large .checkbox-input:checked:after{font-size:14px}.auto-filled{background-color:#fffbeb!important;border-color:var(--warning-color);transition:all var(--transition-slow)}.auto-filled:focus{background-color:var(--bg-primary)!important;border-color:var(--border-color-focus)}@keyframes autoFillPulse{0%{background-color:var(--bg-primary)}50%{background-color:#fffbeb}to{background-color:var(--bg-primary)}}.username-auto-filled{animation:autoFillPulse 1s ease-in-out}input[maxlength]:focus+.input-length-indicator{display:block}.input-length-indicator{display:none;position:absolute;right:var(--spacing-3);bottom:-20px;font-size:var(--font-size-xs);color:var(--gray-500);background-color:var(--bg-primary);padding:0 var(--spacing-1);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);z-index:2}.input-length-indicator.warning{color:var(--warning-color)}.input-length-indicator.error{color:var(--error-color)}.validation-summary{margin-bottom:var(--spacing-6);padding:var(--spacing-4);border-radius:var(--border-radius-lg);background-color:var(--bg-secondary);border:1px solid var(--border-color)}.validation-summary.has-errors{background-color:#fef2f2;border-color:var(--error-color)}.validation-summary.all-valid{background-color:#f0fdf4;border-color:var(--success-color)}.validation-summary h4{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--gray-700)}.validation-summary ul{margin:0;padding:0;list-style:none}.validation-summary li{font-size:var(--font-size-xs);margin-bottom:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-1);color:var(--gray-600)}.validation-summary li:before{content:"•";color:var(--error-color);font-weight:700}.validation-summary.all-valid li:before{content:"✓";color:var(--success-color)}.registration-form .form-group.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.registration-form .form-group.grid-2 .form-field{display:flex;flex-direction:column}.registration-form .form-group.grid-2 .form-field label{margin-bottom:var(--spacing-2)}.login-form .form-group:last-of-type{margin-bottom:var(--spacing-6)}@media (max-width: 480px){.form-group.grid-2,.registration-form .form-group.grid-2{grid-template-columns:1fr;gap:var(--spacing-6)}.field-suggestions{margin-top:var(--spacing-1);padding:var(--spacing-2);font-size:var(--font-size-xs)}.suggestion{font-size:11px}.password-strength-indicator{flex-direction:column;gap:var(--spacing-1);align-items:stretch}.strength-text{text-align:center;min-width:auto}.validation-spinner{right:var(--spacing-2);width:14px;height:14px}}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast: high){.form-group input,.form-group select,.form-group textarea,.checkbox-field .checkbox-input{border-width:2px}.field-error{border:1px solid var(--error-color)}}@media (prefers-reduced-motion: reduce){.form-group input,.form-group select,.form-group textarea{transition:none}.input-wrapper:focus-within{transform:none}.validation-spinner,.username-auto-filled{animation:none}}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);padding:var(--spacing-4);position:relative}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,var(--primary-light) 0%,transparent 50%),radial-gradient(circle at 75% 75%,var(--primary-light) 0%,transparent 50%);opacity:.3;pointer-events:none}.login-container{background-color:var(--bg-primary);padding:var(--spacing-10);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:420px;border:1px solid var(--border-color);position:relative;z-index:1;animation:fadeIn .5s ease-out}.auth-header{text-align:center;margin-bottom:var(--spacing-8);padding-top:var(--spacing-12)}.auth-header h2{text-align:center;margin-bottom:var(--spacing-2);color:var(--gray-900);font-size:var(--font-size-2xl);font-weight:700}.auth-header p{text-align:center;color:var(--gray-600);margin-bottom:var(--spacing-8);font-size:var(--font-size-sm)}.account-logo{max-height:60px;width:auto;margin-bottom:var(--spacing-4);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.account-logo:hover{transform:scale(1.05)}.account-slug{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background-color:var(--gray-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);color:var(--gray-600);display:inline-block;margin-top:var(--spacing-1)}.password-wrapper .btn-password-toggle{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);z-index:2;background:none;border:none;cursor:pointer;padding:var(--spacing-1);color:var(--gray-400);font-size:var(--font-size-lg);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px;text-decoration:none!important;font-family:inherit}.password-wrapper .btn-password-toggle:hover{color:var(--gray-600);background-color:var(--gray-100);text-decoration:none!important}.password-wrapper .btn-password-toggle:focus{outline:2px solid var(--primary-color);outline-offset:2px;text-decoration:none!important}.password-wrapper .btn-password-toggle:active{transform:translateY(-50%) scale(.95)}.password-wrapper.validating .btn-password-toggle{right:calc(var(--spacing-3) + 2rem)}button.btn-password-toggle:link,button.btn-password-toggle:visited,button.btn-password-toggle:hover,button.btn-password-toggle:active{text-decoration:none!important;color:var(--gray-400)}button.btn-password-toggle:hover{color:var(--gray-600)!important}.oauth-providers{margin-top:var(--spacing-6)}.oauth-intro{text-align:center;margin-bottom:var(--spacing-4);color:var(--gray-600);font-size:var(--font-size-sm);font-weight:500}.provider-icon{font-size:1.25em;margin-right:var(--spacing-3);filter:drop-shadow(0 1px 2px rgb(0 0 0 / .1))}.oauth-providers .btn{margin-bottom:var(--spacing-3);position:relative;overflow:hidden}.oauth-providers .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.oauth-providers .btn:hover:before{left:100%}.ldap-auth{margin-top:var(--spacing-6)}.auth-footer{margin-top:var(--spacing-6);text-align:center;padding-top:var(--spacing-4);border-top:1px solid var(--border-color)}.auth-footer p{margin-bottom:var(--spacing-3);color:var(--gray-600);font-size:var(--font-size-sm)}.auth-link{font-weight:600;text-decoration:none;transition:all var(--transition-fast);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm)}.auth-link:hover{background-color:var(--primary-light);text-decoration:none}.auth-link-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:600;text-decoration:none;transition:all var(--transition-fast);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:inherit;font-family:inherit}.auth-link-button:hover{color:var(--primary-hover);background-color:var(--primary-light);text-decoration:none}.auth-link-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.back-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);background:none;color:var(--gray-500);font-family:inherit}.back-button:hover{color:var(--primary-color);background-color:var(--gray-100)}.back-button:disabled{opacity:.6;cursor:not-allowed}.auth-divider{margin:var(--spacing-8) 0;text-align:center;position:relative;color:var(--gray-500);font-size:var(--font-size-sm)}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--border-color);z-index:1}.auth-divider span{background-color:var(--bg-primary);padding:0 var(--spacing-4);position:relative;z-index:2}.error-message{color:var(--error-color);background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-6);font-size:var(--font-size-sm);font-weight:500;animation:slideIn var(--transition-normal) ease-out;border-left:4px solid var(--error-color);display:flex;align-items:flex-start;gap:var(--spacing-2)}.network-error-message{color:var(--warning-color);background-color:#fffbeb;border:1px solid #fed7aa;border-radius:var(--border-radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-6);font-size:var(--font-size-sm);font-weight:500;animation:slideIn var(--transition-normal) ease-out;border-left:4px solid var(--warning-color);display:flex;align-items:flex-start;gap:var(--spacing-2)}.success-message{color:var(--success-color);background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--border-radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-6);font-size:var(--font-size-sm);font-weight:500;animation:slideIn var(--transition-normal) ease-out;border-left:4px solid var(--success-color);position:relative;overflow:hidden}.success-message:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:successShine 2s ease-in-out}.rate-limit-message{background-color:#fef2f2;border:1px solid #fecaca;color:var(--error-color);padding:var(--spacing-3);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2)}.rate-limit-message:before{content:"⏱️";font-size:var(--font-size-lg)}.error-icon,.success-icon{font-size:var(--font-size-lg);flex-shrink:0;margin-top:1px}.retry-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);border:1px solid currentColor;border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);background:none;color:inherit;margin-left:var(--spacing-2);white-space:nowrap;font-family:inherit}.retry-button:hover{background-color:currentColor;color:#fff}.retry-button:focus{outline:2px solid currentColor;outline-offset:2px}.offline-indicator{position:fixed;top:0;left:0;right:0;background-color:var(--warning-color);color:#fff;padding:var(--spacing-2);text-align:center;font-size:var(--font-size-sm);font-weight:500;z-index:var(--z-toast);box-shadow:var(--shadow-md);animation:slideDown var(--transition-normal) ease-out}.connection-indicator{position:absolute;top:var(--spacing-2);right:var(--spacing-2);width:12px;height:12px;border-radius:50%;z-index:1}.connection-indicator.good{background-color:var(--success-color);box-shadow:0 0 4px #10b98166}.connection-indicator.poor{background-color:var(--warning-color);box-shadow:0 0 4px #f59e0b66}.connection-indicator.offline{background-color:var(--error-color);box-shadow:0 0 4px #ef444466}.oauth-callback-container{text-align:center;max-width:500px}.oauth-callback-container .icon{font-size:4rem;margin-bottom:var(--spacing-6);display:block}.oauth-callback-container .icon.success{color:var(--success-color)}.oauth-callback-container .icon.error{color:var(--error-color)}.oauth-callback-container .icon.loading{color:var(--primary-color);animation:spin 2s linear infinite}.form-completion-indicator{position:sticky;top:var(--spacing-4);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-3);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-sm)}.completion-text{font-size:var(--font-size-xs);color:var(--gray-600);text-align:center;margin-bottom:var(--spacing-2)}.completion-bar{height:4px;background-color:var(--gray-200);border-radius:2px;overflow:hidden}.completion-progress{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--success-color));border-radius:2px;transition:width var(--transition-normal)}.toast-container{position:fixed;top:var(--spacing-4);right:var(--spacing-4);z-index:var(--z-toast);max-width:400px}.toast{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-2);box-shadow:var(--shadow-lg);animation:toastSlideIn var(--transition-normal) ease-out}.toast.error{border-left:4px solid var(--error-color)}.toast.warning{border-left:4px solid var(--warning-color)}.toast.success{border-left:4px solid var(--success-color)}@media (prefers-reduced-motion: no-preference){.login-container{animation:fadeInUp .6s ease-out}.form-group{animation:slideInLeft .4s ease-out;animation-fill-mode:both}.form-group:nth-child(1){animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.login-form .btn{animation:slideInUp .5s ease-out .5s;animation-fill-mode:both}}@media (max-width: 480px){.login-container{padding:var(--spacing-8) var(--spacing-6);margin:var(--spacing-4);max-width:none}.auth-header{padding-top:0}.auth-header h2{font-size:var(--font-size-xl)}.error-message,.network-error-message{flex-direction:column;align-items:stretch;gap:var(--spacing-2)}.retry-button{margin-left:0;margin-top:var(--spacing-2);align-self:flex-start}.offline-indicator{position:relative;margin-bottom:var(--spacing-4)}}.login-container:focus-within{box-shadow:var(--shadow-xl),0 0 0 2px var(--primary-color)}@media (prefers-contrast: high){.retry-button,.network-error-message,.error-message{border-width:2px}.offline-indicator{border-bottom:2px solid white}}@media (prefers-reduced-motion: reduce){.login-container,.form-group,.oauth-callback-container .icon.loading,.offline-indicator{animation:none}}@media print{.login-page{background:#fff}.login-container{box-shadow:none;border:1px solid black}.oauth-providers .btn{background:#fff!important;color:#000!important;border:1px solid black!important}}.language-selector-wrapper{position:static;display:flex;justify-content:center;align-items:center;z-index:10}.login-page .language-selector-wrapper{position:absolute!important;top:var(--spacing-4);right:var(--spacing-4);margin-bottom:0;z-index:10}.header .language-selector-wrapper{position:static;margin:0}.language-selector{position:relative}.language-dropdown{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast);min-width:120px}.language-dropdown:hover{border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.language-dropdown:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.language-toggle{display:flex;gap:var(--spacing-1);background-color:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-1);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.lang-button{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);border:none;border-radius:var(--border-radius-md);background:none;color:var(--gray-600);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em;font-family:inherit}.lang-button:hover{background-color:var(--gray-100);color:var(--gray-800)}.lang-button.active{background-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.language-flags{display:flex;gap:var(--spacing-2);background-color:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-2);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);height:36px;align-items:center;justify-content:center}.flag-button{width:32px;height:32px;border:none;border-radius:var(--border-radius-md);background:none;font-size:1.2em;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;position:relative;font-family:inherit}.flag-button:hover{background-color:var(--gray-100);transform:scale(1.1)}.flag-button.active{background-color:var(--primary-light);box-shadow:0 0 0 2px var(--primary-color)}.flag-button.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:var(--primary-color);border-radius:50%}.login-page .language-flags{box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.header .language-flags{height:32px;padding:var(--spacing-1);gap:var(--spacing-1);box-shadow:none;background:#f8fafccc;border:1px solid rgba(226,232,240,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.header .flag-button{width:26px;height:26px;font-size:1em}@media (max-width: 480px){.login-page .language-selector-wrapper{position:static!important;display:flex;justify-content:center;margin-bottom:var(--spacing-4);top:auto;right:auto}.language-dropdown{min-width:100px;font-size:var(--font-size-xs)}.lang-button{padding:var(--spacing-1) var(--spacing-2);font-size:10px}.flag-button{width:28px;height:28px;font-size:1em}.language-flags{height:32px}}@media (prefers-contrast: high){.language-dropdown,.language-toggle,.language-flags{border-width:2px}.flag-button.active{box-shadow:0 0 0 3px var(--primary-color)}}@media (prefers-reduced-motion: reduce){.flag-button{transition:none}.flag-button:hover{transform:none}}.flag-button:focus,.lang-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:24px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10;transition:all var(--transition-fast)}.mobile-menu-toggle span{width:100%;height:2px;background-color:var(--gray-700);border-radius:1px;transition:all var(--transition-fast);transform-origin:center}.mobile-menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu-toggle:focus{outline:2px solid var(--primary-color);outline-offset:2px}.mobile-menu-overlay{position:fixed;top:60px;left:0;right:0;bottom:0;background:#00000080;z-index:40;opacity:0;visibility:hidden;transition:all var(--transition-normal);pointer-events:none}.mobile-menu-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.mobile-nav{position:fixed;top:60px;left:0;right:0;background:#fffffffa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:50;transform:translateY(-100%);transition:transform var(--transition-normal);max-height:calc(100vh - 60px);overflow-y:auto;visibility:hidden}.mobile-nav.open{transform:translateY(0);visibility:visible}.mobile-nav ul{display:flex;flex-direction:column;list-style:none;padding:var(--spacing-4);margin:0;gap:var(--spacing-2)}.mobile-nav a{display:flex;align-items:center;padding:var(--spacing-3) var(--spacing-4);color:var(--gray-700);text-decoration:none;border-radius:var(--border-radius-lg);transition:all var(--transition-fast);font-weight:500;border:1px solid transparent;font-size:var(--font-size-base)}.mobile-nav a:hover,.mobile-nav a.active{color:var(--primary-color);background-color:var(--primary-light);border-color:#2563eb33}.mobile-header-actions{flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);border-top:1px solid var(--border-color)}.mobile-header-actions .user-info{background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-3);margin-bottom:var(--spacing-2);height:auto}.mobile-header-actions .language-flags{justify-content:center;margin-bottom:var(--spacing-2)}.mobile-header-actions .btn-ghost{width:100%;justify-content:center;background:var(--error-color);color:#fff;border:none;padding:var(--spacing-3);height:auto}.mobile-header-actions .btn-ghost:hover{background:#dc2626}@media (max-width: 768px){.mobile-menu-toggle,.mobile-header-actions{display:flex!important}}@media (max-width: 480px){.mobile-menu-overlay,.mobile-nav{top:56px}.mobile-nav ul,.mobile-nav a{padding:var(--spacing-3)}}body.mobile-menu-open{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:var(--z-modal-backdrop);display:flex;align-items:flex-start;justify-content:center;padding:var(--spacing-4);padding-top:80px;animation:fadeIn .3s ease-out}@media (max-width: 768px){.modal-overlay{padding:var(--spacing-3);padding-top:80px;align-items:flex-start}.modal-content{max-height:calc(100vh - 100px)}}@media (max-width: 480px){.modal-overlay{padding:var(--spacing-2);padding-top:70px;align-items:flex-start}.modal-content{max-height:calc(100vh - 90px)}}.modal-content{background-color:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-color);max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideInUp .3s ease-out;position:relative;z-index:var(--z-modal)}.profile-edit-modal{width:100%;max-width:600px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.document-viewer-modal .modal-header{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:var(--spacing-4)}.modal-header h2{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--gray-900)}.modal-close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--gray-500);cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-family:inherit}.modal-close:hover{background-color:var(--gray-100);color:var(--gray-700)}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:var(--spacing-6);overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-6);border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.modal-body .form-group{margin-bottom:var(--spacing-5)}.modal-body .form-group:last-of-type{margin-bottom:0}.modal-body .error-message{margin-bottom:var(--spacing-4)}@media (max-width: 768px){.modal-overlay{padding:var(--spacing-2)}.modal-content{max-width:95vw;max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-4)}.modal-footer{flex-direction:column-reverse;gap:var(--spacing-2)}.modal-footer .btn{width:100%}.profile-edit-modal .form-group.grid-2{grid-template-columns:1fr;gap:var(--spacing-4)}}@media (max-width: 480px){.modal-overlay{padding:var(--spacing-1)}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-3)}.modal-header h2{font-size:var(--font-size-lg)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-overlay:focus-within{outline:none}.modal-content:focus-within{box-shadow:var(--shadow-xl),0 0 0 2px var(--primary-color)}.warning-box{display:flex;gap:var(--spacing-md);padding:var(--spacing-4);background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.warning-icon{flex-shrink:0;color:#d97706}.warning-content h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.warning-content p{margin:0 0 var(--spacing-sm) 0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.warning-content p:last-child{margin-bottom:0}.folder-contents-warning{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(245,158,11,.2)}.folder-contents-warning p{color:var(--error-color)}.folder-info{background-color:var(--bg-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.folder-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.folder-info-row:last-child{margin-bottom:0}.folder-info-label{font-weight:var(--font-weight-medium);color:var(--text-secondary);font-size:var(--font-size-sm)}.folder-info-value{color:var(--text-primary);font-size:var(--font-size-sm)}.current-location{background-color:var(--bg-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.current-location-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.current-location-path{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--primary-color);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.current-location-path .folder-icon{color:var(--primary-color);flex-shrink:0}.modal-content--medium{width:100%;max-width:500px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.radio-label input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio;width:18px;height:18px;margin:0;cursor:pointer;flex-shrink:0;accent-color:var(--primary-color)}.radio-label input[type=radio]:focus{outline:2px solid var(--primary-color);outline-offset:2px}.radio-label span{font-weight:500;color:var(--text-primary)}.radio-label:hover span{color:var(--primary-color)}.checkbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 16px;margin-top:8px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;flex-shrink:0;accent-color:var(--primary-color)}.checkbox-label input[type=checkbox]:focus{outline:2px solid var(--primary-color);outline-offset:2px}.checkbox-label span{font-size:var(--font-size-sm);color:var(--text-primary)}.checkbox-label:hover span{color:var(--primary-color)}@media (max-width: 768px){.checkbox-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.checkbox-grid{grid-template-columns:1fr}}@media (prefers-contrast: high){.modal-content,.modal-header,.modal-footer{border-width:2px}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal-content{animation:none}}.password-change-modal{max-width:500px}.password-change-info{padding:var(--spacing-3);background-color:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-4)}.password-change-info p{margin:0;font-size:var(--font-size-sm);color:var(--gray-700)}.confirmation-modal{max-width:450px}.user-details-modal{max-width:800px;width:100%}.role-assignment-modal,.edit-user-modal{max-width:600px;width:100%}.modal-content.create-role-modal,.modal-content.edit-role-modal{width:85vw;max-width:800px;min-width:600px}.confirmation-modal .modal-body{padding:var(--spacing-6) var(--spacing-6) var(--spacing-4)}.confirmation-modal .modal-body p{margin:0;color:var(--gray-700);line-height:1.5}.confirmation-modal .modal-title{font-size:var(--font-size-xl);font-weight:600;color:var(--gray-900);margin:0}.loading-spinner-small{display:inline-block;width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--spacing-2)}.btn-danger{background-color:var(--error-color);color:#fff;border:1px solid var(--error-color);transition:var(--transition-fast)}.btn-danger:hover{background-color:#dc2626;border-color:#dc2626}.btn-danger:disabled{background-color:var(--gray-400);border-color:var(--gray-400);cursor:not-allowed;opacity:.6}.document-viewer-modal{max-width:90vw;max-height:90vh;width:100%;height:85vh;min-height:70vh}.document-toolbar{display:flex;align-items:center;justify-content:center;gap:var(--spacing-6);padding:var(--spacing-3);background-color:var(--gray-50);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;flex-wrap:wrap}.document-viewer-overlay{z-index:var(--z-modal-backdrop)}.document-viewer-modal .tooltip:after,.document-viewer-modal .tooltip:before{z-index:9999!important}.document-viewer-modal .tooltip:hover:after,.document-viewer-modal .tooltip:hover:before{z-index:9999!important}.document-viewer-modal .btn-icon.tooltip:after,.document-viewer-modal .btn-icon.tooltip:before,.document-viewer-modal .tooltip[data-tooltip]:after,.document-viewer-modal .tooltip[data-tooltip]:before{z-index:9999!important}.document-viewer-modal .tooltip:hover:after,.document-viewer-modal .tooltip:hover:before{z-index:99999!important;visibility:visible!important;opacity:1!important}.document-viewer-modal:fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;margin:0}.document-viewer-modal:fullscreen .modal-header{background-color:#000c;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.document-viewer-modal:fullscreen .modal-header .modal-title,.document-viewer-modal:fullscreen .document-meta{color:#fff}.document-viewer-modal:fullscreen .document-viewer-body{background-color:#000}.document-viewer-actions .btn-icon{position:relative}.document-viewer-actions .btn-icon:hover:after{content:attr(data-tooltip);position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background-color:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:13px;white-space:nowrap;z-index:2000;pointer-events:none}.document-viewer-actions .btn-icon:hover:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#000000e6;z-index:2000;pointer-events:none}.document-viewer-actions .btn-icon{pointer-events:auto;cursor:pointer;position:relative;z-index:10;background:none;border:none;padding:var(--spacing-2);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:16px;box-shadow:none}.document-viewer-actions .btn-icon:hover{background-color:var(--gray-100);transform:scale(1.05)}.document-viewer-actions .btn-icon:focus{outline:2px solid var(--primary-color);outline-offset:2px}.document-viewer-actions .btn-icon.btn-danger{background-color:transparent;color:inherit;border:none;box-shadow:none}.document-viewer-actions .btn-icon.btn-danger:hover{background-color:#ef44441a;color:var(--error-color);transform:scale(1.05)}.document-meta{display:flex;flex-direction:column;gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--gray-600);justify-self:start;margin-top:var(--spacing-1)}.document-viewer-header-info{text-align:center;justify-self:center;min-width:0}.document-viewer-header-info .modal-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-viewer-actions{display:flex;align-items:center;gap:var(--spacing-2);justify-self:end}.document-viewer-body{padding:0;display:flex;flex:1;min-height:500px;background-color:var(--gray-50);overflow:hidden}.viewer-loading,.viewer-error,.viewer-unsupported{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-8);gap:var(--spacing-4)}.viewer-error .error-icon,.viewer-unsupported .unsupported-icon{font-size:4rem;margin-bottom:var(--spacing-2)}.viewer-loading p,.viewer-error h4,.viewer-unsupported h4{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900)}.viewer-error p,.viewer-unsupported p{margin:0;color:var(--gray-600);max-width:400px}.viewer-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;padding:var(--spacing-4);background-color:var(--gray-100)}.image-content{max-width:none;max-height:none;width:auto;height:auto;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);transition:transform .1s ease;transform-origin:center;-webkit-user-select:none;user-select:none}.toolbar-group{display:flex;align-items:center;gap:var(--spacing-2)}.toolbar-label{font-size:var(--font-size-sm);font-weight:600;color:var(--gray-700);margin-right:var(--spacing-1)}.zoom-level,.rotation-level{min-width:50px;text-align:center;font-size:var(--font-size-sm);font-weight:600;color:var(--gray-700);background-color:var(--gray-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}.document-metadata-panel{background-color:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-md);max-height:300px;overflow-y:auto;margin:var(--spacing-3) 0;box-shadow:0 1px 3px #0000001a}.metadata-section{padding:var(--spacing-4);border-bottom:1px solid var(--border-color)}.metadata-section:last-child{border-bottom:none}.metadata-title{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--gray-900);text-transform:uppercase;letter-spacing:.025em}.metadata-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-2);min-height:200px}.metadata-item{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;gap:var(--spacing-2);border-bottom:1px solid var(--gray-200);min-height:30px}.metadata-item:last-child{border-bottom:none}.metadata-label{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-600);min-width:100px;flex-shrink:0}.metadata-value{font-size:var(--font-size-sm);color:var(--gray-900);text-align:right;word-break:break-all;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.metadata-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);min-height:32px;align-items:center}.metadata-note{font-size:var(--font-size-sm);color:var(--gray-500);font-style:italic}.metadata-tag{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);background-color:var(--primary-color);color:#fff;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:500}.viewer-pdf{width:100%;height:100%;display:flex}.viewer-pdf object{flex:1}.pdf-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.fallback-content{text-align:center;padding:var(--spacing-8)}.fallback-content h4{margin:0 0 var(--spacing-3) 0;color:var(--gray-900);font-size:var(--font-size-lg)}.fallback-content p{margin:0 0 var(--spacing-4) 0;color:var(--gray-600)}.viewer-text{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;flex:1}.text-info{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3);background-color:var(--gray-50);border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm);flex-shrink:0}.text-stats{color:var(--gray-600);font-weight:500}.text-warning{color:var(--orange-600);font-weight:500;font-size:var(--font-size-xs)}.text-container{flex:1;display:flex;background-color:#fff;min-height:0;height:100%}.text-content-wrapper{padding:var(--spacing-4);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);line-height:1.5;color:var(--gray-800);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;background-color:#fff}.text-content-textarea{width:100%;height:100%;min-height:400px;border:none;outline:none;resize:none;padding:var(--spacing-4);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);line-height:1.5;color:var(--gray-800);background-color:#fff;white-space:pre;overflow-wrap:break-word;box-sizing:border-box}.text-content-pre{width:100%;height:100%;min-height:400px;margin:0;padding:var(--spacing-4);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);line-height:1.5;background-color:#fff;overflow:auto;box-sizing:border-box}.text-content-code{display:block;width:100%;color:var(--gray-800);white-space:pre;overflow-wrap:break-word}.text-language{padding:var(--spacing-1) var(--spacing-2);background-color:var(--gray-200);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--gray-700);text-transform:uppercase}.text-content-code .comment{color:#6a737d;font-style:italic}.text-content-code .string{color:#032f62}.text-content-code .number{color:#005cc5}.text-content-code .keyword{color:#d73a49;font-weight:600}.text-content-code .function{color:#6f42c1;font-weight:600}.viewer-video{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--spacing-4)}.viewer-video video{border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg)}.viewer-audio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-6);padding:var(--spacing-8)}.audio-info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.audio-icon{font-size:4rem}.audio-info h4{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);text-align:center}.viewer-unsupported{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-8);gap:var(--spacing-4);width:100%;height:100%;flex:1}.document-details{display:flex;flex-direction:column;gap:var(--spacing-2);margin:var(--spacing-4) 0;padding:var(--spacing-4);background-color:var(--gray-100);border-radius:var(--border-radius-md);border:1px solid var(--border-color);min-width:300px}.detail-item{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3)}.detail-label{font-weight:600;color:var(--gray-700);font-size:var(--font-size-sm)}.detail-value{color:var(--gray-900);font-size:var(--font-size-sm);word-break:break-all;text-align:right}@media (max-width: 768px){.document-viewer-overlay{padding-top:80px;align-items:flex-start}.document-viewer-modal{max-width:95vw;max-height:calc(100vh - 100px);min-height:calc(80vh - 80px)}.document-viewer-modal .modal-header{grid-template-columns:1fr 2fr 1fr;gap:var(--spacing-2);padding:var(--spacing-3);align-items:flex-start}.document-meta{flex-direction:column;gap:var(--spacing-1);font-size:var(--font-size-xs)}.document-viewer-header-info{min-width:0}.document-viewer-header-info .modal-title{font-size:var(--font-size-sm);line-height:1.2;white-space:normal;overflow:visible;text-overflow:unset}.document-viewer-actions{gap:var(--spacing-1);justify-self:end}.document-viewer-actions .btn-icon{min-width:44px;height:44px;font-size:18px}.document-viewer-body{min-height:400px}.document-toolbar{flex-wrap:wrap;gap:var(--spacing-3);padding:var(--spacing-2)}.document-toolbar .btn-icon{min-width:44px;height:44px}.toolbar-group{gap:var(--spacing-1)}.viewer-loading,.viewer-error,.viewer-unsupported{padding:var(--spacing-4)}.document-details{min-width:auto;width:100%}.detail-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.detail-value{text-align:left}.viewer-image{padding:var(--spacing-2)}.image-content{touch-action:pan-x pan-y}}@media (max-width: 640px) and (min-width: 481px){.document-viewer-modal .modal-header{grid-template-columns:1fr 2fr 1fr;gap:var(--spacing-3);padding:var(--spacing-4)}.document-viewer-header-info .modal-title{font-size:var(--font-size-sm);line-height:1.2}.document-meta{font-size:var(--font-size-xs)}}@media (max-width: 480px){.document-viewer-overlay{padding:60px 0 0;align-items:stretch}.document-viewer-modal{max-width:100vw;max-height:calc(100vh - 60px);min-height:calc(100vh - 60px);border-radius:0;margin:0}.document-viewer-modal .modal-header{display:block;padding:var(--spacing-3);min-height:auto}.document-meta{margin-bottom:var(--spacing-2);flex-direction:row;justify-content:flex-start;gap:var(--spacing-3);font-size:var(--font-size-xs);color:var(--gray-600)}.document-viewer-header-info{margin-bottom:var(--spacing-3);text-align:left}.document-viewer-header-info .modal-title{font-size:var(--font-size-lg);font-weight:600;white-space:normal;overflow:visible;text-overflow:unset;line-height:1.3;margin:0;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.document-viewer-actions{display:flex;justify-content:center;gap:var(--spacing-2);flex-wrap:wrap;margin-top:var(--spacing-2)}.document-viewer-actions .btn-icon{min-width:48px;height:48px;font-size:20px}.document-viewer-body{min-height:300px}.document-toolbar{padding:var(--spacing-1);gap:var(--spacing-2)}.toolbar-group{flex-direction:column;align-items:center;gap:var(--spacing-1)}.toolbar-label{font-size:var(--font-size-xs)}.zoom-level,.rotation-level{min-width:40px;font-size:var(--font-size-xs)}}.version-history-modal{max-width:800px;width:100%;max-height:90vh}.version-history-modal .modal-body{padding:var(--spacing-6);overflow-y:auto;max-height:calc(90vh - 200px)}.document-info{padding:var(--spacing-4);background-color:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-6)}.document-info h3{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);word-break:break-word}.document-meta{font-size:var(--font-size-sm);color:var(--gray-600);margin:0}.version-actions{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);background-color:var(--blue-50);border:1px solid var(--blue-200);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-4)}.selected-info{font-size:var(--font-size-sm);font-weight:500;color:var(--blue-700)}.action-buttons{display:flex;gap:var(--spacing-2)}.version-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.version-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-primary);transition:all var(--transition-fast);position:relative}.version-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.version-item.selected{border-color:var(--primary-color);background-color:var(--blue-50);box-shadow:0 0 0 3px #3b82f61a}.version-item.latest{border-color:var(--success-color);background-color:var(--green-50)}.version-item.latest:before{content:"";position:absolute;top:-1px;right:-1px;width:0;height:0;border-left:20px solid transparent;border-top:20px solid var(--success-color);border-radius:0 var(--border-radius-md) 0 0}.version-item.latest:after{content:"✓";position:absolute;top:2px;right:4px;color:#fff;font-size:var(--font-size-xs);font-weight:600;z-index:1}.version-checkbox{display:flex;align-items:center;justify-content:center}.version-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.version-info{display:flex;flex-direction:column;gap:var(--spacing-2);min-width:0}.version-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.version-number{font-size:var(--font-size-base);font-weight:600;color:var(--gray-900);display:flex;align-items:center;gap:var(--spacing-2)}.latest-badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);background-color:var(--success-color);color:#fff;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.025em}.version-date{font-size:var(--font-size-sm);color:var(--gray-500);white-space:nowrap}.version-meta{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm);color:var(--gray-600)}.version-size,.version-mime-type{white-space:nowrap}.version-actions{display:flex;align-items:center;gap:var(--spacing-1)}.comparison-modal{max-width:900px;width:100%}.comparison-content{display:flex;flex-direction:column;gap:var(--spacing-6)}.comparison-versions{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-4);align-items:start}.version-column{padding:var(--spacing-4);background-color:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-md)}.version-column h3{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);text-align:center}.version-details{display:flex;flex-direction:column;gap:var(--spacing-2)}.version-details p{margin:0;font-size:var(--font-size-sm);line-height:1.4;display:flex;justify-content:space-between;align-items:center}.version-details strong{color:var(--gray-700);min-width:80px;flex-shrink:0}.comparison-arrow{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:600;color:var(--primary-color);padding:var(--spacing-2)}.changes-summary{padding:var(--spacing-4);background-color:var(--yellow-50);border:1px solid var(--yellow-200);border-radius:var(--border-radius-md)}.changes-summary h4{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-base);font-weight:600;color:var(--yellow-800)}.changes-summary ul{margin:0;padding-left:var(--spacing-5);list-style-type:disc}.changes-summary li{font-size:var(--font-size-sm);color:var(--yellow-700);margin-bottom:var(--spacing-1)}.new-version-modal{max-width:700px;width:100%;max-height:90vh}.new-version-modal .modal-body{padding:var(--spacing-6);overflow-y:auto;max-height:calc(90vh - 200px)}.current-document-info{padding:var(--spacing-4);background-color:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-6)}.current-document-info h3{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-base);font-weight:600;color:var(--gray-900)}.document-details{display:flex;flex-direction:column;gap:var(--spacing-1)}.document-details p{margin:0;font-size:var(--font-size-sm);color:var(--gray-600)}.document-details strong{color:var(--gray-700)}.file-drop-zone{border:2px dashed var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-8);text-align:center;background-color:var(--gray-50);cursor:pointer;transition:all var(--transition-fast);position:relative;min-height:150px;display:flex;align-items:center;justify-content:center}.file-drop-zone:hover{border-color:var(--primary-color);background-color:var(--blue-50)}.file-drop-zone.drag-over{border-color:var(--primary-color);background-color:var(--blue-100);transform:scale(1.02)}.file-drop-zone.has-file{border-color:var(--success-color);background-color:var(--green-50)}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.upload-icon{font-size:3rem;color:var(--gray-400)}.drop-text{font-size:var(--font-size-base);font-weight:500;color:var(--gray-700);margin:0}.drop-subtext{font-size:var(--font-size-sm);color:var(--gray-500);margin:0}.selected-file-info{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background-color:#fff;border:1px solid var(--success-color);border-radius:var(--border-radius-md);width:100%;max-width:400px}.file-icon{font-size:2rem;color:var(--primary-color);flex-shrink:0}.file-details{flex:1;min-width:0}.file-name{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-900);margin:0 0 var(--spacing-1) 0;word-break:break-word}.file-size,.file-type{font-size:var(--font-size-xs);color:var(--gray-600);margin:0}.remove-file-btn{background:none;border:none;color:var(--gray-400);font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius-sm);transition:var(--transition-fast);flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.remove-file-btn:hover{color:var(--error-color);background-color:var(--red-50)}.upload-progress-section{margin:var(--spacing-4) 0;padding:var(--spacing-4);background-color:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-md)}.form-help{font-size:var(--font-size-xs);color:var(--gray-500);margin:var(--spacing-1) 0 0 0;font-style:italic}.required{color:var(--error-color)}.optional{color:var(--gray-500);font-style:italic}.error-message{padding:var(--spacing-3);background-color:var(--red-50);border:1px solid var(--red-200);border-radius:var(--border-radius-md);color:var(--red-700);font-size:var(--font-size-sm);margin:var(--spacing-4) 0}.error-message p{margin:0}.empty-state{text-align:center;padding:var(--spacing-8);color:var(--gray-500)}.empty-state p{margin:0;font-size:var(--font-size-base)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);gap:var(--spacing-4)}.loading-spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.version-history-modal,.comparison-modal,.new-version-modal{max-width:95vw;max-height:95vh}.version-history-modal .modal-body,.comparison-modal .modal-body,.new-version-modal .modal-body{padding:var(--spacing-4);max-height:calc(95vh - 150px)}.version-item{grid-template-columns:auto 1fr;gap:var(--spacing-3)}.version-actions{grid-column:1 / -1;justify-content:center;margin-top:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--border-color)}.version-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.version-date{align-self:flex-end}.comparison-versions{grid-template-columns:1fr;gap:var(--spacing-4)}.comparison-arrow{display:none}.version-column h3{text-align:left}.file-drop-zone{padding:var(--spacing-6);min-height:120px}.upload-icon{font-size:2rem}.selected-file-info{max-width:100%}}@media (max-width: 480px){.version-actions{flex-direction:column;align-items:stretch;gap:var(--spacing-2)}.action-buttons{justify-content:center}.version-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.document-info h3{font-size:var(--font-size-base)}.version-number{font-size:var(--font-size-sm)}.file-drop-zone{padding:var(--spacing-4);min-height:100px}.drop-text{font-size:var(--font-size-sm)}.drop-subtext{font-size:var(--font-size-xs)}}.metadata-editor-modal{max-width:600px;width:100%;max-height:90vh}.metadata-editor-modal .modal-body{padding:var(--spacing-6);overflow-y:auto;max-height:calc(90vh - 200px)}.metadata-section{padding:var(--spacing-4) 0;border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-4)}.metadata-section:last-child{border-bottom:none;margin-bottom:0}.metadata-section-title{margin:0 0 var(--spacing-4) 0;font-size:var(--font-size-base);font-weight:600;color:var(--gray-900);display:flex;align-items:center;gap:var(--spacing-2)}.metadata-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.tag-suggestions{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-primary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 var(--border-radius-md) var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:1000;max-height:200px;overflow-y:auto}.tag-suggestion{display:block;width:100%;padding:var(--spacing-2) var(--spacing-3);background:none;border:none;text-align:left;color:var(--gray-700);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast)}.tag-suggestion:hover{background-color:var(--gray-100);color:var(--gray-900)}.tag-suggestion:focus{outline:none;background-color:var(--primary-color);color:#fff}.current-tags{margin-top:var(--spacing-3)}.tags-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--gray-700);margin-bottom:var(--spacing-2)}.tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:center}.tag-item{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);background-color:var(--primary-color);color:#fff;border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:500;line-height:1.2}.tag-remove{background:none;border:none;color:#fffc;font-size:var(--font-size-lg);cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast);line-height:1}.tag-remove:hover{color:#fff;background-color:#fff3}.form-group{position:relative}.form-group input+.tag-suggestions{position:absolute;z-index:10}.add-attribute-form{padding:var(--spacing-4);background-color:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-4)}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.form-actions{display:flex;gap:var(--spacing-2);justify-content:flex-end}.attributes-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.attribute-item{padding:var(--spacing-3);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:border-color var(--transition-fast)}.attribute-item:hover{border-color:var(--primary-color)}.attribute-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.attribute-name{font-weight:600;color:var(--gray-900);font-size:var(--font-size-sm)}.attribute-type{font-size:var(--font-size-xs);color:var(--gray-500);background-color:var(--gray-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);text-transform:uppercase;font-weight:500}.attribute-value{flex:1}.form-control-sm{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm);height:auto;min-height:32px}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm);height:auto;min-height:32px}.btn-icon.btn-sm{padding:var(--spacing-1);width:28px;height:28px;min-height:auto;font-size:var(--font-size-sm)}.loading-spinner{width:24px;height:24px;border:2px solid var(--gray-200);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-sm{width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:var(--spacing-2)}@media (max-width: 768px){.metadata-editor-modal{max-width:95vw;max-height:95vh}.metadata-editor-modal .modal-body{padding:var(--spacing-4);max-height:calc(95vh - 150px)}.form-row{grid-template-columns:1fr;gap:var(--spacing-2)}.metadata-section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.tags-list{justify-content:flex-start}.attribute-header{flex-wrap:wrap;gap:var(--spacing-1)}.form-actions{justify-content:stretch}.form-actions .btn{flex:1}}@media (max-width: 480px){.metadata-section{padding:var(--spacing-3) 0}.metadata-section-title{font-size:var(--font-size-sm)}.tag-item{font-size:var(--font-size-xs)}.attribute-item{padding:var(--spacing-2)}.add-attribute-form{padding:var(--spacing-3)}.form-actions{flex-direction:column}.tag-suggestions{position:fixed;top:auto;bottom:0;left:0;right:0;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;max-height:40vh}}.create-delegation-modal{max-width:800px;width:100%}.create-delegation-form .form-row{display:flex;gap:var(--spacing-md)}.form-group-half{flex:1}.user-search-container{position:relative}.user-dropdown-portal .user-option:hover{background-color:var(--bg-secondary)}.user-option{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);cursor:pointer;border-bottom:1px solid var(--border-color)}.user-option:hover{background-color:var(--bg-secondary)}.user-option:last-child{border-bottom:none}.user-info{flex:1}.user-name{display:block;font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.user-email{display:block;color:var(--text-secondary);font-size:var(--font-size-xs)}.user-roles{color:var(--text-muted);font-size:var(--font-size-xs);background-color:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.no-users{padding:var(--spacing-md);text-align:center;color:var(--text-muted);font-style:italic}.permission-mode-selection{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.permission-mode-option{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.permissions-selection{max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-sm)}.permission-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);cursor:pointer;border-radius:var(--border-radius-sm)}.permission-item:hover{background-color:var(--bg-secondary)}.permission-name{font-size:var(--font-size-sm);color:var(--text-primary)}.validation-results{margin-bottom:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid}.validation-results.valid{background-color:#22c55e1a;border-color:#22c55e4d}.validation-results.invalid{background-color:#ef44441a;border-color:#ef44444d}.validation-errors h4,.validation-warnings h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.validation-errors ul,.validation-warnings ul{margin:0;padding-left:var(--spacing-md)}.validation-error{color:var(--error-color);font-size:var(--font-size-sm)}.validation-warning{color:#d97706;font-size:var(--font-size-sm)}.validation-warnings{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(245,158,11,.2)}.delegation-management-modal{max-width:900px;width:100%}.delegation-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.tab-button{padding:var(--spacing-md) var(--spacing-lg);border:none;background:none;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;font-weight:var(--font-weight-medium);transition:all .2s ease}.tab-button:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.delegations-list{max-height:500px;overflow-y:auto}.no-delegations{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);font-style:italic}.delegation-item{border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);background-color:var(--bg-primary)}.delegation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.delegation-title h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-md);color:var(--text-primary)}.delegation-role{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.delegation-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-item label{font-weight:var(--font-weight-medium);color:var(--text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}.detail-item span{color:var(--text-primary);font-size:var(--font-size-sm)}.status-badge{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.status-text{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.status-extra{font-size:var(--font-size-xs);color:var(--text-muted)}.status-active .status-text{background-color:#22c55e1a;color:#059669}.status-upcoming .status-text{background-color:#3b82f61a;color:#2563eb}.status-expired .status-text{background-color:#ef44441a;color:#dc2626}.status-cancelled .status-text{background-color:#6b72801a;color:#6b7280}.status-inactive .status-text{background-color:#9ca3af1a;color:#9ca3af}.delegation-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.extend-form{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--border-radius-sm);width:100%}.extend-input-group{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.extend-input-group label{font-size:var(--font-size-sm);color:var(--text-secondary);min-width:120px}.extend-days-input{width:100px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm)}.cancel-confirm{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--border-radius-sm);width:100%}.confirm-text{margin:0;font-size:var(--font-size-sm);color:var(--error-color)}.confirm-actions{display:flex;gap:var(--spacing-sm)}@media (max-width: 768px){.create-delegation-form .form-row{flex-direction:column}.delegation-details{grid-template-columns:1fr}.delegation-header{flex-direction:column;gap:var(--spacing-md)}.extend-input-group{flex-direction:column;align-items:stretch}.extend-input-group label{min-width:auto}.extend-days-input{width:100%}}.loading-placeholder,.no-roles-message{padding:var(--spacing-3) var(--spacing-4);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);font-style:italic;text-align:center}.no-roles-message{color:var(--warning-color);background-color:var(--warning-bg);border-color:var(--warning-border)}.form-help-text{display:block;margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.create-delegation-form select option{padding:var(--spacing-2)}.create-delegation-form .form-control:disabled,.create-delegation-form .btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.loading-placeholder,.no-roles-message{padding:var(--spacing-2);font-size:var(--font-size-sm)}.form-help-text{font-size:var(--font-size-xs)}.modal-close{display:none}.modal-footer{position:sticky;bottom:0;z-index:10;background-color:var(--bg-secondary);box-shadow:0 -2px 4px #0000001a}}.operation-status{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--green-600);font-weight:500}.operation-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-4);border:1px solid var(--gray-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-4)}.operation-info{flex:1;margin-right:var(--spacing-4)}.operation-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-2)}.admin-dashboard-page .quick-actions{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:var(--spacing-3)!important}.admin-dashboard-page .quick-actions .btn{min-width:150px!important;text-align:center!important}@media (min-width: 900px) and (max-width: 1199px){.admin-dashboard-page .quick-actions{grid-template-columns:repeat(2,1fr)!important}}.admin-content-wrapper{display:flex;flex-direction:column;gap:var(--spacing-6)}.admin-dashboard-page .dashboard-widgets{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:var(--spacing-4)!important;margin-top:var(--spacing-6)!important}@media (min-width: 900px) and (max-width: 1199px){.admin-dashboard-page .dashboard-widgets{grid-template-columns:repeat(2,1fr)!important}}.widget-details{margin-top:var(--spacing-2);display:flex;flex-direction:column;gap:var(--spacing-1)}.widget-details small{color:var(--gray-600);font-size:.75rem}.stat-value{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin:var(--spacing-2) 0;line-height:1}.admin-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}@media (min-width: 1200px){.admin-info-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px) and (max-width: 1199px){.admin-info-grid{grid-template-columns:repeat(2,1fr)}}.admin-info-field{display:flex;align-items:center;padding:var(--spacing-3) 0;border-bottom:1px solid var(--border-color);min-height:60px;gap:var(--spacing-3)}.admin-info-grid .admin-info-field{border-bottom:1px solid var(--border-color)}.admin-info-grid .admin-info-field:last-child{border-bottom:1px solid var(--border-color)}.admin-info-field strong{color:var(--gray-700);font-weight:600;min-width:120px}.admin-info-field span{color:var(--gray-900);text-align:left;word-break:break-word;flex:1}@keyframes adminSlideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-dashboard-page{animation:adminSlideInUp .6s ease-out}.user-search-form .search-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:var(--spacing-3);align-items:end}.user-search-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.user-search-form .btn-search{height:40px;margin-top:var(--spacing-1)}.user-info{display:flex;flex-direction:column;gap:var(--spacing-1);min-height:40px;justify-content:center}.user-info strong{font-weight:600;color:var(--gray-900);line-height:1.2}.user-username{font-size:var(--font-size-sm);color:var(--gray-600);line-height:1.1;margin-top:2px}.user-roles{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.role-badge{display:inline-block;padding:2px var(--spacing-2);background-color:var(--primary-light);color:var(--primary-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500}.user-actions{display:flex;gap:var(--spacing-1);flex-wrap:wrap}.user-actions .btn{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;font-size:14px}.badge{display:inline-block;padding:2px var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500}.badge-success{background-color:var(--success-light);color:var(--success-color)}.badge-warning{background-color:#fef3c7;color:#d97706}.badge-info{background-color:#dbeafe;color:#2563eb}.badge-secondary{background-color:var(--gray-100);color:var(--gray-600)}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border-color)}.pagination{display:flex;align-items:center;gap:var(--spacing-3)}.pagination-current,.pagination-info{font-size:var(--font-size-sm);color:var(--gray-600)}.text-muted{color:var(--gray-500)!important}@media (max-width: 768px){.user-search-form .search-row{grid-template-columns:1fr;gap:var(--spacing-2)}.user-search-form .btn-search{height:auto;margin-top:0}.pagination-container{flex-direction:column;gap:var(--spacing-2);align-items:stretch}.pagination{justify-content:center}}.error-message{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--border-radius-md);color:var(--error-color)}.error-icon{font-size:1.25rem}.admin-navigation{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-2);margin-bottom:var(--spacing-6)}.admin-nav-items{display:flex;gap:var(--spacing-1);flex-wrap:wrap}.admin-nav-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-sm);text-decoration:none;color:var(--gray-600);font-weight:500;font-size:var(--font-size-sm);transition:all var(--transition-fast);border:1px solid transparent;min-width:120px;justify-content:flex-start}.admin-nav-item:hover{background:var(--gray-50);color:var(--gray-800);text-decoration:none}.admin-nav-item.active{background:var(--primary-100);color:var(--primary-700);border-color:var(--primary-200);font-weight:600}.admin-nav-icon{font-size:var(--font-size-base);display:flex;align-items:center;justify-content:center;min-width:20px}.admin-nav-label{white-space:nowrap}@media (max-width: 768px){.admin-nav-items{flex-direction:column;gap:var(--spacing-1)}.admin-nav-item{min-width:auto;width:100%}}.user-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);margin-bottom:var(--spacing-4)}.detail-section{background:var(--bg-secondary);padding:var(--spacing-4);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.detail-section h4{margin:0 0 var(--spacing-4) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-2)}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.detail-row:last-child{margin-bottom:0}.detail-label{font-weight:500;color:var(--gray-700);min-width:120px}.detail-value{color:var(--gray-900);text-align:right;flex:1}.roles-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.role-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-3);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm)}.role-name{font-weight:500;color:var(--gray-900)}.edit-user-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-weight:500;color:var(--gray-700);margin-bottom:var(--spacing-2)}.checkbox-label input[type=checkbox],.edit-user-modal input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color);-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;appearance:checkbox!important;background-color:transparent!important;border:1px solid var(--border-color)}.role-section{margin-bottom:var(--spacing-6)}.role-section:last-child{margin-bottom:0}.role-section h4{margin:0 0 var(--spacing-4) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-2)}.current-roles-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.assign-role-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.role-description{padding:var(--spacing-3);background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--gray-700);margin-bottom:var(--spacing-3)}@media (max-width: 768px){.user-details-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.form-row{grid-template-columns:1fr}.detail-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.detail-value{text-align:left}}.role-search-form .search-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:var(--spacing-3);align-items:end}.role-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.role-info strong{font-weight:600;color:var(--gray-900)}.role-parent{font-size:var(--font-size-sm);color:var(--gray-600)}.role-description{max-width:300px;word-wrap:break-word;line-height:1.4}.permission-count,.user-count{font-weight:500;color:var(--gray-700)}.role-actions{display:flex;gap:var(--spacing-1)}.role-actions .btn{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;font-size:14px}.create-role-form,.edit-role-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.create-role-form .form-row,.edit-role-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.create-role-form textarea,.edit-role-form textarea{min-height:80px;resize:vertical}.modal-content{max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-body{flex:1;overflow-y:auto;max-height:calc(90vh - 120px);padding:var(--spacing-4)}.modal-footer{flex-shrink:0;border-top:1px solid var(--border-color);padding:var(--spacing-4);background:var(--bg-primary)}.role-info{background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-4);margin-top:var(--spacing-4)}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.info-row:last-child{margin-bottom:0}.info-label{font-weight:500;color:var(--gray-700)}.info-value{color:var(--gray-900)}.form-text{font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.text-muted{color:var(--gray-500)}.badge-danger{background-color:#ef44441a;color:#dc2626}.permissions-selection{max-height:400px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--border-radius-md)}.permissions-selection .permission-category{border-bottom:1px solid var(--border-color)}.permissions-selection .permission-category:last-child{border-bottom:none}.permissions-selection .category-header{background:var(--gray-50);padding:var(--spacing-3);border-bottom:1px solid var(--border-color)}.permissions-selection .category-title{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--gray-900)}.permissions-selection .permissions-list{padding:var(--spacing-2)}.permissions-selection .permission-item{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-2);margin-bottom:var(--spacing-1);cursor:pointer;border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast)}.permissions-selection .permission-item:hover{background:var(--gray-25)}.permissions-selection .permission-item input[type=checkbox]{width:18px;height:18px;margin-top:2px;flex-shrink:0;cursor:pointer;accent-color:var(--primary-color);-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;appearance:checkbox!important;background-color:transparent!important;border:1px solid var(--border-color)}.permissions-selection .permission-info{display:flex;flex-direction:column;gap:2px;flex:1}.permissions-selection .permission-name{font-weight:500;color:var(--gray-900);font-size:var(--font-size-sm)}.permissions-selection .permission-description{font-size:var(--font-size-xs);color:var(--gray-600)}.role-permissions-modal{width:90vw;max-width:1000px}.permissions-container{max-height:calc(80vh - 120px);overflow-y:auto}.permissions-summary{background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-4);margin-bottom:var(--spacing-4);display:flex;gap:var(--spacing-6);flex-wrap:wrap}.summary-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.summary-label{font-size:var(--font-size-sm);color:var(--gray-600);font-weight:500}.summary-value{font-size:var(--font-size-lg);color:var(--gray-900);font-weight:600}.permission-category{border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden}.category-header{background:var(--gray-50);padding:var(--spacing-4);border-bottom:1px solid var(--border-color)}.category-title{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);display:flex;align-items:center;gap:var(--spacing-2)}.category-count{font-size:var(--font-size-sm);color:var(--primary-color);font-weight:500}.category-description{margin:0;color:var(--gray-600);font-size:var(--font-size-sm)}.permissions-list{display:flex;flex-direction:column}.permission-item{display:flex;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-4);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast)}.permission-item:last-child{border-bottom:none}.permission-item:hover{background:var(--gray-25)}.permission-item.assigned{background:var(--success-light)}.permission-item.assigned:hover{background:var(--success-100)}.permission-item.readonly{opacity:.7}.permission-info{flex:1}.permission-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.permission-name{font-weight:600;color:var(--gray-900)}.permission-description{margin:0 0 var(--spacing-2) 0;color:var(--gray-700);font-size:var(--font-size-sm);line-height:1.4}.permission-details{display:flex;gap:var(--spacing-4);font-size:var(--font-size-xs);color:var(--gray-500)}.permission-resource,.permission-action{display:flex;gap:var(--spacing-1)}.permission-actions{display:flex;align-items:center;flex-shrink:0}.loading-spinner-small{width:16px;height:16px;border:2px solid var(--gray-200);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.role-permissions-modal{width:95vw}.permissions-summary{flex-direction:column;gap:var(--spacing-3)}.permission-item{flex-direction:column;gap:var(--spacing-2)}.permission-actions{align-self:flex-end}.permission-details{flex-direction:column;gap:var(--spacing-1)}}.view-role-permissions-modal{width:90vw;max-width:900px}.role-permissions-view{display:flex;flex-direction:column;gap:var(--spacing-6)}.role-summary{background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-4)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.users-section,.permissions-section,.permissions-explanation{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-4)}.users-section h4,.permissions-section h4,.permissions-explanation h4{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-2)}.users-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.user-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);background:var(--gray-25);border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}.user-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.user-name{font-weight:500;color:var(--gray-900)}.user-email{font-size:var(--font-size-sm);color:var(--gray-600)}.permission-count{font-size:var(--font-size-sm);color:var(--primary-color);font-weight:500}.permissions-note{font-size:var(--font-size-sm);color:var(--gray-600);margin:0 0 var(--spacing-3) 0;font-style:italic}.permissions-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.permission-badge{display:inline-block;padding:var(--spacing-1) var(--spacing-3);background:var(--primary-100);color:var(--primary-700);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:500;border:1px solid var(--primary-200)}.permission-item-display{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--gray-25);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);margin-bottom:var(--spacing-2)}.permissions-categories{display:flex;flex-direction:column;gap:var(--spacing-4)}.permission-category{border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden;background:var(--bg-primary)}.permission-category .category-header{background:var(--gray-50);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-color)}.permission-category .category-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);display:flex;align-items:center;gap:var(--spacing-2)}.permission-category .category-count{font-size:var(--font-size-sm);color:var(--primary-color);font-weight:500}.permission-category .permissions-list{padding:var(--spacing-2)}.permission-item-display .permission-badge{align-self:flex-start;margin-bottom:var(--spacing-1)}.permission-item-display .permission-details{display:flex;flex-direction:column;gap:var(--spacing-1)}.permission-item-display .permission-description{font-size:var(--font-size-sm);color:var(--gray-700);line-height:1.4}.permission-item-display .permission-resource,.permission-item-display .permission-action{font-size:var(--font-size-xs);color:var(--gray-600);font-weight:500}.explanation-content{display:flex;flex-direction:column;gap:var(--spacing-4)}.explanation-content p{margin:0;color:var(--gray-700);line-height:1.5}.level-hierarchy{display:flex;flex-direction:column;gap:var(--spacing-2)}.level-item{display:grid;grid-template-columns:auto 1fr 2fr;gap:var(--spacing-3);align-items:center;padding:var(--spacing-3);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:var(--gray-25);opacity:.6;transition:all var(--transition-fast)}.level-item.active{opacity:1;background:var(--success-50);border-color:var(--success-200)}.level-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--gray-200);color:var(--gray-600);border-radius:50%;font-weight:600;font-size:var(--font-size-sm)}.level-item.active .level-number{background:var(--success-500);color:#fff}.level-name{font-weight:600;color:var(--gray-900)}.level-desc{font-size:var(--font-size-sm);color:var(--gray-600)}@media (max-width: 768px){.view-role-permissions-modal{width:95vw}.summary-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.user-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.level-item{grid-template-columns:auto 1fr;gap:var(--spacing-2)}.level-desc{grid-column:2;margin-top:var(--spacing-1)}}.activity-filters .filter-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-4);align-items:end}.activity-filters .filter-row .form-group{display:flex;flex-direction:column;margin-bottom:0}.activity-filters .filter-row .form-group label{margin-bottom:var(--spacing-2);height:1.5rem;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-timeline{display:flex;flex-direction:column;gap:var(--spacing-4)}.activity-entry{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-primary);transition:all var(--transition-fast)}.activity-entry:hover{box-shadow:0 2px 8px #0000001a}.activity-avatar{flex-shrink:0}.avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-base)}.activity-content{flex:1;min-width:0}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2);gap:var(--spacing-3)}.activity-user{display:flex;flex-direction:column;gap:var(--spacing-1)}.activity-email{font-size:var(--font-size-sm);color:var(--gray-600)}.activity-meta{display:flex;flex-direction:column;gap:var(--spacing-1);align-items:flex-end}.activity-time{font-size:var(--font-size-sm);color:var(--gray-600)}.activity-description{color:var(--gray-700);line-height:1.5;margin-bottom:var(--spacing-2)}.activity-metadata{margin-top:var(--spacing-2)}.activity-metadata details{cursor:pointer}.activity-metadata summary{font-size:var(--font-size-sm);color:var(--primary-color);margin-bottom:var(--spacing-2)}.activity-metadata pre{background:var(--gray-50);padding:var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);overflow-x:auto}.system-overview{display:flex;flex-direction:column;gap:var(--spacing-4)}.system-status{display:flex;gap:var(--spacing-6);align-items:center}.status-item{display:flex;align-items:center;gap:var(--spacing-2)}.status-label{font-weight:500;color:var(--gray-700)}.status-value{color:var(--gray-900)}.system-components{margin-top:var(--spacing-4)}.components-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-4)}.component-stats{display:flex;flex-direction:column;gap:var(--spacing-3)}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;border-bottom:1px solid var(--border-color)}.stat-item:last-child{border-bottom:none}.stat-label{font-weight:500;color:var(--gray-700)}.stat-value{font-weight:600;color:var(--primary-color)}.component-issues{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border-color)}.component-issues h5{margin:0 0 var(--spacing-2) 0;color:var(--error-color)}.component-issues ul{margin:0;padding-left:var(--spacing-4)}.component-issues li{color:var(--gray-700);margin-bottom:var(--spacing-1)}.system-alerts{margin-top:var(--spacing-4)}.alerts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-4)}.alert-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.alert{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-3);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);line-height:1.4}.alert-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626}.alert-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#2563eb}.alert-icon{font-size:var(--font-size-base);flex-shrink:0}.maintenance-operations{display:flex;flex-direction:column;gap:var(--spacing-4)}.operation-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-secondary);gap:var(--spacing-4)}.operation-info{flex:1}.operation-info h4{margin:0 0 var(--spacing-2) 0;color:var(--gray-900)}.operation-info p{margin:0;color:var(--gray-600);font-size:var(--font-size-sm)}.operation-actions{flex-shrink:0}@media (max-width: 768px){.activity-filters .filter-row{grid-template-columns:1fr;gap:var(--spacing-2)}.activity-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.activity-meta{align-items:flex-start}.system-status{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.components-grid,.alerts-grid{grid-template-columns:1fr}.operation-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.operation-actions{align-self:stretch}}@media (max-width: 768px){.role-search-form .search-row{grid-template-columns:1fr;gap:var(--spacing-2)}.create-role-form .form-row,.edit-role-form .form-row{grid-template-columns:1fr}.role-description{max-width:none}}@media (max-width: 768px){.admin-dashboard-page .quick-actions{grid-template-columns:1fr!important;gap:var(--spacing-2)!important}.admin-dashboard-page .dashboard-widgets{grid-template-columns:1fr!important;gap:var(--spacing-3)!important}.stat-value{font-size:2rem}.admin-info-grid{grid-template-columns:1fr;gap:var(--spacing-2)}.admin-info-field{flex-direction:column;align-items:flex-start;gap:var(--spacing-1);border-bottom:1px solid var(--border-color)}.admin-info-field strong{min-width:auto}.admin-info-field span{text-align:left}}.table .select-column{width:40px;text-align:center}.table .select-column input[type=checkbox]{-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;appearance:checkbox!important;width:16px;height:16px;margin:0;cursor:pointer}.table tbody td:first-child{text-align:center;vertical-align:middle}.table tbody td:first-child input[type=checkbox]{-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;appearance:checkbox!important;width:16px;height:16px;margin:0;cursor:pointer}.bulk-actions{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm)}.selected-count{font-weight:500;color:var(--gray-700);font-size:var(--font-size-sm)}.bulk-actions .btn{margin:0;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm);height:auto}.section-actions{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.section-actions .btn{flex-shrink:0}.add-user-modal .checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-3)}.add-user-modal .checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.add-user-modal .checkbox-label input[type=checkbox]{-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;appearance:checkbox!important;width:16px;height:16px;margin:0;cursor:pointer}.add-user-modal .checkbox-label span{font-weight:400;color:var(--gray-700)}.bulk-operations-modal{width:90vw;max-width:600px}.bulk-operations-modal .operation-selector{display:flex;gap:var(--spacing-4);margin:var(--spacing-3) 0}.bulk-operations-modal .operation-option{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;padding:var(--spacing-2);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--white);transition:all .2s ease}.bulk-operations-modal .operation-option:hover{background:var(--gray-50)}.bulk-operations-modal .operation-option input[type=radio]{-webkit-appearance:radio!important;-moz-appearance:radio!important;appearance:radio!important;width:16px;height:16px;margin:0;cursor:pointer;flex-shrink:0}.bulk-operations-modal .operation-option span{font-weight:500;color:var(--gray-700);-webkit-user-select:none;user-select:none}.bulk-operations-modal .users-preview{max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-2);background:var(--gray-50)}.bulk-operations-modal .user-preview{padding:var(--spacing-1);border-bottom:1px solid var(--border-color)}.bulk-operations-modal .user-preview:last-child{border-bottom:none}.bulk-operations-modal .user-email{color:var(--gray-600);font-size:var(--font-size-sm)}.bulk-operations-modal .users-more{padding:var(--spacing-1);font-style:italic;color:var(--gray-600)}.bulk-operations-modal .operation-preview{background:var(--blue-50);border:1px solid var(--blue-200);border-radius:var(--border-radius-sm);padding:var(--spacing-3);margin:var(--spacing-3) 0}.bulk-operations-modal .preview-content{display:flex;align-items:center;gap:var(--spacing-2)}.bulk-operations-modal .preview-icon{font-size:var(--font-size-xl)}.bulk-operations-modal .preview-text{font-weight:500;color:var(--gray-700)}.bulk-operations-modal .bulk-result{margin-top:var(--spacing-4);padding:var(--spacing-3);background:var(--gray-50);border-radius:var(--border-radius-sm)}.bulk-operations-modal .result-summary{display:flex;flex-direction:column;gap:var(--spacing-2)}.bulk-operations-modal .result-item{display:flex;align-items:center;gap:var(--spacing-2)}.bulk-operations-modal .result-item.success{color:var(--green-700)}.bulk-operations-modal .result-item.error{color:var(--red-700)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);text-align:center}.stat-card .stat-value{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--primary-color);margin-bottom:var(--spacing-xs)}.stat-card .stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.search-filters{display:flex;flex-direction:column;gap:var(--spacing-md)}.search-input-group{display:flex;gap:var(--spacing-sm);align-items:flex-end}.search-input-group .form-control{flex:1}.filter-row{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:200px}.filter-group label{font-weight:var(--font-weight-medium);color:var(--text-secondary);font-size:var(--font-size-sm)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.admin-table th{background-color:var(--bg-secondary);font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.admin-table tr:hover{background-color:var(--bg-secondary)}.user-info{display:flex;flex-direction:column}.user-email{font-size:var(--font-size-sm);color:var(--text-primary)}.role-name{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.permission-count{display:block;color:var(--text-muted);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.delegation-reason{font-size:var(--font-size-sm);color:var(--text-primary);font-style:italic}.admin-table .status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.admin-table .status-badge small{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);text-transform:none;letter-spacing:normal;margin-top:2px}.action-buttons{display:flex;gap:var(--spacing-xs)}.action-buttons .btn{min-width:auto;padding:var(--spacing-xs);font-size:var(--font-size-xs)}.no-results{text-align:center;padding:var(--spacing-xl);color:var(--text-muted)}.no-results p{margin:0;font-style:italic}.table-responsive{overflow-x:auto;margin:calc(var(--spacing-md) * -1);padding:var(--spacing-md)}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.filter-row{flex-direction:column}.filter-group{min-width:auto}.search-input-group{flex-direction:column}.admin-table{font-size:var(--font-size-xs)}.admin-table th,.admin-table td{padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.error-boundary-content{text-align:center;max-width:500px;width:100%;padding:var(--spacing-12);background:var(--bg-primary);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-color);position:relative;overflow:hidden}.error-boundary-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover))}.error-icon{width:80px;height:80px;margin:0 auto var(--spacing-8);background:linear-gradient(135deg,var(--primary-light),#e0f2fe);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;position:relative}.error-icon:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));opacity:.1;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.05);opacity:.2}}.error-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-4);letter-spacing:-.025em}.error-message{font-size:var(--font-size-lg);color:var(--gray-600);margin-bottom:var(--spacing-10);line-height:1.6;max-width:400px;margin-left:auto;margin-right:auto}.error-details{text-align:left;margin-top:var(--spacing-8);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-4);max-width:100%}.error-details summary{cursor:pointer;font-weight:500;color:var(--gray-700);padding:var(--spacing-3);margin:calc(-1 * var(--spacing-3));border-radius:var(--border-radius-md);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-2)}.error-details summary:hover{background-color:var(--gray-100)}.error-details summary::marker{display:none}.error-details summary:before{content:"▶";font-size:var(--font-size-sm);color:var(--gray-500);transition:transform var(--transition-fast)}.error-details[open] summary:before{transform:rotate(90deg)}.error-stack{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:var(--font-size-sm);white-space:pre-wrap;overflow-x:auto;background:var(--gray-900);color:var(--gray-100);padding:var(--spacing-4);border-radius:var(--border-radius-md);margin-top:var(--spacing-4);line-height:1.5;max-height:200px;overflow-y:auto}.error-actions{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-2)}.error-actions .btn{min-width:140px;padding:var(--spacing-3) var(--spacing-6);font-weight:600;font-size:var(--font-size-base);border-radius:var(--border-radius-lg);transition:all var(--transition-fast);border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.error-actions .btn-primary{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.error-actions .btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.error-actions .btn-secondary{background:var(--bg-primary);color:var(--gray-700);border:2px solid var(--gray-200)}.error-actions .btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300);transform:translateY(-1px)}@media (max-width: 768px){.error-boundary{padding:var(--spacing-4)}.error-boundary-content{padding:var(--spacing-8);max-width:100%}.error-icon{width:64px;height:64px;font-size:2rem;margin-bottom:var(--spacing-6)}.error-title{font-size:var(--font-size-2xl)}.error-message{font-size:var(--font-size-base);margin-bottom:var(--spacing-8)}.error-actions{flex-direction:column;gap:var(--spacing-3)}.error-actions .btn{width:100%;min-width:auto}}@media (max-width: 480px){.error-boundary-content{padding:var(--spacing-6)}.error-title{font-size:var(--font-size-xl)}.error-message{font-size:var(--font-size-sm)}}.error-boundary-content{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-actions .btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.error-details summary:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--border-radius-md)}.error-actions .btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.error-alert{display:flex;border-radius:var(--border-radius-lg);border:1px solid transparent;transition:all var(--transition-fast);margin-bottom:var(--spacing-4)}.error-alert__content{display:flex;align-items:flex-start;gap:var(--spacing-3);width:100%;padding:var(--spacing-4)}.error-alert__icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.error-alert__text{flex:1;min-width:0}.error-alert__title{font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.error-alert__message{font-size:var(--font-size-sm);line-height:1.5;word-wrap:break-word}.error-alert__actions{display:flex;align-items:flex-start;gap:var(--spacing-2);flex-shrink:0;margin-top:2px}.error-alert__button{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:500;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.error-alert__button:hover{transform:translateY(-1px)}.error-alert__button:active{transform:translateY(0)}.error-alert__button:focus{outline:2px solid currentColor;outline-offset:2px}.error-alert__button--retry{background:#fff3;color:inherit}.error-alert__button--retry:hover{background:#ffffff4d}.error-alert__button--dismiss{background:#0000001a;color:inherit;padding:var(--spacing-1);border-radius:50%;width:24px;height:24px;justify-content:center}.error-alert__button--dismiss:hover{background:#0003}.error-alert--error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca;color:var(--gray-800)}.error-alert--error .error-alert__icon,.error-alert--error .error-alert__title{color:var(--error-color)}.error-alert--warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fed7aa;color:var(--gray-800)}.error-alert--warning .error-alert__icon{color:var(--warning-color)}.error-alert--warning .error-alert__title{color:#d97706}.error-alert--info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe;color:var(--gray-800)}.error-alert--info .error-alert__icon,.error-alert--info .error-alert__title{color:var(--primary-color)}.error-alert--small .error-alert__content{padding:var(--spacing-3);gap:var(--spacing-2)}.error-alert--small .error-alert__icon{width:16px;height:16px}.error-alert--small .error-alert__title,.error-alert--small .error-alert__message{font-size:var(--font-size-xs)}.error-alert--large .error-alert__content{padding:var(--spacing-6);gap:var(--spacing-4)}.error-alert--large .error-alert__icon{width:24px;height:24px}.error-alert--large .error-alert__title{font-size:var(--font-size-base)}.error-alert--large .error-alert__message{font-size:var(--font-size-sm)}@media (max-width: 768px){.error-alert__content{flex-direction:column;gap:var(--spacing-3)}.error-alert__actions{justify-content:flex-end;width:100%}.error-alert--small .error-alert__content{flex-direction:row}}.error-alert{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toast-container{position:fixed;z-index:var(--z-toast);pointer-events:none;display:flex;flex-direction:column;gap:var(--spacing-2);max-width:400px;width:100%}.toast-container--top-right{top:var(--spacing-4);right:var(--spacing-4)}.toast-container--top-left{top:var(--spacing-4);left:var(--spacing-4)}.toast-container--bottom-right{bottom:var(--spacing-4);right:var(--spacing-4);flex-direction:column-reverse}.toast-container--bottom-left{bottom:var(--spacing-4);left:var(--spacing-4);flex-direction:column-reverse}.toast-container--top-center{top:var(--spacing-4);left:50%;transform:translate(-50%)}.toast-container--bottom-center{bottom:var(--spacing-4);left:50%;transform:translate(-50%);flex-direction:column-reverse}.toast{pointer-events:auto;min-width:300px;max-width:400px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);border:1px solid transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translate(100%);transition:all .3s cubic-bezier(.4,0,.2,1)}.toast--visible{opacity:1;transform:translate(0)}.toast--removing{opacity:0;transform:translate(100%) scale(.95)}.toast__icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.toast__text{flex:1;font-size:var(--font-size-sm);line-height:1.5;word-wrap:break-word;color:var(--gray-800)}.toast__actions{display:flex;align-items:flex-start;gap:var(--spacing-2);flex-shrink:0;margin-top:2px}.toast__button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-1);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-xs);font-weight:500}.toast__button:hover{transform:scale(1.05)}.toast__button:active{transform:scale(.95)}.toast__button:focus{outline:2px solid currentColor;outline-offset:2px}.toast__button--action{background:#ffffff4d;color:inherit;padding:var(--spacing-1) var(--spacing-2);border:1px solid rgba(255,255,255,.2)}.toast__button--action:hover{background:#fff6;border-color:#ffffff4d}.toast__button--close{background:#0000001a;color:var(--gray-600);width:24px;height:24px;border-radius:50%}.toast__button--close:hover{background:#0003;color:var(--gray-800)}.toast--success{background:linear-gradient(135deg,#ecfdf5f2,#d1fae5f2);border-color:#a7f3d04d}.toast--success .toast__icon{color:var(--success-color)}.toast--error{background:linear-gradient(135deg,#fef2f2f2,#fee2e2f2);border-color:#fca5a54d}.toast--error .toast__icon{color:var(--error-color)}.toast--warning{background:linear-gradient(135deg,#fffbebf2,#fef3c7f2);border-color:#fde0474d}.toast--warning .toast__icon{color:var(--warning-color)}.toast--info{background:linear-gradient(135deg,#eff6fff2,#dbeafef2);border-color:#93c5fd4d}.toast--info .toast__icon{color:var(--primary-color)}.toast-container--top-left .toast,.toast-container--bottom-left .toast{transform:translate(-100%)}.toast-container--top-left .toast--visible,.toast-container--bottom-left .toast--visible{transform:translate(0)}.toast-container--top-left .toast--removing,.toast-container--bottom-left .toast--removing{transform:translate(-100%) scale(.95)}.toast-container--top-center .toast,.toast-container--bottom-center .toast{transform:translateY(-20px)}.toast-container--top-center .toast--visible,.toast-container--bottom-center .toast--visible{transform:translateY(0)}.toast-container--top-center .toast--removing,.toast-container--bottom-center .toast--removing{transform:translateY(-20px) scale(.95)}.toast-container--bottom-center .toast{transform:translateY(20px)}.toast-container--bottom-center .toast--removing{transform:translateY(20px) scale(.95)}@media (max-width: 768px){.toast-container{max-width:calc(100vw - var(--spacing-8));left:var(--spacing-4)!important;right:var(--spacing-4)!important;transform:none!important}.toast{min-width:auto;max-width:none}.toast__content{padding:var(--spacing-3)}.toast{transform:translate(100%)}.toast--visible{transform:translate(0)}.toast--removing{transform:translate(100%) scale(.95)}}.toast:hover{box-shadow:var(--shadow-2xl)}.toast:after{content:"";position:absolute;bottom:0;left:0;height:2px;background:currentColor;opacity:.3;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);animation:toastProgress var(--toast-duration, 5s) linear forwards}@keyframes toastProgress{0%{width:100%}to{width:0%}}@media (prefers-contrast: high){.toast{border-width:2px;-webkit-backdrop-filter:none;backdrop-filter:none}.toast--success{background:#f0fff4;border-color:var(--success-color)}.toast--error{background:#fef2f2;border-color:var(--error-color)}.toast--warning{background:#fffbeb;border-color:var(--warning-color)}.toast--info{background:#eff6ff;border-color:var(--primary-color)}}@media (prefers-reduced-motion: reduce){.toast{transition:opacity .3s;transform:none!important}.toast--removing{transform:none!important}}.field-error{margin-top:var(--spacing-1);color:var(--error-color);font-size:var(--font-size-sm);line-height:1.4;animation:fieldErrorSlide .2s ease-out}@keyframes fieldErrorSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.field-error__single{display:flex;align-items:flex-start;gap:var(--spacing-1)}.field-error__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.field-error__item{display:flex;align-items:flex-start;gap:var(--spacing-1)}.field-error__icon{flex-shrink:0;width:14px;height:14px;margin-top:1px;color:currentColor}.field-error__text{flex:1;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.field-error--inline{margin-top:0;margin-left:var(--spacing-2)}.field-error--compact{font-size:var(--font-size-xs)}.field-error--compact .field-error__icon{width:12px;height:12px}.field-error--warning{color:var(--warning-color)}.field-error--info{color:var(--primary-color)}@media (prefers-contrast: high){.field-error{font-weight:600}}@media (prefers-reduced-motion: reduce){.field-error{animation:none}}.loading-state{display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.loading-state--fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal)}.loading-state--overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.loading-state__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.loading-state__text{font-size:var(--font-size-sm);color:var(--gray-600);text-align:center;max-width:200px}.loading-spinner{width:24px;height:24px;animation:spin 1s linear infinite}.loading-spinner svg{width:100%;height:100%}.loading-spinner circle{animation:spinDash 1.5s ease-in-out infinite}@keyframes spinDash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.loading-dots{display:flex;gap:var(--spacing-1)}.loading-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:dotBounce 1.4s ease-in-out infinite both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}@keyframes dotBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-pulse{position:relative;width:32px;height:32px}.loading-pulse-circle{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:currentColor;opacity:.4;animation:pulse 2s ease-in-out infinite}.loading-pulse-circle:before,.loading-pulse-circle:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite}.loading-pulse-circle:before{animation-delay:-.5s}.loading-pulse-circle:after{animation-delay:-1s}@keyframes pulse{0%,to{transform:scale(.8);opacity:.4}50%{transform:scale(1.2);opacity:.1}}.loading-skeleton{width:100%;max-width:300px}.loading-skeleton-line{height:16px;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-2);animation:skeletonShimmer 2s ease-in-out infinite}.loading-skeleton-line--short{width:60%}.loading-skeleton-line:last-child{margin-bottom:0}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-state--small .loading-spinner{width:16px;height:16px}.loading-state--small .loading-dot{width:6px;height:6px}.loading-state--small .loading-pulse{width:20px;height:20px}.loading-state--small .loading-skeleton-line{height:12px}.loading-state--small .loading-state__text{font-size:var(--font-size-xs)}.loading-state--large .loading-spinner{width:32px;height:32px}.loading-state--large .loading-dot{width:10px;height:10px}.loading-state--large .loading-pulse{width:48px;height:48px}.loading-state--large .loading-skeleton-line{height:20px}.loading-state--large .loading-state__text{font-size:var(--font-size-base)}@media (prefers-color-scheme: dark){.loading-state--fullscreen{background:#000000e6}.loading-state--overlay{background:#000c}.loading-state__text{color:var(--gray-300)}.loading-skeleton-line{background:linear-gradient(90deg,var(--gray-700) 25%,var(--gray-600) 50%,var(--gray-700) 75%);background-size:200% 100%}}@media (prefers-reduced-motion: reduce){.loading-spinner,.loading-dot,.loading-pulse-circle,.loading-skeleton-line{animation:none}.loading-spinner,.loading-dot{opacity:.7}.loading-pulse-circle{opacity:.4}.loading-skeleton-line{background:var(--gray-200)}}@media (prefers-contrast: high){.loading-state{color:var(--gray-900)}.loading-skeleton-line{background:var(--gray-400)}}.file-upload-container{width:100%}.file-upload{position:relative;border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);background-color:var(--bg-secondary);transition:all var(--transition-fast);cursor:pointer;overflow:hidden;min-height:200px;display:flex;align-items:center;justify-content:center}.file-upload:hover:not(.file-upload--disabled){border-color:var(--primary-color);background-color:#2563eb05;transform:translateY(-1px)}.file-upload:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-color:var(--primary-color)}.file-upload--dragging{border-color:var(--primary-color);background-color:#2563eb0d;border-style:solid;transform:scale(1.02)}.file-upload--dragging .file-upload__content{transform:scale(.98)}.file-upload--disabled{opacity:.6;cursor:not-allowed;background-color:var(--gray-100)}.file-upload--uploading{pointer-events:none;opacity:.8}.file-upload--compact{min-height:60px;border-radius:var(--border-radius-md)}.file-upload--compact:hover:not(.file-upload--disabled){transform:none}.file-upload__input{position:absolute;width:0;height:0;opacity:0;overflow:hidden;z-index:-1}.file-upload__content{text-align:center;padding:var(--spacing-8);transition:transform var(--transition-fast);pointer-events:none;width:100%}.file-upload--compact .file-upload__content{padding:var(--spacing-4)}.file-upload__icon{margin-bottom:var(--spacing-4);color:var(--gray-400);transition:color var(--transition-fast)}.file-upload:hover .file-upload__icon,.file-upload--dragging .file-upload__icon{color:var(--primary-color)}.file-upload__title{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);margin:0 0 var(--spacing-2) 0;transition:color var(--transition-fast)}.file-upload:hover .file-upload__title,.file-upload--dragging .file-upload__title{color:var(--primary-color)}.file-upload__subtitle{font-size:var(--font-size-base);color:var(--gray-600);margin:0 0 var(--spacing-4) 0}.file-upload__limits{font-size:var(--font-size-sm);color:var(--gray-500);margin:0;line-height:1.5}.file-upload__compact{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:500;color:var(--gray-700)}.file-upload__compact-icon{font-size:var(--font-size-lg);transition:transform var(--transition-fast)}.file-upload:hover .file-upload__compact-icon,.file-upload--dragging .file-upload__compact-icon{transform:scale(1.1)}.file-upload__compact-text{transition:color var(--transition-fast)}.file-upload:hover .file-upload__compact-text,.file-upload--dragging .file-upload__compact-text{color:var(--primary-color)}.file-upload__errors{margin-top:var(--spacing-4);border-radius:var(--border-radius-md);background-color:#ef44440d;border:1px solid rgba(239,68,68,.2);padding:var(--spacing-4)}.file-upload__error{display:flex;align-items:flex-start;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.file-upload__error:last-child{margin-bottom:0}.file-upload__error-icon{font-size:var(--font-size-sm);margin-top:2px;flex-shrink:0}.file-upload__error-content{flex:1}.file-upload__error-content strong{display:block;color:var(--error-color);font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.file-upload__error-list{margin:0;padding:0;list-style:none}.file-upload__error-list li{color:var(--error-color);font-size:var(--font-size-xs);margin-bottom:var(--spacing-1);padding-left:var(--spacing-4);position:relative}.file-upload__error-list li:before{content:"•";position:absolute;left:var(--spacing-2);color:var(--error-color);font-weight:700}.file-upload__error-list li:last-child{margin-bottom:0}.file-upload__files{margin-top:var(--spacing-6);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);background-color:var(--bg-primary);overflow:hidden}.file-upload__files-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.file-upload__files-header h4{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--gray-900)}.file-upload__files-list{max-height:300px;overflow-y:auto}.file-upload__file-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast)}.file-upload__file-item:last-child{border-bottom:none}.file-upload__file-item:hover{background-color:var(--bg-secondary)}.file-upload__file-preview{width:40px;height:40px;border-radius:var(--border-radius-md);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:var(--gray-100);border:1px solid var(--border-color)}.file-upload__file-thumbnail{width:100%;height:100%;object-fit:cover}.file-upload__file-icon{color:var(--gray-500);display:flex;align-items:center;justify-content:center}.file-upload__file-info{flex:1;min-width:0}.file-upload__file-name{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-900);margin-bottom:var(--spacing-1);word-break:break-word;line-height:1.3}.file-upload__file-size{font-size:var(--font-size-xs);color:var(--gray-500)}.file-upload__file-error{font-size:var(--font-size-xs);color:var(--error-color);margin-top:var(--spacing-1);font-weight:500}.file-upload__progress{margin-top:var(--spacing-2);position:relative;height:4px;background-color:var(--gray-200);border-radius:2px;overflow:hidden}.file-upload__progress-bar{height:100%;background-color:var(--primary-color);border-radius:2px;transition:width var(--transition-fast);position:relative}.file-upload__progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShimmer 1.5s infinite}.file-upload__progress-text{position:absolute;top:-20px;right:0;font-size:var(--font-size-xs);color:var(--gray-600);font-weight:500}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.file-upload__file-actions{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.file-upload__file-status{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--font-size-xs)}.file-upload__file-status--pending{background-color:var(--gray-200);color:var(--gray-500)}.file-upload__file-status--uploading{background-color:var(--primary-light)}.file-upload__file-status--success{background-color:#10b9811a}.file-upload__file-status--error{background-color:#ef44441a}.file-upload__spinner{width:14px;height:14px;border:2px solid var(--primary-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.file-upload__remove-btn{width:24px;height:24px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--gray-400);font-size:var(--font-size-lg);font-weight:700;line-height:1;transition:all var(--transition-fast)}.file-upload__remove-btn:hover:not(:disabled){background-color:var(--error-color);color:#fff;transform:scale(1.1)}.file-upload__remove-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.file-upload__errors,.file-upload__files{animation:slideIn var(--transition-fast) ease-out}@media (max-width: 768px){.file-upload__content{padding:var(--spacing-6)}.file-upload__title{font-size:var(--font-size-base)}.file-upload__subtitle{font-size:var(--font-size-sm)}.file-upload__limits{font-size:var(--font-size-xs)}.file-upload__files-list{max-height:250px}.file-upload__file-item{padding:var(--spacing-3);gap:var(--spacing-2)}.file-upload__file-preview{width:32px;height:32px}.file-upload__file-name{font-size:var(--font-size-xs)}.file-upload__file-size{font-size:10px}}@media (max-width: 480px){.file-upload{min-height:150px}.file-upload__content{padding:var(--spacing-4)}.file-upload__icon svg{width:32px;height:32px}.file-upload__files-header{padding:var(--spacing-3);flex-direction:column;gap:var(--spacing-2);align-items:stretch}.file-upload--compact{min-height:50px}.file-upload--compact .file-upload__content{padding:var(--spacing-3)}}@media (prefers-contrast: high){.file-upload,.file-upload--dragging{border-width:3px}.file-upload__file-item{border-bottom-width:2px}.file-upload__progress{height:6px}}@media (prefers-reduced-motion: reduce){.file-upload,.file-upload__content,.file-upload__icon,.file-upload__title,.file-upload__compact-icon,.file-upload__compact-text,.file-upload__progress-bar,.file-upload__remove-btn{transition:none}.file-upload--dragging,.file-upload--dragging .file-upload__content{transform:none}.file-upload:hover:not(.file-upload--disabled){transform:none}.file-upload__spinner{animation:none}.file-upload__progress-bar:after{animation:none}.file-upload__errors,.file-upload__files{animation:none}}.upload-progress{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.upload-progress--pending{border-color:var(--gray-300)}.upload-progress--uploading{border-color:var(--primary-color);box-shadow:0 0 0 1px #2563eb1a}.upload-progress--success{border-color:var(--success-color);background-color:#10b98105}.upload-progress--error{border-color:var(--error-color);background-color:#ef444405}.upload-progress--bar .upload-progress__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.upload-progress--bar .upload-progress__status{flex:1}.upload-progress--bar .upload-progress__title{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--gray-900)}.upload-progress--bar .upload-progress__stats{display:flex;gap:var(--spacing-3);font-size:var(--font-size-xs);color:var(--gray-600)}.upload-progress--bar .upload-progress__percentage{font-size:var(--font-size-lg);font-weight:700;color:var(--primary-color)}.upload-progress--bar .upload-progress__bar{height:8px;background-color:var(--gray-200);position:relative;overflow:hidden}.upload-progress--bar .upload-progress__bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));transition:width var(--transition-fast);position:relative}.upload-progress--bar .upload-progress__bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShimmer 1.5s infinite}.upload-progress--bar .upload-progress__details{display:flex;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-xs);color:var(--gray-600)}.upload-progress--circular{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-6)}.upload-progress--circular .upload-progress__circular{position:relative;margin-bottom:var(--spacing-4)}.upload-progress--circular .upload-progress__circle{transform:rotate(-90deg)}.upload-progress--circular .upload-progress__circle-bg{stroke:var(--gray-200)}.upload-progress--circular .upload-progress__circle-fill{stroke:var(--primary-color);transition:stroke-dashoffset var(--transition-fast)}.upload-progress--circular .upload-progress__circular-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.upload-progress--circular .upload-progress__circular-percentage{font-size:var(--font-size-lg);font-weight:700;color:var(--primary-color);line-height:1}.upload-progress--circular .upload-progress__circular-status{font-size:var(--font-size-xs);color:var(--gray-600);margin-top:var(--spacing-1)}.upload-progress--circular .upload-progress__circular-details{text-align:center}.upload-progress--circular .upload-progress__circular-title{font-size:var(--font-size-sm);font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-1)}.upload-progress--circular .upload-progress__circular-size{font-size:var(--font-size-xs);color:var(--gray-600)}.upload-progress--compact{padding:var(--spacing-3)}.upload-progress--compact .upload-progress__compact-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.upload-progress--compact .upload-progress__compact-text{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-700)}.upload-progress--compact .upload-progress__compact-percentage{font-size:var(--font-size-sm);font-weight:600;color:var(--primary-color)}.upload-progress--compact .upload-progress__compact-bar{height:4px;background-color:var(--gray-200);border-radius:2px;overflow:hidden}.upload-progress--compact .upload-progress__compact-fill{height:100%;background-color:var(--primary-color);transition:width var(--transition-fast)}.upload-progress--list .upload-progress__list-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.upload-progress--list .upload-progress__list-title{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--gray-900)}.upload-progress--list .upload-progress__list-summary{font-size:var(--font-size-xs);color:var(--gray-600)}.upload-progress--list .upload-progress__list{max-height:200px;overflow-y:auto}.upload-progress--list .upload-progress__item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast)}.upload-progress--list .upload-progress__item:last-child{border-bottom:none}.upload-progress--list .upload-progress__item:hover{background-color:var(--bg-secondary)}.upload-progress--list .upload-progress__item-info{flex:1;min-width:0}.upload-progress--list .upload-progress__item-name{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-900);margin-bottom:var(--spacing-1);word-break:break-word}.upload-progress--list .upload-progress__item-size{font-size:var(--font-size-xs);color:var(--gray-500)}.upload-progress--list .upload-progress__item-progress{display:flex;align-items:center;gap:var(--spacing-2);min-width:120px}.upload-progress--list .upload-progress__item-bar{flex:1;height:4px;background-color:var(--gray-200);border-radius:2px;overflow:hidden}.upload-progress--list .upload-progress__item-fill{height:100%;background-color:var(--primary-color);transition:width var(--transition-fast)}.upload-progress--list .upload-progress__item-percentage{font-size:var(--font-size-xs);font-weight:600;color:var(--primary-color);min-width:30px;text-align:right}.upload-progress--list .upload-progress__item-status{font-size:var(--font-size-xs);font-weight:500;display:flex;align-items:center;gap:var(--spacing-1)}.upload-progress--list .upload-progress__item-status--success{color:var(--success-color)}.upload-progress--list .upload-progress__item-status--error{color:var(--error-color)}.upload-progress--list .upload-progress__item-status--pending{color:var(--gray-500)}.upload-progress--list .upload-progress__item-actions{display:flex;gap:var(--spacing-1)}.upload-progress--list .upload-progress__item-btn{width:24px;height:24px;border:none;background:none;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);transition:all var(--transition-fast)}.upload-progress--list .upload-progress__item-btn--cancel:hover{background-color:#ef44441a}.upload-progress--list .upload-progress__item-btn--retry:hover{background-color:#2563eb1a}.upload-progress--list .upload-progress__list-footer{padding:var(--spacing-3) var(--spacing-4);background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}.upload-progress--list .upload-progress__list-stats{display:flex;justify-content:space-between;margin-bottom:var(--spacing-2);font-size:var(--font-size-xs);color:var(--gray-600)}.upload-progress--list .upload-progress__list-failed{color:var(--error-color)}.upload-progress--list .upload-progress__list-overall{display:flex;align-items:center;gap:var(--spacing-2)}.upload-progress--list .upload-progress__list-bar{flex:1;height:4px;background-color:var(--gray-200);border-radius:2px;overflow:hidden}.upload-progress--list .upload-progress__list-fill{height:100%;background-color:var(--primary-color);transition:width var(--transition-fast)}.upload-progress--list .upload-progress__list-percentage{font-size:var(--font-size-xs);font-weight:600;color:var(--primary-color);min-width:30px;text-align:right}.file-preview{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.file-preview__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.file-preview__title{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--gray-900)}.file-preview__header-actions{display:flex;align-items:center;gap:var(--spacing-3)}.file-preview__reorder-hint{font-size:var(--font-size-xs);color:var(--gray-500);font-style:italic}.file-preview__list{max-height:400px;overflow-y:auto}.file-preview__item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--border-color);transition:all var(--transition-fast);position:relative}.file-preview__item:last-child{border-bottom:none}.file-preview__item:hover{background-color:var(--bg-secondary)}.file-preview--reorderable .file-preview__item{cursor:move}.file-preview--reorderable .file-preview__item:hover{background-color:#2563eb0d;border-left:3px solid var(--primary-color)}.file-preview__item--success{background-color:#10b98105}.file-preview__item--error{background-color:#ef444405}.file-preview__item--uploading{background-color:#2563eb05}.file-preview__thumbnail{width:48px;height:48px;border-radius:var(--border-radius-md);overflow:hidden;flex-shrink:0;cursor:pointer;transition:transform var(--transition-fast)}.file-preview__thumbnail:hover{transform:scale(1.05)}.file-preview__thumbnail-image{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-md)}.file-preview__thumbnail-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);border:1px solid currentColor;cursor:pointer;transition:all var(--transition-fast)}.file-preview__thumbnail-icon:hover{transform:scale(1.1)}.file-preview__thumbnail-emoji{font-size:20px}.file-preview__info{flex:1;min-width:0}.file-preview__name{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-900);margin-bottom:var(--spacing-1);word-break:break-word;line-height:1.3}.file-preview__metadata{display:flex;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--gray-500);flex-wrap:wrap}.file-preview__metadata span:not(:last-child):after{content:"•";margin-left:var(--spacing-2);color:var(--gray-400)}.file-preview__size{font-weight:500}.file-preview__type{color:var(--gray-600)}.file-preview__modified{color:var(--gray-500)}.file-preview__progress{margin-top:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-2)}.file-preview__progress-bar{flex:1;height:4px;background-color:var(--gray-200);border-radius:2px;overflow:hidden}.file-preview__progress-fill{height:100%;background-color:var(--primary-color);transition:width var(--transition-fast)}.file-preview__progress-text{font-size:var(--font-size-xs);font-weight:600;color:var(--primary-color);min-width:30px;text-align:right}.file-preview__error{margin-top:var(--spacing-1);font-size:var(--font-size-xs);color:var(--error-color);font-weight:500}.file-preview__status-actions{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.file-preview__status{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--font-size-xs)}.file-preview__status--success{background-color:#10b9811a}.file-preview__status--error{background-color:#ef44441a}.file-preview__status--uploading{background-color:#2563eb1a}.file-preview__status--pending{background-color:var(--gray-200)}.file-preview__spinner{width:12px;height:12px;border:2px solid var(--primary-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.file-preview__actions{display:flex;gap:var(--spacing-1)}.file-preview__action-btn{width:24px;height:24px;border:none;background:none;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);transition:all var(--transition-fast);opacity:.7}.file-preview__action-btn:hover{opacity:1;transform:scale(1.1);background-color:#0000000d}.file-preview__action-btn--remove:hover{background-color:#ef44441a}.file-preview--grid .file-preview__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-4);padding:var(--spacing-4);max-height:500px}.file-preview--grid .file-preview__item{flex-direction:column;text-align:center;padding:var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-primary)}.file-preview--grid .file-preview__thumbnail{width:64px;height:64px;margin:0 auto var(--spacing-3) auto}.file-preview--grid .file-preview__info{text-align:center}.file-preview--grid .file-preview__metadata{justify-content:center;flex-direction:column;gap:var(--spacing-1)}.file-preview--grid .file-preview__metadata span:after{display:none}.file-preview--grid .file-preview__status-actions{margin-top:var(--spacing-3);justify-content:center}.file-preview--compact .file-preview__item{padding:var(--spacing-2) var(--spacing-3);gap:var(--spacing-2)}.file-preview--compact .file-preview__thumbnail{width:32px;height:32px}.file-preview--compact .file-preview__thumbnail-emoji{font-size:14px}.file-preview--compact .file-preview__name{font-size:var(--font-size-xs);margin-bottom:0}.file-preview--compact .file-preview__metadata{display:none}.file-preview--compact .file-preview__status{width:16px;height:16px}.file-preview--compact .file-preview__action-btn{width:20px;height:20px}.file-preview__modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.file-preview__modal{background-color:var(--bg-primary);border-radius:var(--border-radius-lg);max-width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl)}.file-preview__modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.file-preview__modal-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);word-break:break-word}.file-preview__modal-close{width:32px;height:32px;border:none;background:none;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);color:var(--gray-500);transition:all var(--transition-fast);flex-shrink:0;margin-left:var(--spacing-4)}.file-preview__modal-close:hover{background-color:var(--gray-100);color:var(--gray-900)}.file-preview__modal-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);min-height:300px;overflow:hidden}.file-preview__modal-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--border-radius-md)}.file-preview__modal-footer{padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.file-preview__modal-info{display:flex;gap:var(--spacing-4);font-size:var(--font-size-sm);color:var(--gray-600);justify-content:center}@media (prefers-color-scheme: dark){.file-upload{background-color:#ffffff05}.file-upload:hover:not(.file-upload--disabled){background-color:#2563eb0d}.file-upload--dragging{background-color:#2563eb14}.file-upload__files{background-color:#ffffff05}.file-upload__files-header,.file-upload__file-item:hover{background-color:#ffffff0d}}.search-filters{display:flex;flex-direction:column;gap:var(--spacing-md);max-height:65vh;overflow-y:auto;padding:var(--spacing-md);scroll-behavior:smooth}.filter-section{border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-primary);overflow:visible;position:relative;z-index:1;margin-bottom:var(--spacing-xs)}.filter-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-secondary);border:none;cursor:pointer;font-weight:var(--font-weight-medium);color:var(--text-primary);transition:background-color var(--transition-fast)}.filter-section-header:hover{background-color:var(--bg-tertiary)}.section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.expand-icon{font-size:var(--font-size-sm);color:var(--text-secondary);transition:transform var(--transition-fast);transform:rotate(-90deg)}.expand-icon.expanded{transform:rotate(0)}.filter-section-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);background-color:var(--bg-primary);border-top:1px solid var(--border-color);position:relative;z-index:2}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative;z-index:5;margin-bottom:var(--spacing-lg);clear:both}.filter-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}.field-help{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--text-secondary);margin-top:2px}.file-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm);position:relative;z-index:3;background-color:var(--bg-primary);padding:var(--spacing-xs);border-radius:var(--border-radius-sm)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);cursor:pointer;margin:0 0 2px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast);position:relative;z-index:10;background-color:var(--bg-primary);border:1px solid transparent}.checkbox-label input[type=checkbox]{margin:0;cursor:pointer;position:relative;z-index:20;flex-shrink:0}.checkbox-text{color:var(--text-primary);-webkit-user-select:none;user-select:none;position:relative;z-index:15}.checkbox-label:hover{background-color:var(--bg-secondary);border-color:var(--border-color);z-index:25}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.size-inputs,.number-range{display:flex;align-items:center;gap:var(--spacing-sm)}.size-input,.number-input{flex:1;min-width:0}.size-separator,.range-separator{color:var(--text-secondary);font-weight:var(--font-weight-medium);flex-shrink:0}.date-range{display:flex;align-items:center;gap:var(--spacing-sm)}.date-input{flex:1;min-width:0}.date-separator{color:var(--text-secondary);font-weight:var(--font-weight-medium);flex-shrink:0}.tag-input-container{position:relative}.tag-input-container .tag-suggestions{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-primary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 var(--border-radius-md) var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:9999!important;max-height:200px;overflow-y:auto}.tag-input-container .tag-suggestion{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;text-align:left;font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast)}.tag-input-container .tag-suggestion:hover,.tag-input-container .tag-suggestion:focus,.tag-input-container .tag-suggestion.selected{background-color:var(--bg-secondary);outline:none}.tag-input-container .tag-suggestion.selected{background-color:var(--color-primary);color:var(--color-white)}.selected-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.tag-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);background-color:var(--primary-color-light);color:var(--primary-color-dark);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.tag-remove{background:none;border:none;color:inherit;cursor:pointer;font-size:var(--font-size-sm);line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color var(--transition-fast)}.tag-remove:hover{background-color:#0000001a}.filter-actions{display:flex;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);background-color:var(--bg-secondary);position:sticky;bottom:0;z-index:100;margin-top:auto}.filter-actions .btn{flex:1;min-width:120px}.search-filters .form-control{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);transition:all var(--transition-fast);background-color:var(--bg-primary);color:var(--text-primary)}.modal-content.advanced-search-modal .search-filters .form-control:focus{outline:none;border-color:var(--border-color);box-shadow:none;transform:none}.modal-content.advanced-search-modal .search-filters input:focus,.modal-content.advanced-search-modal .search-filters select:focus,.modal-content.advanced-search-modal .search-filters textarea:focus{outline:none;border-color:var(--border-color);box-shadow:none;transform:none}.search-filters .form-control:disabled{background-color:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}.search-filters .form-control::placeholder{color:var(--text-secondary)}@media (max-width: 768px){.file-type-grid{grid-template-columns:1fr}.size-inputs,.number-range,.date-range{flex-direction:column;align-items:stretch}.size-separator,.range-separator,.date-separator{align-self:center;margin:var(--spacing-xs) 0}.filter-actions{flex-direction:column}}.search-filters::-webkit-scrollbar{width:6px}.search-filters::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.search-filters::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.search-filters::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.search-results-display{display:flex;flex-direction:column;gap:var(--spacing-lg)}.search-results-header{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.search-results-stats{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.results-count{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-base)}.results-pagination{font-size:var(--font-size-sm);color:var(--text-secondary)}.search-query-display{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.search-query-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.search-query-text{background-color:var(--bg-tertiary);color:var(--text-primary);padding:2px var(--spacing-xs);border-radius:var(--border-radius-sm);font-family:var(--font-family-mono, monospace);font-size:var(--font-size-sm);border:1px solid var(--border-color)}.search-results-content{display:contents}.search-result-item{position:relative}.search-result-context{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 var(--border-radius-md) var(--border-radius-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.search-result-item .document-card{border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;margin-bottom:0}.search-result-item:not(:has(.search-result-context)) .document-card{border-radius:var(--border-radius-md)}.search-result-snippet,.search-result-matches{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.search-result-snippet:last-child,.search-result-matches:last-child{margin-bottom:0}.search-result-label{font-weight:var(--font-weight-medium);color:var(--text-secondary);min-width:80px;flex-shrink:0}.search-result-text{flex:1;color:var(--text-primary);line-height:1.4}.search-result-text mark{background-color:var(--color-warning-light);color:var(--color-warning-dark);padding:1px 2px;border-radius:2px;font-weight:var(--font-weight-medium)}.search-result-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.search-result-tag{background-color:var(--color-primary-light);color:var(--color-primary-dark);padding:2px var(--spacing-xs);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--color-primary-alpha)}.search-result-item:hover .search-result-context{background-color:var(--bg-tertiary);border-color:var(--color-primary-alpha)}.search-result-item:hover .search-result-tag{background-color:var(--color-primary);color:var(--color-white)}.search-highlight{background-color:var(--color-warning-light);color:var(--color-warning-dark);padding:1px 2px;border-radius:2px;font-weight:var(--font-weight-medium)}.search-highlight-primary{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.search-highlight-secondary{background-color:var(--color-success-light);color:var(--color-success-dark)}@media (max-width: 768px){.search-results-header{padding:var(--spacing-sm) var(--spacing-md)}.search-results-stats,.search-query-display{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.search-result-snippet,.search-result-matches{flex-direction:column;gap:var(--spacing-xs)}.search-result-label{min-width:unset}.search-result-tags{margin-top:var(--spacing-xs)}.search-result-context{padding:var(--spacing-sm)}}@media (max-width: 480px){.search-results-display{gap:var(--spacing-md)}.search-results-header{gap:var(--spacing-xs)}.search-query-text{word-break:break-all}.search-result-tag{font-size:var(--font-size-xs);padding:1px var(--spacing-xs)}}@media (prefers-color-scheme: dark){.search-result-text mark{background-color:var(--color-warning-dark);color:var(--color-warning-light)}.search-highlight{background-color:var(--color-warning-dark);color:var(--color-warning-light)}.search-highlight-primary{background-color:var(--color-primary-dark);color:var(--color-primary-light)}.search-highlight-secondary{background-color:var(--color-success-dark);color:var(--color-success-light)}}.search-history{display:flex;flex-direction:column;height:100%;min-height:300px;max-height:500px}.search-history-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);border-bottom:1px solid var(--border-color);padding:var(--spacing-md);background-color:var(--bg-secondary)}.search-history-tabs{display:flex;gap:var(--spacing-xs)}.search-history-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:none;border:1px solid transparent;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.search-history-tab:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.search-history-tab.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.search-history-count{background-color:#fff3;color:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0 4px;line-height:1}.search-history-tab.active .search-history-count{background-color:#ffffff4d}.search-history-actions{display:flex;gap:var(--spacing-xs)}.search-history-content{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.search-history-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.search-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);text-align:center;color:var(--text-secondary)}.search-history-empty svg{opacity:.5}.search-history-empty p{margin:0;font-weight:var(--font-weight-medium)}.search-history-empty small{font-size:var(--font-size-xs);opacity:.7}.search-history-item{border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden;transition:all var(--transition-fast)}.search-history-item:hover{border-color:var(--color-primary-alpha);box-shadow:0 2px 8px var(--shadow-color)}.search-history-item-button{width:100%;background:none;border:none;padding:var(--spacing-md);text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.search-history-item-button:hover{background-color:var(--bg-secondary)}.search-history-item-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.search-history-item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.search-history-query,.search-history-name{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-base);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-history-time{font-size:var(--font-size-xs);color:var(--text-secondary);flex-shrink:0}.search-history-item-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);font-size:var(--font-size-xs)}.search-history-filters{color:var(--text-secondary);font-style:italic;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-history-results{color:var(--color-primary);font-weight:var(--font-weight-medium);flex-shrink:0}.search-history-query-small{color:var(--text-primary);font-size:var(--font-size-xs);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-history-item-date{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-xs);border-top:1px solid var(--border-color);padding-top:var(--spacing-xs)}.saved-search-item{border-left:3px solid var(--color-primary)}.saved-search-item:hover{border-left-color:var(--color-primary-dark)}.saved-search-item .search-history-item-header{align-items:flex-start}.saved-search-item .btn-icon{margin-top:-2px;opacity:0;transition:opacity var(--transition-fast)}.saved-search-item:hover .btn-icon{opacity:1}.search-save-dialog{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.search-save-dialog-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;cursor:pointer}.search-save-dialog-content{position:relative;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);min-width:320px;max-width:500px;width:100%}.search-save-dialog-content h4{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.search-save-dialog-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg)}@media (max-width: 768px){.search-history-header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.search-history-tabs{order:1}.search-history-actions{order:2;justify-content:center}.search-history-tab{flex:1;justify-content:center}.search-history-item-meta{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.search-history-filters,.search-history-results,.search-history-query-small{white-space:normal;overflow:visible;text-overflow:unset}.search-save-dialog{padding:var(--spacing-md)}.search-save-dialog-content{padding:var(--spacing-lg);min-width:unset}.search-save-dialog-actions{flex-direction:column-reverse}.search-save-dialog-actions .btn{width:100%}}@media (max-width: 480px){.search-history{min-height:250px}.search-history-item-button{padding:var(--spacing-sm)}.search-history-content{padding:var(--spacing-xs)}.search-history-empty{padding:var(--spacing-lg)}.search-history-count{min-width:14px;height:14px;font-size:10px}}@media (prefers-contrast: high){.search-history-item{border-width:2px}.saved-search-item{border-left-width:4px}.search-history-tab.active{box-shadow:inset 0 0 0 2px var(--color-white)}}@media (prefers-reduced-motion: reduce){.search-history-item,.search-history-tab,.search-history-item-button,.saved-search-item .btn-icon{transition:none}}.folder-breadcrumb{margin-bottom:var(--spacing-md);display:block;width:100%}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);list-style:none;margin:0;padding:0;width:100%}.breadcrumb-item{display:flex;align-items:center;gap:var(--spacing-xs);flex-direction:row}.breadcrumb-link{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--primary-color);font-size:var(--font-size-sm);text-decoration:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.breadcrumb-link:hover{background-color:var(--bg-secondary);color:var(--primary-color-hover)}.breadcrumb-current{padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.breadcrumb-icon{flex-shrink:0;width:16px;height:16px}.breadcrumb-separator{flex-shrink:0;width:16px;height:16px;color:var(--text-tertiary)}.folder-tree{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden}.folder-tree-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.folder-tree-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.folder-tree-loading,.folder-tree-error{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);gap:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-sm)}.folder-tree-error{flex-direction:column;text-align:center}.folder-tree-content{max-height:400px;overflow-y:auto}.folder-tree-empty{padding:var(--spacing-lg);text-align:center;color:var(--text-secondary)}.folder-tree-empty p{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm)}.folder-tree-root{border-bottom:1px solid var(--border-color)}.folder-node{position:relative}.folder-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:background-color var(--transition-fast);border-bottom:1px solid transparent}.folder-item--selected{background-color:#2563eb1a;border-bottom-color:var(--primary-color)}.folder-expand{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);flex-shrink:0}.folder-expand:hover:not(:disabled){background-color:var(--bg-tertiary)}.folder-expand:disabled{cursor:default}.expand-icon{width:12px;height:12px;color:var(--text-secondary);transition:transform var(--transition-fast)}.expand-placeholder{width:12px;height:12px}.folder-button{display:flex;align-items:center;gap:var(--spacing-xs);flex:1;min-width:0;padding:var(--spacing-xs);border:none;background:none;color:var(--text-primary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.folder-button:hover{background-color:var(--bg-tertiary)}.folder-icon{flex-shrink:0;width:16px;height:16px;color:var(--text-secondary)}.folder-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.folder-count{color:var(--text-tertiary);font-size:var(--font-size-xs);flex-shrink:0}.folder-add{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);opacity:0;flex-shrink:0}.folder-item:hover .folder-add,.folder-tree-header .folder-add{opacity:1}.folder-add:hover{background-color:var(--bg-tertiary);color:var(--primary-color)}.folder-children{border-left:1px solid var(--border-color);margin-left:10px}.folder-location{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}.folder-location-label{display:block;font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium)}.folder-location-path{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-primary);font-size:var(--font-size-sm)}@media (max-width: 768px){.breadcrumb-list{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none}.breadcrumb-list::-webkit-scrollbar{display:none}.folder-tree{position:static;width:100%;height:auto;max-height:40vh;z-index:1;transition:none;border-radius:var(--border-radius-md);border:1px solid var(--border-color);margin-bottom:var(--spacing-md);overflow-y:auto}.folder-tree-content{max-height:none}.folder-tree-header{background:var(--gray-50);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-sm)}.folder-tree-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.folder-item{padding:var(--spacing-xs) 0}.folder-button{min-height:40px;padding:var(--spacing-xs) var(--spacing-sm)}}@media (prefers-reduced-motion: reduce){.folder-expand,.folder-button,.folder-add,.expand-icon{transition:none}.expand-icon--expanded{transform:none}}.folder-expand:focus-visible,.folder-add:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.loading-spinner-xs{width:12px;height:12px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-sm{width:16px;height:16px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.upload-section{animation:fadeIn .3s ease-out}.document-card{animation:scaleIn .2s ease-out}.file-preview__item{animation:slideIn .2s ease-out}.documents-grid .document-card:nth-child(1){animation-delay:0ms}.documents-grid .document-card:nth-child(2){animation-delay:50ms}.documents-grid .document-card:nth-child(3){animation-delay:.1s}.documents-grid .document-card:nth-child(4){animation-delay:.15s}.documents-grid .document-card:nth-child(5){animation-delay:.2s}.documents-grid .document-card:nth-child(6){animation-delay:.25s}.btn{position:relative;overflow:hidden;transform:translateZ(0);transition:all .2s cubic-bezier(.4,0,.2,1)}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;pointer-events:none}.btn:active:before{width:300px;height:300px}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}.btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001f}.btn:disabled{transform:none;box-shadow:none;opacity:.6;cursor:not-allowed}.upload-progress__bar-fill,.file-preview__progress-fill{background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-light) 50%,var(--primary-color) 100%);background-size:200% 100%;animation:progressShimmer 2s ease-in-out infinite}@keyframes progressShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.upload-progress__item--uploading .upload-progress__item-name{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.file-upload--dragging{position:relative}.file-upload--dragging:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 25%,rgba(37,99,235,.05) 25%,rgba(37,99,235,.05) 50%,transparent 50%,transparent 75%,rgba(37,99,235,.05) 75%);background-size:20px 20px;animation:dragStripes .5s linear infinite;pointer-events:none}@keyframes dragStripes{0%{background-position:0 0}to{background-position:20px 0}}.tooltip{position:relative;display:inline-block}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:1000}.tooltip:before{content:"";position:absolute;bottom:115%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000000e6;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000}.tooltip:hover:after,.tooltip:hover:before{opacity:1;visibility:visible}.file-type-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}.file-type-badge--pdf{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.file-type-badge--doc{background:#2563eb1a;color:#2563eb;border:1px solid rgba(37,99,235,.2)}.file-type-badge--image{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.file-type-badge--video{background:#7c3aed1a;color:#7c3aed;border:1px solid rgba(124,58,237,.2)}.file-type-badge--audio{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.status-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.status-indicator--success{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.status-indicator--error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.status-indicator--uploading{background:#2563eb1a;color:#2563eb;border:1px solid rgba(37,99,235,.2);animation:pulse 2s ease-in-out infinite}.status-indicator--pending{background:#9ca3af1a;color:#6b7280;border:1px solid rgba(156,163,175,.2)}.empty-state{animation:fadeIn .4s ease-out}.empty-state .empty-icon{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.search-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left var(--spacing-sm) center;background-size:16px 16px;padding-left:calc(var(--spacing-sm) + 20px + var(--spacing-xs))}.search-input:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232563eb'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'%3E%3C/path%3E%3C/svg%3E")}.file-preview__item:hover{transform:translate(4px)}.document-card:hover .document-icon,.btn-icon:hover{transform:scale(1.1)}.file-upload:hover .file-upload__icon{transform:scale(1.05)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.document-card-skeleton{height:200px;border-radius:var(--border-radius-lg);animation:skeleton-loading 1.5s infinite}.file-upload:focus-visible,.document-card:focus-visible,.btn:focus-visible,.search-input:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 4px #2563eb33}@media (prefers-contrast: high){.file-upload{border-width:3px}.document-card{border-width:2px}.btn{border-width:2px;border-style:solid}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.empty-state .empty-icon{animation:none}.file-upload--dragging:after{animation:none}}.toast-container{position:fixed;top:var(--spacing-4);right:var(--spacing-4);z-index:var(--z-toast);max-width:400px;width:100%;pointer-events:none}.toast{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;pointer-events:auto;position:relative;transform:translate(100%);transition:all var(--transition-spring);margin-bottom:var(--spacing-2)}.toast--visible{transform:translate(0)}.toast--removing{transform:translate(100%);opacity:0}.toast__content{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4)}.toast__icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.toast__text{flex:1;min-width:0}.toast__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--spacing-1)}.toast__message{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4}.toast__actions{display:flex;align-items:flex-start;gap:var(--spacing-2)}.toast__button{background:none;border:none;padding:var(--spacing-1);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.toast__button:hover{background:var(--bg-secondary)}.toast__button--close{color:var(--text-secondary);width:24px;height:24px}.toast__button--action{color:var(--primary-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--primary-color);border-radius:var(--border-radius-sm)}.toast__button--action:hover{background:var(--primary-color);color:#fff}.toast--success{border-left:4px solid var(--success-color)}.toast--success .toast__icon{background:#10b9811a;color:var(--success-color)}.toast--error{border-left:4px solid var(--error-color)}.toast--error .toast__icon{background:#ef44441a;color:var(--error-color)}.toast--warning{border-left:4px solid var(--warning-color)}.toast--warning .toast__icon{background:#f59e0b1a;color:var(--warning-color)}.toast--info{border-left:4px solid var(--primary-color)}.toast--info .toast__icon{background:#2563eb1a;color:var(--primary-color)}.toast__progress{position:absolute;bottom:0;left:0;height:2px;background:var(--border-color);width:100%;overflow:hidden}.toast__progress:after{content:"";position:absolute;top:0;left:0;height:100%;background:currentColor;width:0;animation:toast-progress linear}.toast--success .toast__progress:after{background:var(--success-color);animation-duration:5s}.toast--error .toast__progress:after{background:var(--error-color);animation-duration:7s}.toast--warning .toast__progress:after{background:var(--warning-color);animation-duration:6s}.toast--info .toast__progress:after{background:var(--primary-color);animation-duration:5s}@keyframes toast-progress{0%{width:100%}to{width:0}}@media (max-width: 768px){.toast-container{left:var(--spacing-2);right:var(--spacing-2);max-width:none}.toast__content{padding:var(--spacing-3)}}@media print{.upload-section,.document-actions,.pagination,.search-box{display:none!important}.documents-grid{display:block}.document-card{break-inside:avoid;margin-bottom:var(--spacing-md);box-shadow:none;border:1px solid #000}}.dashboard-page{animation:slideInUp .6s ease-out}.dashboard-page .section-header:first-child{margin-bottom:var(--spacing-4);padding-top:0}.dashboard-page .section-header{display:flex;align-items:center;justify-content:space-between;flex-direction:row}.dashboard-page .section-title{order:0}.dashboard-page .section-actions{order:1}.dashboard-page .section-title{margin-bottom:var(--spacing-3)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-color)}.section-title{margin:0;color:var(--gray-900);font-size:var(--font-size-2xl);font-weight:600}.section-actions{display:flex;gap:var(--spacing-3)}.dashboard-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-4)}.dashboard-page .widget{background-color:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all var(--transition-fast);height:fit-content}.dashboard-page .widget:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dashboard-page .widget h3{margin-bottom:var(--spacing-4);color:var(--gray-800);font-size:var(--font-size-lg);font-weight:600;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-2)}.dashboard-page .widget p{color:var(--gray-600);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm);line-height:1.5}.quick-actions{display:flex;flex-direction:column;gap:var(--spacing-3)}.dashboard-page .widget .quick-actions{margin-top:var(--spacing-2)}.dashboard-page .widget .quick-actions .btn{width:100%;justify-content:flex-start;text-align:left;padding:var(--spacing-3);font-size:var(--font-size-sm);font-weight:500;border:1px solid var(--border-color);transition:all var(--transition-fast)}.dashboard-page .widget .quick-actions .btn:hover{background-color:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color);transform:translate(4px)}.dashboard-page .widget .quick-actions .btn:before{content:"→";margin-right:var(--spacing-2);transition:transform var(--transition-fast)}.dashboard-page .widget .quick-actions .btn:hover:before{transform:translate(2px)}.content-section{margin-bottom:var(--spacing-6)}.content-section:last-child{margin-bottom:0}.content-section h3{margin-bottom:var(--spacing-4);color:var(--gray-900);font-size:var(--font-size-lg);font-weight:600;padding-bottom:var(--spacing-2);border-bottom:1px solid var(--border-color)}.content-section .card{margin-top:var(--spacing-4)}.content-section .card-body{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-3)}.content-section .card-body p{margin:0;color:var(--gray-600);font-size:var(--font-size-sm)}.widget-empty-state{text-align:center;padding:var(--spacing-6) var(--spacing-4);color:var(--gray-500)}.widget-empty-state:before{content:"📭";display:block;font-size:2rem;margin-bottom:var(--spacing-2);opacity:.6}.dashboard-page .widget p:only-child{text-align:center;color:var(--gray-500);font-style:italic;padding:var(--spacing-4) 0}@media (max-width: 768px){.dashboard-page .section-header{flex-direction:row;gap:var(--spacing-3)}.dashboard-page .section-actions{order:1;flex-shrink:0}.dashboard-page .section-title{order:0;flex:1}.dashboard-widgets{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-4);margin-top:var(--spacing-3)}.dashboard-page .widget{padding:var(--spacing-5)}.dashboard-page .widget h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-3)}.quick-actions{gap:var(--spacing-2)}.dashboard-page .widget .quick-actions .btn{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.content-section{margin-bottom:var(--spacing-4)}.section-header{flex-direction:row!important;align-items:center;justify-content:space-between;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3)}.section-title{font-size:var(--font-size-xl);margin:0}.section-actions{order:1;justify-content:flex-end;flex-shrink:0}.section-actions .btn{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);white-space:nowrap}}@media (max-width: 480px){.dashboard-page .section-header{margin-bottom:var(--spacing-2)}.dashboard-page .section-title{font-size:var(--font-size-lg)}.dashboard-widgets{grid-template-columns:1fr;gap:var(--spacing-3);margin-top:var(--spacing-2)}.dashboard-page .widget{padding:var(--spacing-4);border-radius:var(--border-radius-md)}.dashboard-page .widget h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-2)}.dashboard-page .widget p{font-size:var(--font-size-xs)}.dashboard-page .widget .quick-actions .btn{padding:var(--spacing-2);font-size:var(--font-size-xs)}.content-section{margin-bottom:var(--spacing-3)}.content-section h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-2)}.content-section .card{padding:var(--spacing-4)}.content-section .card-body{flex-direction:column;align-items:stretch;gap:var(--spacing-2)}.section-header{gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.section-title{font-size:var(--font-size-lg)}.section-actions .btn{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm)}}.widget-loading{display:flex;align-items:center;justify-content:center;min-height:120px;flex-direction:column;gap:var(--spacing-2)}.widget-loading .loading-spinner{width:24px;height:24px;border:2px solid var(--gray-200);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.widget-loading p{color:var(--gray-500);font-size:var(--font-size-xs);margin:0}.dashboard-page .widget .quick-actions .btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast: high){.dashboard-page .widget{border-width:2px}.dashboard-page .widget h3{border-bottom-width:2px}.dashboard-page .widget .quick-actions .btn{border-width:2px}}@media (prefers-reduced-motion: reduce){.dashboard-page{animation:none}.dashboard-page .widget:hover,.dashboard-page .widget .quick-actions .btn:hover{transform:none}.dashboard-page .widget .quick-actions .btn:hover:before{transform:none}}@media print{.dashboard-page .widget .quick-actions,.dashboard-page .section-actions{display:none}.dashboard-page .widget{break-inside:avoid;box-shadow:none;border:1px solid var(--gray-400)}}.profile-header{display:flex;align-items:flex-start;gap:var(--spacing-6);margin-bottom:var(--spacing-8);padding:var(--spacing-6);background-color:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.profile-avatar{position:relative;flex-shrink:0}.avatar-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:700;color:#fff;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.avatar-circle:hover{transform:scale(1.05)}.status-indicator{position:absolute;bottom:2px;right:2px;background-color:var(--bg-primary);border-radius:50%;padding:2px;box-shadow:var(--shadow-sm)}.status-dot{display:block;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-primary)}.status-dot.active{background-color:var(--success-color);box-shadow:0 0 0 2px var(--success-color)}.status-dot.inactive{background-color:var(--gray-400);box-shadow:0 0 0 2px var(--gray-400)}.profile-info{flex:1;min-width:0}.profile-name{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-3xl);font-weight:700;color:var(--gray-900)}.profile-role{margin:0 0 var(--spacing-4) 0;font-size:var(--font-size-lg);font-weight:500;color:var(--primary-color);padding:var(--spacing-1) var(--spacing-3);background-color:var(--primary-light);border-radius:var(--border-radius-md);display:inline-block}.profile-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-4);color:var(--gray-600);font-size:var(--font-size-sm)}.meta-item{display:flex;align-items:center;gap:var(--spacing-1)}.meta-item.verified{color:var(--success-color);font-weight:600}.profile-content{display:flex;flex-direction:column;gap:var(--spacing-6)}.profile-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.profile-field{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) 0;border-bottom:1px solid var(--border-color)}.profile-field:last-child{border-bottom:none}.profile-field strong{color:var(--gray-700);font-weight:600;min-width:120px}.profile-field span{color:var(--gray-900);text-align:right;word-break:break-word}.roles-section{margin-bottom:var(--spacing-6)}.roles-section h4{margin-bottom:var(--spacing-3);color:var(--gray-800);font-size:var(--font-size-base);font-weight:600}.roles-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.role-badge{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:var(--gray-100);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-sm)}.role-name{font-weight:600;color:var(--gray-800)}.permissions-section h4{margin-bottom:var(--spacing-3);color:var(--gray-800);font-size:var(--font-size-base);font-weight:600}.permissions-summary p{margin-bottom:var(--spacing-3);color:var(--gray-600);font-size:var(--font-size-sm)}.permissions-details{margin-top:var(--spacing-3)}.permissions-details summary{cursor:pointer;padding:var(--spacing-2);background-color:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-weight:500;color:var(--primary-color);transition:background-color var(--transition-fast)}.permissions-details summary:hover{background-color:var(--primary-light)}.permissions-list{display:flex;flex-wrap:wrap;gap:var(--spacing-1);padding:var(--spacing-3);margin-top:var(--spacing-2);background-color:var(--gray-50);border-radius:var(--border-radius-md);max-height:200px;overflow-y:auto}.permission-badge{padding:2px var(--spacing-2);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);color:var(--gray-700);white-space:nowrap}.external-account-notice{display:flex;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-4);background-color:var(--primary-light);border:1px solid rgba(37,99,235,.2);border-radius:var(--border-radius-lg)}.notice-icon{font-size:var(--font-size-2xl);flex-shrink:0;margin-top:var(--spacing-1)}.notice-content h4{margin:0 0 var(--spacing-2) 0;color:var(--primary-color);font-size:var(--font-size-base);font-weight:600}.notice-content p{margin:0;color:var(--gray-700);font-size:var(--font-size-sm);line-height:1.5}.section-actions .btn[disabled]{opacity:.6;cursor:not-allowed;background-color:var(--gray-200);color:var(--gray-500);border-color:var(--gray-300)}.section-actions .btn[disabled]:hover{background-color:var(--gray-200);transform:none}@media (max-width: 768px){.profile-header{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-4);padding:var(--spacing-4)}.avatar-circle{width:60px;height:60px;font-size:var(--font-size-xl)}.profile-name{font-size:var(--font-size-2xl)}.profile-role{font-size:var(--font-size-base)}.profile-meta{justify-content:center;gap:var(--spacing-2)}.profile-info-grid{grid-template-columns:1fr;gap:var(--spacing-2)}.profile-field{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.profile-field span{text-align:left}.roles-list{justify-content:center}}@media (max-width: 480px){.profile-header{padding:var(--spacing-3);gap:var(--spacing-3)}.avatar-circle{width:50px;height:50px;font-size:var(--font-size-lg)}.profile-name{font-size:var(--font-size-xl)}.meta-item{font-size:var(--font-size-xs)}.role-badge,.permission-badge{font-size:11px;padding:1px var(--spacing-1)}}.delegation-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding:var(--spacing-4);background-color:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.summary-stat{text-align:center;padding:var(--spacing-3)}.summary-stat .stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--primary-color);line-height:1;margin-bottom:var(--spacing-1)}.summary-stat .stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.active-delegations h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:2px solid var(--border-color)}.delegation-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.delegation-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);background-color:var(--bg-primary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);transition:all var(--transition-fast)}.delegation-item:hover{background-color:var(--bg-secondary);border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.delegation-info{flex:1}.delegation-role{margin-bottom:var(--spacing-2)}.delegation-role strong{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600}.delegation-role small{display:block;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:400;margin-top:var(--spacing-1)}.delegation-details{display:flex;flex-direction:column;gap:var(--spacing-1)}.delegation-type,.delegation-dates{font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-1)}.delegation-type{font-weight:500}.delegation-dates{font-weight:400}.delegation-status{flex-shrink:0;margin-left:var(--spacing-4)}.no-active-delegations{text-align:center;padding:var(--spacing-8) var(--spacing-4);background-color:var(--bg-secondary);border-radius:var(--border-radius-md);border:2px dashed var(--border-color)}.no-active-delegations p:first-child{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-4)}.no-active-delegations p:last-child{margin-bottom:0}.view-all-delegations{text-align:center;margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px solid var(--border-color)}.view-all-delegations .btn-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.view-all-delegations .btn-link:hover{color:var(--primary-hover);text-decoration:underline}.card-header .card-actions{display:flex;gap:var(--spacing-2);align-items:center}.card-actions .btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.card-actions .btn-primary{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.card-actions .btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.card-actions .btn-secondary{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.card-actions .btn-secondary:hover{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--primary-color)}@media (max-width: 768px){.delegation-summary{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-2)}.delegation-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.delegation-status{margin-left:0;align-self:flex-end}.delegation-details{gap:var(--spacing-2)}.card-header .card-actions{flex-direction:column;width:100%;gap:var(--spacing-2)}.card-actions .btn-sm{width:100%;text-align:center}}.documents-page{padding:var(--spacing-md);max-width:1400px;margin:0 auto}.documents-layout{display:flex;gap:var(--spacing-lg);min-height:600px}.documents-sidebar{flex:0 0 280px;min-width:280px}.documents-main{flex:1;min-width:0}.documents-main--full-width{flex:1}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);min-height:48px}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;flex:0 0 auto}.section-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex:0 0 auto;margin-left:auto}.search-box{display:flex;align-items:center;gap:var(--spacing-sm)}.search-icon-external{color:var(--text-secondary);flex-shrink:0}.search-input{width:240px;min-width:180px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-base);transition:all var(--transition-fast);background-image:none!important;height:44px}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.search-input::placeholder{color:var(--text-secondary)}.btn-folder-toggle{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);min-width:44px;height:44px;flex-shrink:0}.btn-folder-toggle svg{width:20px;height:20px}.section-actions .btn{flex-shrink:0;white-space:nowrap;height:44px;padding:0 var(--spacing-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.section-actions .btn svg{width:20px;height:20px}.breadcrumb-section{margin-bottom:var(--spacing-lg)}.upload-section{background:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--border-color)}.upload-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.documents-content{min-height:400px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.documents-content .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:40px;padding:var(--spacing-xl)}.loading-container .loading-text{margin-top:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.document-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-sm);transition:all var(--transition-fast);cursor:pointer}.document-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color)}.folder-card{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-color:var(--primary-color);border-width:2px}.folder-card:hover{background:linear-gradient(135deg,var(--primary-light) 0%,var(--bg-secondary) 100%);border-color:var(--primary-hover);cursor:pointer}.folder-card .document-icon.folder-icon{font-size:var(--font-size-3xl);color:var(--primary-color)}.folder-card .document-name{color:var(--primary-color);font-weight:var(--font-weight-bold)}.document-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.document-icon{font-size:var(--font-size-xl);color:var(--text-secondary)}.document-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.document-card:hover .document-actions{opacity:1}.btn-icon{background:none;border:none;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.btn-icon:hover{background-color:var(--bg-secondary)}.btn-icon.btn-danger{background-color:transparent;color:inherit;border:none;box-shadow:none}.btn-icon.btn-danger:hover{background-color:#ef44441a;color:var(--error-color)}.document-info{flex:1}.document-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-metadata{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.document-size,.document-date{font-size:var(--font-size-xs);color:var(--text-secondary)}.document-type,.file-type-badge{font-size:var(--font-size-xs);color:var(--text-tertiary);background:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);display:inline-block;max-width:fit-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-type-badge--folder{background:var(--primary-light);color:var(--primary-color);font-weight:var(--font-weight-medium)}.file-type-badge--pdf{background:#ef44441a;color:#dc2626;font-weight:var(--font-weight-medium)}.file-type-badge--doc{background:#3b82f61a;color:#2563eb;font-weight:var(--font-weight-medium)}.file-type-badge--image{background:#10b9811a;color:#059669;font-weight:var(--font-weight-medium)}.file-type-badge--video{background:#a855f71a;color:#7c3aed;font-weight:var(--font-weight-medium)}.file-type-badge--audio{background:#f59e0b1a;color:#d97706;font-weight:var(--font-weight-medium)}.document-folder{display:flex;align-items:center;gap:var(--spacing-xs);margin:var(--spacing-xs) 0;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);color:var(--text-secondary);max-width:100%;overflow:hidden;cursor:pointer;transition:all var(--transition-fast)}.document-folder:hover{background-color:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.document-folder:hover .document-folder-icon{color:var(--primary-color)}.document-folder:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.document-folder-icon{flex-shrink:0;color:var(--primary-color);transition:color var(--transition-fast)}.document-folder-path{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:var(--font-size-xs)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.6}.empty-state h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.upload-documents-btn{margin-top:var(--spacing-6);margin-bottom:var(--spacing-4)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) 0}.pagination-info{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 var(--spacing-md)}.section-actions--desktop{display:flex}.section-actions--mobile{display:none}.documents-mobile-menu-toggle{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);min-width:44px;height:44px}.documents-mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;z-index:var(--z-fixed);display:flex;justify-content:flex-end;padding:var(--spacing-md);padding-top:80px}.documents-mobile-menu{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:320px;width:100%;max-height:calc(100vh - 120px);overflow-y:auto;border:1px solid var(--border-color)}.documents-mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.documents-mobile-menu-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.documents-mobile-menu-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.documents-mobile-menu-close:hover{background:var(--gray-200);color:var(--text-primary)}.documents-mobile-menu-close:focus{outline:none;background:var(--gray-200);color:var(--text-primary)}.documents-mobile-menu-section{padding:var(--spacing-md);border-bottom:1px solid var(--gray-200)}.documents-mobile-search-box{position:relative}.documents-mobile-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-base);background:#fff}.documents-mobile-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.documents-mobile-search-indicator{position:absolute;top:100%;left:0;right:0;font-size:var(--font-size-xs);color:var(--primary-color);background:var(--primary-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm);text-align:center;margin-top:2px}.documents-mobile-menu-actions{padding:0}.documents-mobile-menu-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);border:none;background:none;color:var(--text-primary);font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid var(--gray-200)}.documents-mobile-menu-item:last-child{border-bottom:none}.documents-mobile-menu-item:hover{background-color:var(--gray-50);color:var(--primary-color)}.documents-mobile-menu-item:focus{outline:none;background-color:var(--gray-50);color:var(--primary-color)}.documents-mobile-menu-item.active{background-color:var(--primary-light);color:var(--primary-color)}.documents-mobile-menu-item--primary{background-color:var(--primary-color);color:#fff}.documents-mobile-menu-item--primary:hover:not(:disabled){background-color:var(--primary-hover);color:#fff}.documents-mobile-menu-item:disabled{opacity:.5;cursor:not-allowed}.documents-mobile-menu-item svg{flex-shrink:0;color:currentColor}.documents-mobile-menu-item span{flex:1;min-width:0}.documents-mobile-filter-badge{background-color:var(--error-color);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 6px;border-radius:var(--border-radius-full);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 768px){.documents-page{padding:var(--spacing-sm)}.documents-layout{flex-direction:column;gap:var(--spacing-md)}.documents-sidebar{flex:none;order:-1;width:100%;margin-bottom:var(--spacing-md)}.documents-main{flex:1}.section-header-main{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.section-title{font-size:var(--font-size-xl)}.section-actions--desktop{display:none}.section-actions--mobile{display:flex}.documents-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.upload-actions{flex-direction:column}.pagination{flex-direction:column;gap:var(--spacing-sm)}.folder-tree{max-height:40vh;padding:var(--spacing-sm)}.folder-breadcrumb{padding:var(--spacing-sm);font-size:var(--font-size-xs)}.folder-children{margin-left:var(--spacing-sm);padding-left:var(--spacing-xs)}.folder-item{min-height:32px}.folder-button{padding:var(--spacing-xs)}}@media (max-width: 480px){.document-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.document-actions{opacity:1;align-self:flex-end}.upload-section{padding:var(--spacing-md)}}.folder-tree{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);height:fit-content;max-height:70vh;overflow-y:auto}.folder-tree-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.folder-tree-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.folder-tree-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-sm)}.folder-tree-error{text-align:center;padding:var(--spacing-lg)}.folder-tree-error p{color:var(--error-color);margin-bottom:var(--spacing-md)}.folder-tree-root{margin-bottom:var(--spacing-sm)}.folder-tree-content{min-height:100px}.folder-tree-empty{text-align:center;padding:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-sm)}.folder-tree-empty button{margin-top:var(--spacing-md)}.folder-node{margin-bottom:var(--spacing-xs)}.folder-item{display:flex;align-items:center;background:transparent;border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast);min-height:36px;position:relative}.folder-item:hover{background-color:var(--bg-secondary)}.folder-item--selected{background-color:var(--primary-light);color:var(--primary-color)}.folder-item--selected .folder-name{color:var(--primary-color);font-weight:var(--font-weight-semibold)}.folder-expand{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--border-radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);flex-shrink:0}.folder-expand:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary)}.folder-expand:disabled{cursor:default;opacity:.5}.expand-icon{transition:transform var(--transition-fast);color:currentColor}.expand-icon--expanded{transform:rotate(90deg)}.expand-placeholder{width:16px;height:16px}.folder-button{background:none;border:none;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);flex:1;min-width:0;text-align:left}.folder-button:hover{background-color:var(--bg-secondary)}.folder-button--root{font-weight:var(--font-weight-medium)}.folder-icon{color:var(--text-secondary);flex-shrink:0}.folder-name{font-size:var(--font-size-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.folder-count{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-left:auto;flex-shrink:0}.folder-actions{position:absolute;right:var(--spacing-xs);top:50%;transform:translateY(-50%);display:flex;gap:var(--spacing-xs);background:var(--bg-primary);border-radius:var(--border-radius-sm);padding:var(--spacing-xs);box-shadow:0 2px 4px #0000001a;border:1px solid var(--border-color);opacity:0;pointer-events:none;transition:all var(--transition-fast)}.folder-item:hover .folder-actions{opacity:1;pointer-events:all}.folder-add,.folder-rename,.folder-delete{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--border-radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);flex-shrink:0}.folder-tree-header .folder-add{opacity:1;position:static;transform:none;background:transparent;border:none;box-shadow:none;padding:var(--spacing-xs);width:24px;height:24px}.folder-add:hover{background-color:var(--primary-light);color:var(--primary-color)}.folder-rename:hover{background-color:#3b82f61a;color:#2563eb}.folder-delete:hover{background-color:#ef44441a;color:var(--error-color)}.folder-children{margin-left:var(--spacing-md);border-left:1px solid var(--border-color);padding-left:var(--spacing-sm)}.folder-breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);font-size:var(--font-size-sm);overflow-x:auto;white-space:nowrap}.breadcrumb-item{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.breadcrumb-link{background:none;border:none;color:var(--primary-color);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);font-size:var(--font-size-sm);text-decoration:none}.breadcrumb-link:hover{background-color:var(--primary-light);color:var(--primary-hover)}.breadcrumb-separator{color:var(--text-secondary);font-size:var(--font-size-xs);margin:0 var(--spacing-xs)}.breadcrumb-current{color:var(--text-primary);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm)}.folder-location{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.folder-location-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.folder-location-path{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--primary-color);font-weight:var(--font-weight-medium)}.folder-location-path .folder-icon{color:var(--primary-color)}@media (prefers-reduced-motion: reduce){.loading-spinner,.document-card,.btn-icon,.search-input,.file-upload{animation:none;transition:none;transform:none}}.document-card:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn-icon:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.folder-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.folder-expand:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.folder-add:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.breadcrumb-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.document-card--dragging{opacity:.5;transform:rotate(2deg);box-shadow:0 8px 16px #00000026;transition:all var(--transition-fast)}.folder-item--drag-over{background-color:var(--primary-light);border:2px dashed var(--primary-color);border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.folder-item--drag-over .folder-button{background-color:transparent}.documents-main[data-drag-over=true]{background-color:var(--primary-light);border:2px dashed var(--primary-color);border-radius:var(--border-radius-lg);transition:all var(--transition-fast)}.drag-drop-zone{min-height:100px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);background-color:var(--bg-secondary);transition:all var(--transition-fast)}.drag-drop-zone--active{border-color:var(--primary-color);background-color:var(--primary-light)}.drag-drop-zone-text{color:var(--text-secondary);font-size:var(--font-size-sm);text-align:center}.document-card{cursor:pointer}.document-card[draggable=true]{cursor:grab}.document-card[draggable=true]:active{cursor:grabbing}.search-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.search-box{position:relative;flex:1;min-width:200px}.search-input:disabled{background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.search-mode-indicator{position:absolute;top:50%;left:var(--spacing-xl);transform:translateY(-50%);font-size:var(--font-size-xs);color:var(--color-primary);background-color:var(--bg-primary);padding:2px var(--spacing-xs);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);pointer-events:none}.advanced-search-btn{position:relative;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.advanced-search-btn.active{background-color:var(--color-primary);border-color:var(--border-color);color:var(--color-white)}.advanced-search-btn:hover:not(.active){background-color:var(--bg-tertiary)}.filter-count-badge{position:absolute;top:-4px;right:-4px;background-color:var(--color-danger);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0 4px;line-height:1}.clear-search-btn{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-danger);border-color:var(--color-danger)}.clear-search-btn:hover{background-color:var(--color-danger);color:var(--color-white)}.search-results-summary{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.search-results-info{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.results-count{font-weight:var(--font-weight-medium);color:var(--text-primary)}.active-filters{font-size:var(--font-size-sm);color:var(--text-secondary);background-color:var(--bg-primary);padding:2px var(--spacing-xs);border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}.search-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-lg)}.search-actions .btn{min-width:160px}.advanced-search-modal{max-width:800px;max-height:90vh;min-height:400px;display:flex;flex-direction:column}.advanced-search-modal .modal-body{display:flex;flex-direction:column;gap:var(--spacing-lg);flex:1;overflow:hidden;min-height:0}.search-query-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.search-query-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}.search-query-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);background-color:var(--bg-primary);color:var(--text-primary);transition:border-color var(--transition-fast)}.modal-content.advanced-search-modal input:focus,.modal-content.advanced-search-modal select:focus,.modal-content.advanced-search-modal textarea:focus{outline:none;border-color:var(--border-color);box-shadow:none;transform:none}.modal-content.advanced-search-modal .search-query-input:focus{outline:none;border-color:var(--border-color);box-shadow:none;transform:none}.search-help-text{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.filters-section{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.search-error{margin-bottom:var(--spacing-md)}.modal-footer-info{flex:1}.modal-footer-actions{display:flex;gap:var(--spacing-sm)}.advanced-search-modal,.advanced-search-modal .modal-content{z-index:var(--z-modal)}.advanced-search-modal-overlay{padding-top:80px;align-items:flex-start}@media (max-width: 768px){.advanced-search-modal-overlay{padding-top:80px;align-items:flex-start}.advanced-search-modal{max-height:calc(100vh - 100px)}}@media (max-width: 480px){.advanced-search-modal-overlay{padding-top:70px;align-items:flex-start}.advanced-search-modal{min-height:300px;max-height:calc(100vh - 90px)}}.advanced-search-modal .search-filters{max-height:calc(60vh - 100px)}@media (max-width: 768px){.search-controls{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.advanced-search-modal .search-filters{max-height:calc(50vh - 80px)}.search-box{min-width:unset}.search-results-summary{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.search-results-info{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.search-actions{flex-direction:row;flex-wrap:wrap;justify-content:center}.search-actions .btn{min-width:unset;flex:1;min-width:120px}.advanced-search-modal{max-width:95vw;margin:var(--spacing-md)}.modal-footer-actions{flex-direction:column-reverse}.modal-footer-actions .btn{width:100%}}@media (max-width: 480px){.filter-count-badge{position:static;margin-left:var(--spacing-xs);border-radius:var(--border-radius-sm)}.search-mode-indicator{position:static;transform:none;margin-top:var(--spacing-xs);align-self:flex-start}}.section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.section-header>div{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 600px){.section-header{flex-direction:column;align-items:stretch}.section-header>div{width:100%}.section-header .btn{flex:1;min-width:0}}.picture-column{width:60px;text-align:center;padding:8px!important}.associate-picture-thumb{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);display:block;margin:0 auto}.no-picture{width:40px;height:40px;border-radius:50%;background-color:var(--background-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:14px;margin:0 auto;border:2px solid var(--border-color)}.modal-body{overflow-x:hidden;max-width:100%}.associate-header{display:flex;gap:20px;align-items:flex-start;padding:20px;margin:-24px -24px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid var(--border-color);border-radius:8px 8px 0 0;overflow:hidden;box-sizing:border-box;max-width:100%}.associate-picture-container{flex-shrink:0;padding:4px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:12px;box-shadow:0 4px 12px #00000026}.associate-picture-large{width:150px;height:150px;border-radius:8px;object-fit:cover;border:3px solid white;display:block;background-color:#fff}.associate-header-info{flex:1;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.associate-name{margin:0;font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.2}.associate-number{margin:0;font-size:16px;font-weight:500;color:var(--text-secondary);font-family:Courier New,monospace}.associate-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;justify-content:center}.associate-badges .badge{font-size:13px;padding:6px 14px;font-weight:600}.details-section{margin-bottom:32px;padding:20px;background-color:var(--background-secondary);border-radius:8px;border:1px solid var(--border-color);overflow-x:auto}.details-section:last-of-type{margin-bottom:0}.details-section-title{margin:0 0 20px;padding-bottom:12px;font-size:16px;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:100%}@media (max-width: 900px){.details-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}}@media (max-width: 600px){.details-grid{grid-template-columns:1fr}}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}.detail-item p{margin:0;font-size:14px;color:var(--text-primary);line-height:1.5;word-break:break-word}.detail-item a{color:var(--primary-color);text-decoration:none;transition:color .2s}.detail-item a:hover{color:var(--primary-hover);text-decoration:underline}.detail-item .badge{display:inline-block;font-size:12px;padding:4px 12px}.current-picture{display:flex;align-items:center;gap:12px;padding:12px;background-color:var(--background-secondary);border-radius:4px;margin-bottom:8px;border:1px solid var(--border-color)}.current-picture span{flex:1;color:var(--text-secondary);font-size:14px}.picture-deleted{padding:12px;background-color:var(--warning-bg);color:var(--warning-text);border-radius:4px;margin-bottom:8px;font-size:14px;border:1px solid var(--warning-border)}.file-selected{margin-top:8px;padding:8px 12px;background-color:var(--success-bg);color:var(--success-text);border-radius:4px;font-size:14px;border:1px solid var(--success-border)}.landing-page{--lp-yellow: #edb83e;--lp-yellow-dark: #c9991c;--lp-dark: #111118;--lp-darker: #0d0d13;--lp-card: #1a1a2e;--lp-white: #ffffff;--lp-white-70: rgba(255, 255, 255, .7);--lp-white-50: rgba(255, 255, 255, .5);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--lp-yellow);color:var(--lp-dark);overflow-x:hidden}.landing-placeholder-img{width:100%;height:100%;min-height:420px;background-color:#c49c28;background-image:repeating-linear-gradient(-45deg,rgba(0,0,0,.05) 0px,rgba(0,0,0,.05) 1px,transparent 1px,transparent 12px)}.landing-placeholder-img--darker{background-color:#2a2a3a;background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 12px)}.landing-placeholder-img--card{min-height:unset;height:100%;background-color:#242433}.landing-label{display:block;font-size:.6875rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.875rem}.landing-label--gold{color:var(--lp-yellow)}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2.5rem;background:var(--lp-dark);box-shadow:0 2px 24px #0006;height:60px}.landing-nav__logo{color:var(--lp-white);font-size:1rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;flex-shrink:0;text-decoration:none}.landing-nav__logo:hover{color:var(--lp-white);text-decoration:none;opacity:.85}.landing-nav__actions{display:flex;align-items:center;gap:1.5rem}.landing-nav__link{color:var(--lp-white-70);text-decoration:none;font-size:.8125rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;transition:color .2s}.landing-nav__link:hover{color:var(--lp-white);text-decoration:none}.landing-btn--outline-nav{color:var(--lp-white);border:1.5px solid rgba(255,255,255,.65);border-radius:2px;padding:.5rem 1.25rem;text-decoration:none;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}.landing-btn--outline-nav:hover{background:var(--lp-white);color:var(--lp-dark);border-color:var(--lp-white);text-decoration:none}.landing-nav__hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:4px;position:relative;z-index:110}.landing-nav__hamburger span{display:block;width:22px;height:2px;background:var(--lp-white);border-radius:2px;transition:transform .25s ease,opacity .2s ease}.landing-nav__hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.landing-nav__hamburger.open span:nth-child(2){opacity:0}.landing-nav__hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.landing-nav__mobile-menu{display:none;position:fixed;top:0;left:0;right:0;background:var(--lp-dark);padding:5rem 2rem 2rem;flex-direction:column;gap:0;z-index:105;transform:translateY(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0006}.landing-nav__mobile-menu.open{transform:translateY(0)}.landing-nav__mobile-link{color:var(--lp-white);text-decoration:none;font-size:1rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1);display:block;transition:color .2s}.landing-nav__mobile-link:last-child{border-bottom:none}.landing-nav__mobile-link:hover{color:var(--lp-yellow);text-decoration:none}#eventos,#sobre{scroll-margin-top:60px}.landing-hero{position:relative;height:100vh;min-height:600px;overflow:hidden;display:flex;align-items:flex-end;padding-top:60px}.landing-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/images/placeholder_main.png);background-size:cover;background-position:center}.landing-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000004d,#0000001a,#000000a6)}.landing-hero__content{position:relative;z-index:1;padding:0 2.5rem 5.5rem;max-width:900px;display:flex;flex-direction:column;align-items:flex-start}.landing-hero__label{display:block;color:#ffffffa6;font-size:.6875rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.875rem}.landing-hero__title{color:var(--lp-white);font-size:clamp(3.5rem,9vw,7rem);font-weight:800;line-height:.95;letter-spacing:-.03em;text-transform:uppercase;margin:0 0 1.25rem}.landing-hero__subtitle{color:#fffc;font-size:clamp(1rem,2vw,1.25rem);line-height:1.55;margin:0 0 2.25rem;max-width:480px}.landing-hero__scroll-hint{position:absolute;bottom:2rem;right:2.5rem;z-index:1;display:flex;gap:6px;align-items:center}.landing-hero__scroll-hint span{display:block;width:8px;height:8px;border-radius:50%;background:#ffffff80}.landing-split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:520px}.landing-split--reverse{direction:rtl}.landing-split--reverse>*{direction:ltr}.landing-split__image{overflow:hidden}.landing-split__image .landing-placeholder-img{min-height:100%;height:100%}.landing-event-img{width:100%;height:100%;object-fit:cover;display:block}.landing-split__card{padding:4rem 3.5rem;display:flex;flex-direction:column;justify-content:center}.landing-split__card--dark{background:var(--lp-dark)}.landing-split__card--darker{background:var(--lp-card)}.landing-split__title{color:var(--lp-white);font-size:clamp(1.5rem,2.8vw,2.25rem);font-weight:800;line-height:1.15;letter-spacing:-.025em;text-transform:uppercase;margin:0 0 1.5rem}.landing-split__text{color:#ffffffbf;font-size:.9375rem;line-height:1.75;margin:0 0 .875rem}.landing-split__actions{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap}.landing-contact{margin-top:2rem;display:flex;flex-direction:column;gap:1.25rem}.landing-contact__social{display:flex;gap:.75rem;flex-wrap:wrap}.landing-contact__social-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:4px;text-decoration:none;transition:opacity .2s}.landing-contact__social-btn:hover{opacity:.82;text-decoration:none}.landing-contact__social-btn--fb{background:#1877f2;color:#fff}.landing-contact__social-btn--ig{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af);color:#fff}.landing-contact__info{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.landing-contact__info li{display:flex;align-items:flex-start;gap:.5rem;color:var(--lp-white-70);font-size:.9rem;line-height:1.4}.landing-contact__info svg{flex-shrink:0;margin-top:.15rem;color:var(--lp-yellow)}.landing-contact__link{color:var(--lp-white-70);text-decoration:none}.landing-contact__link:hover{color:var(--lp-yellow)}.landing-btn--gold{display:inline-block;background:var(--lp-yellow);color:var(--lp-dark);border:2px solid var(--lp-yellow);border-radius:2px;padding:.75rem 1.75rem;text-decoration:none;font-size:.8125rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s;cursor:pointer;font-family:inherit}.landing-btn--gold:hover{background:transparent;color:var(--lp-yellow);text-decoration:none}.landing-btn--outline-white{display:inline-block;color:var(--lp-white);border:2px solid rgba(255,255,255,.55);border-radius:2px;padding:.75rem 1.75rem;text-decoration:none;font-size:.8125rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s;cursor:pointer;font-family:inherit;background:transparent}.landing-btn--outline-white:hover{background:var(--lp-white);color:var(--lp-dark);border-color:var(--lp-white);text-decoration:none}.landing-about{background:var(--lp-yellow);padding:6rem 0}.landing-about>.landing-split{max-width:1200px;margin:0 auto}.landing-next-event{background:var(--lp-yellow);padding:4rem 0 6rem}.landing-next-event>.landing-split{max-width:1200px;margin:0 auto}.landing-event-meta{list-style:none;padding:0;margin:0 0 1.25rem;display:flex;flex-direction:column;gap:.5rem}.landing-event-meta li{display:flex;align-items:center;gap:.5rem;color:#ffffffa6;font-size:.875rem}.landing-event-meta li svg{flex-shrink:0;opacity:.7}.landing-events{background:var(--lp-yellow);padding:0 2.5rem 6rem}.landing-events__header{max-width:1200px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:space-between}.landing-events__title{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:800;letter-spacing:-.015em;text-transform:uppercase;color:var(--lp-dark);margin:0}.landing-events__nav{display:flex;gap:.5rem}.landing-events__nav-btn{width:2.25rem;height:2.25rem;border:2px solid var(--lp-dark);border-radius:50%;background:transparent;color:var(--lp-dark);font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.landing-events__nav-btn:hover{background:var(--lp-dark);color:var(--lp-white)}.landing-btn--text{background:none;border:none;outline:none;padding:0;color:var(--lp-yellow);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;font-family:inherit;margin-top:.25rem;text-decoration:underline;text-underline-offset:3px;transition:opacity .15s}.landing-btn--text:hover{opacity:.75}.landing-btn--text:focus{outline:none}.landing-type-badge{display:inline-block;background:var(--lp-yellow);color:var(--lp-dark);font-size:.625rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:.275rem .6rem;border-radius:2px}.landing-split__card .landing-type-badge{align-self:flex-start;margin-bottom:1rem}@keyframes lp-slide-from-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes lp-slide-from-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.landing-events__grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.landing-events__grid--enter-right{animation:lp-slide-from-right .3s ease}.landing-events__grid--enter-left{animation:lp-slide-from-left .3s ease}.landing-event-card{background:var(--lp-dark);border-radius:3px;overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.landing-event-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #00000059}.landing-event-card__image{position:relative;aspect-ratio:3 / 4;overflow:hidden}.landing-event-card__badge{position:absolute;bottom:.75rem;left:.75rem}.landing-event-card__body{padding:1.125rem 1.25rem 1.375rem}.landing-event-card__title{color:var(--lp-white);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1.35;margin:0 0 .4rem}.landing-event-card__date{color:#ffffff73;font-size:.8125rem;margin:0}.landing-footer{background:var(--lp-dark);padding:2.5rem}.landing-footer__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.landing-footer__logo{color:var(--lp-white);font-size:.875rem;font-weight:800;letter-spacing:.12em}.landing-footer__copy{color:#ffffff59;font-size:.8125rem}@media (max-width: 1024px){.landing-events__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.landing-nav{padding:0 1.25rem}.landing-nav__link,.landing-btn--outline-nav{display:none}.landing-nav__hamburger,.landing-nav__mobile-menu{display:flex}.landing-hero{min-height:100svh}.landing-hero__content{padding:0 1.25rem 4rem}.landing-hero__title{letter-spacing:-.02em}.landing-hero__scroll-hint{right:1.25rem}.landing-split{grid-template-columns:1fr;min-height:unset;direction:ltr}.landing-split--reverse{direction:ltr}.landing-split__image{order:-1}.landing-split__image .landing-placeholder-img{min-height:260px;height:260px}.landing-split__card{padding:2.5rem 1.5rem}.landing-about{padding:3rem 0}.landing-next-event{padding:2rem 0 0}.landing-events{padding:0 1.25rem 3.5rem}.landing-events__grid{grid-template-columns:repeat(2,1fr);gap:.875rem}.landing-footer{padding:2rem 1.25rem}.landing-footer__inner{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width: 480px){.landing-events__grid{grid-template-columns:1fr 1fr;gap:.75rem}.landing-split__card{padding:2rem 1.25rem}.landing-event-card__body{padding:.875rem 1rem 1rem}}.api-status{position:fixed;top:0;left:0;right:0;background-color:var(--success-color);color:#fff;padding:var(--spacing-2);text-align:center;font-size:var(--font-size-sm);font-weight:500;z-index:var(--z-toast)}