@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);@import url(https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css);*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}*{border-color:#e5e7eb;border-color:hsl(var(--border,220 13% 91%));scrollbar-color:var(--primary-color) var(--bg-tertiary)}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--primary-color);-webkit-transition:background .2s;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}body{background-color:#f9fafb;background-color:var(--bg-secondary);color:#111827;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.btn-primary{-webkit-tap-highlight-color:transparent;background-color:#10b981;background-color:var(--primary-color);font-weight:500;padding:8px 16px}.btn-primary:hover:not(:disabled){background-color:#059669;background-color:var(--primary-dark)}.btn-primary:active,.btn-primary:focus,.btn-primary:focus-visible{background-color:#10b981!important;background-color:var(--primary-color)!important;color:#fff!important;outline:none}.btn-primary:disabled{opacity:.5}.btn-secondary{-webkit-tap-highlight-color:transparent;background-color:#f3f4f6;background-color:var(--bg-tertiary);border:1px solid #e5e7eb;border-radius:8px;color:#111827;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-secondary:hover{background-color:#f9fafb;background-color:var(--bg-secondary);border-color:#10b981;border-color:var(--primary-color)}.btn-secondary:active,.btn-secondary:focus,.btn-secondary:focus-visible{background-color:#f3f4f6!important;background-color:var(--bg-tertiary)!important;color:#111827!important;color:var(--text-primary)!important;outline:none}.btn-outline{-webkit-tap-highlight-color:transparent;background-color:transparent;border:2px solid #10b981;border:2px solid var(--primary-color);color:#10b981;color:var(--primary-color);padding:8px 16px;transition:all .2s ease}.btn-outline:hover{background-color:#ecfdf5;background-color:var(--primary-light)}.btn-outline:active,.btn-outline:focus,.btn-outline:focus-visible{background-color:#ecfdf5!important;background-color:var(--primary-light,rgba(59,130,246,.1))!important;border-color:#10b981!important;border-color:var(--primary-color)!important;color:#10b981!important;color:var(--primary-color)!important;outline:none}.btn-danger{-webkit-tap-highlight-color:transparent;background-color:#ef4444;background-color:var(--error-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-danger:hover{background-color:#dc2626}.btn-danger:active,.btn-danger:focus,.btn-danger:focus-visible{background-color:#ef4444!important;background-color:var(--error-color)!important;color:#fff!important;outline:none}.badge{border-radius:9999px;font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.25rem .75rem}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-4{bottom:1rem}.right-4{right:1rem}.z-50{z-index:50}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-16{height:4rem}.h-2{height:.5rem}.min-h-screen{min-height:100vh}.w-16{width:4rem}.w-64{width:16rem}.w-full{width:100%}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-red-400{--tw-border-opacity:1;border-color:#f87171;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-600{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-primary-50{--tw-gradient-from:#f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to:rgba(240,253,244,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-primary-100{--tw-gradient-to:#dcfce7 var(--tw-gradient-to-position)}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-8{padding-bottom:2rem;padding-top:2rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-primary-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}:root{--primary-color:#10b981;--primary-dark:#059669;--primary-light:#ecfdf5;--secondary-color:#6b7280;--accent-color:#f59e0b;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--error-color:#ef4444;--success-color:#10b981;--warning-color:#f59e0b;--info-color:#3b82f6}.spinner{animation:spin .8s ease-in-out infinite;border:3px solid rgba(0,0,0,.1);border-top-color:#22c55e}.dark{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1));color:#f3f4f6;color:rgb(243 244 246/var(--tw-text-opacity,1))}.dark .input-field{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1));border-color:#4b5563;border-color:rgb(75 85 99/var(--tw-border-opacity,1));color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:#15803d;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:text-red-800:hover{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--b-900:#0a3f2f;--b-800:#0e5842;--b-700:#11684f;--b-600:#13815f;--b-500:#18a36f;--b-400:#23bd7c;--b-300:#88e2b9;--radius:24px;--shadow:0 12px 36px rgba(15,23,42,.1);--soft:0 6px 24px rgba(15,23,42,.06);--ring:0 0 0 4px rgba(24,163,111,.18)}body.theme-purple{--b-900:#3b1363;--b-800:#4c1794;--b-700:#5b29b6;--b-600:#6d3bd7;--b-500:#7c4dff;--b-400:#a98bff;--b-300:#d7caff;--ring:0 0 0 4px rgba(124,77,255,.18)}body,html{margin:0;padding:0}#root,body,html{min-height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;overflow-x:hidden}.shell{align-items:center;background:inherit;display:flex;justify-content:center;min-height:100vh;padding:20px 10px;width:100vw}.card,.shell{min-width:1200px}.card{border:1px solid #e6ebf2;border-radius:32px;box-shadow:0 12px 36px rgba(15,23,42,.1);display:grid;grid-template-columns:1.2fr 1fr;margin:0 auto;min-height:850px;width:100%}.card,.left{background:#fff}.left{align-items:stretch;background:var(--surface);display:flex;flex-direction:column;gap:20px;justify-content:center;max-height:100vh;min-width:600px;overflow-y:auto;padding:50px 70px}.brand{flex-shrink:0;margin-bottom:8px}.logo{background:radial-gradient(80% 80% at 30% 20%,#23bd7c,#11684f);background:radial-gradient(80% 80% at 30% 20%,var(--b-400),var(--b-700));border-radius:16px;box-shadow:inset 0 -8px 16px rgba(0,0,0,.12);display:grid;font-size:28px;height:54px;place-items:center;width:54px}.brand .name{font-size:21px;font-weight:800}h1{font-size:42px;letter-spacing:-.02em;line-height:1.1;margin:8px 0 0}.sub,h1{flex-shrink:0}.sub{color:#64748b;color:var(--muted);font-size:17px;line-height:1.5;margin:0 0 12px}.form-scroll-container{margin-right:-10px;max-height:calc(100vh - 300px);overflow-x:hidden;padding-right:10px}.form-scroll-container::-webkit-scrollbar{width:7px}.form-scroll-container::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:4px}.form-scroll-container::-webkit-scrollbar-thumb{background:#23bd7c;background:var(--b-400);border-radius:4px}.form-scroll-container::-webkit-scrollbar-thumb:hover{background:#18a36f;background:var(--b-500)}form{display:flex;flex-direction:column;gap:16px}.grid-2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.field{margin-bottom:18px;position:relative;width:100%}.field input,.field select,.field textarea{background:#f8fafc;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:14px;box-sizing:border-box;color:#0f172a;color:var(--text);font-family:inherit;font-size:15px;font-weight:400;letter-spacing:.025em;min-height:52px;outline:none;padding:16px 50px 16px 48px!important;text-align:left;transition:box-shadow .2s,border-color .2s,background .2s;width:100%}.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:#18a36f;border-color:var(--b-500);box-shadow:0 0 0 4px rgba(24,163,111,.18);box-shadow:var(--ring)}.field input:hover,.field select:hover,.field textarea:hover{background:#fff;border-color:#88e2b9;border-color:var(--b-300)}.field>i:first-child{color:#18a36f;color:var(--b-500);font-size:18px;left:16px;opacity:.8;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s,opacity .2s;z-index:2}.field:focus-within>i:first-child{color:#13815f;color:var(--b-600);opacity:1}.field input::placeholder,.field select::placeholder,.field textarea::placeholder{color:#64748b;color:var(--muted);font-weight:400;opacity:.8}.field select:disabled{background:#f1f5f9;color:#64748b;color:var(--muted)}.field select:disabled+i{color:#64748b;color:var(--muted);opacity:.5}.field.ta>i:first-child{top:18px;transform:none}.field textarea{min-height:100px;padding-right:16px;resize:vertical}#regForm .field input[type=password],.field input[type=password],.field input[type=text].password-visible{padding-right:56px!important}#regForm .field .toggle-password,#regForm .field button.icon,.field .toggle-password,.field button.icon{background:transparent;border:none;border-radius:8px;color:#18a36f;color:var(--b-500);cursor:pointer;display:grid;font-size:18px;height:36px;padding:0;place-items:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:36px;z-index:10}#regForm .field .toggle-password i,#regForm .field button.icon i,.field .toggle-password i,.field button.icon i{pointer-events:none;position:static;transform:none}#regForm .field .toggle-password:hover,#regForm .field button.icon:hover,.field .toggle-password:hover,.field button.icon:hover{background:rgba(24,163,111,.1);color:#13815f;color:var(--b-600);transform:translateY(-50%) scale(1.05)}.field select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:18px;cursor:pointer;padding-right:44px}.phone-field{display:flex;gap:10px;position:relative}.phone-field select{flex-shrink:0;padding:16px 12px!important;width:100px}.phone-field input{flex:1 1;padding-left:48px!important}.phone-field>i:first-child{left:120px}.row{gap:14px;justify-content:space-between}.row,.row label{align-items:center;display:flex}.row label{cursor:pointer;font-size:15px;gap:12px}input[type=checkbox]{accent-color:#13815f;accent-color:var(--b-600);height:18px;width:18px}.btn{font-size:15px;font-weight:700;min-height:52px;padding:14px 18px;transition:all .2s}.btn i{color:#94a3b8;font-size:20px}.btn.primary{background:linear-gradient(135deg,#11684f,#18a36f);background:linear-gradient(135deg,var(--b-700),var(--b-500));box-shadow:0 6px 24px rgba(15,23,42,.06);box-shadow:var(--soft)}.btn.primary:hover{box-shadow:0 8px 32px rgba(24,163,111,.25);transform:translateY(-1px)}.btn.wallet{background:#f1f7f5;border-color:#d9eee5;color:#0f3c2e}.btn.ghost{background:#f8fafc}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.error,.success{align-items:center;border-radius:14px;display:none;font-size:15px;gap:10px;padding:12px 14px}.error{background:#ffecec;border:1px solid #ffcaca;color:#912020}.success{background:#eaffe9;border:1px solid #b8f3c8;color:#0f6d4f}.error.show,.success.show{display:flex}.foot{color:#64748b;color:var(--muted);font-size:15px;margin-top:4px;text-align:center}.left a{color:#11684f;color:var(--b-700);font-weight:600;text-decoration:none}.left a:hover{text-decoration:underline}.hint{line-height:1.5}.hint,.muted{color:#64748b;color:var(--muted);font-size:14px}.right{align-items:center;background:radial-gradient(140% 140% at 10% 0,#11684f,#18a36f 45%,#13815f 80%);background:radial-gradient(140% 140% at 10% 0,var(--b-700),var(--b-500) 45%,var(--b-600) 80%);color:#eafff6;display:flex;justify-content:center;min-height:600px;overflow:hidden;padding:36px;position:relative}.right:after{border:1px solid hsla(0,0%,100%,.22);border-radius:26px;content:"";inset:14px;pointer-events:none;position:absolute}.cloud{background:#fff;border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,.12);position:absolute}.c1{bottom:26px;height:70px;left:35px;transform:rotate(-4deg);width:180px}.c2{height:54px;right:38px;top:52px;transform:rotate(8deg);width:135px}.c3{bottom:100px;height:40px;right:30px;width:100px}.c4{height:46px;left:54px;top:58px;width:125px}.bubble{align-items:center;background:#fff;border-radius:18px;box-shadow:0 10px 24px rgba(0,0,0,.18);color:#073b2c;display:flex;font-size:16px;font-weight:600;gap:10px;left:80px;padding:12px 14px;position:absolute;top:120px}.bubble i{color:#22c55e;font-size:20px}.lock{background:#fff;border-radius:20px;bottom:145px;box-shadow:0 12px 28px rgba(0,0,0,.22);color:#0f172a;display:grid;height:96px;place-items:center;position:absolute;right:70px;width:96px}.lock i{font-size:42px}.phone{filter:drop-shadow(0 30px 40px rgba(0,0,0,.35));max-width:580px;width:min(520px,92%);z-index:2}.blob{background-color:hsla(0,0%,100%,.1);border-radius:50%;filter:blur(14px);position:absolute}.blob.one{height:340px;right:-110px;top:-110px;width:340px}.blob.two{bottom:-130px;height:280px;left:-90px;width:280px}.device{background:#343a40;border-radius:44px;box-shadow:0 20px 50px rgba(0,0,0,.3),inset 0 4px 8px hsla(0,0%,100%,.1);height:660px;padding:18px;position:relative;width:320px;z-index:2}.device-screen{align-items:center;background:linear-gradient(145deg,#a8e0c5,#82c9a1);border-radius:28px;display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden;padding:24px;position:relative;width:100%}.sun-icon{align-self:flex-end;color:hsla(0,0%,100%,.8);font-size:28px}.center-ui{display:grid;height:170px;place-items:center;position:relative;width:170px}.center-ui .ring{border:4px solid hsla(0,0%,100%,.2);border-radius:50%;position:absolute}.center-ui .ring.outer{height:170px;width:170px}.center-ui .ring.inner{height:115px;width:115px}.progress-bar{background-color:hsla(0,0%,100%,.2);border-radius:5px;height:10px;width:60%}.progress-bar .progress{background-color:#fff;border-radius:5px;height:100%;width:70%}.role-admin,.role-staff,.role-student{display:none}#adminCreationStep,#otpSection,.common-fields,.show-admin .role-admin,.show-staff .role-staff,.show-student .role-student{grid-gap:16px;display:grid;gap:16px}#adminCreationStep,#otpSection{text-align:center}#adminCreationStep .sub,#otpSection .sub{margin-bottom:14px;text-align:center}.field-status{align-items:center;border-radius:10px;display:flex;font-size:13px;font-weight:500;gap:5px;padding:5px 10px;position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:2}.field-status.loading{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.field-status.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.field-status.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.field input.readonly{background-color:#f8f9fa;border-color:#e9ecef;color:#6c757d;cursor:not-allowed}.field input.readonly:focus{border-color:#e9ecef;box-shadow:none}.field select:disabled{background-color:#f8f9fa;border-color:#e9ecef;color:#6c757d;cursor:not-allowed}.loading,.ri-spin,.spin{animation:spin 1s linear infinite}.btn.wallet.connected{background:#eaffe9;border-color:#b8f3c8;color:#0f6d4f}#institutionForm{display:none}#institutionForm.active{grid-gap:16px;display:grid;gap:16px}#adminCreationStep,#institutionStep1,#otpSection{display:none}#adminCreationStep.active,#institutionStep1.active,#otpSection.active{grid-gap:16px;display:grid;gap:16px}#regForm.hidden{display:none}.email-verification-container{margin-bottom:24px}.email-input-group{align-items:center;display:flex;gap:12px;margin-bottom:12px;position:relative}.email-input-group input{flex:1 1;padding-left:48px;padding-right:140px}.verify-email-btn{background:#18a36f;background:var(--b-500);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:8px 16px;position:absolute;right:8px;text-align:center;top:50%;transform:translateY(-50%);transition:all .2s}.verify-email-btn:hover:not(:disabled){background:#13815f;background:var(--b-600)}.verify-email-btn:disabled{background:#64748b;background:var(--muted);cursor:not-allowed}.verify-email-btn.verified{background:#16a34a;cursor:default}.verify-email-btn.verified:hover{background:#16a34a}.otp-input-group{align-items:center;display:flex;gap:12px;margin-top:12px;position:relative}.otp-input-group input{flex:1 1;font-family:monospace;letter-spacing:2px;padding-left:48px!important;padding-right:140px;text-align:left}.verify-otp-btn{background:#13815f;background:var(--b-600);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:8px 16px;position:absolute;right:8px;text-align:center;top:50%;transform:translateY(-50%);transition:all .2s}.verify-otp-btn:hover:not(:disabled){background:#11684f;background:var(--b-700)}.verify-otp-btn:disabled{background:#64748b;background:var(--muted);cursor:not-allowed}.verification-error{background:#fef2f2;border-left:4px solid #dc2626;border-radius:8px;color:#dc2626;font-size:14px;font-weight:500;margin-top:8px;padding:8px 12px}@media screen and (max-width:768px){.shell{background:var(--bg);min-height:auto;min-width:100%;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.card{border-radius:0;box-shadow:none;max-width:100%}.card,.left{display:block;min-width:100%;overflow:visible;width:100%}.left{max-height:none;min-height:auto;padding:12px 20px 40px}.form-scroll-container{flex:none!important;margin-right:0!important;max-height:none!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;padding-right:0!important}.right{display:none!important}.brand{align-items:center;background:transparent!important;box-shadow:none!important;display:flex!important;gap:12px;justify-content:flex-start;margin:0 0 20px;padding:0;position:static;z-index:auto}.logo{background:radial-gradient(80% 80% at 30% 20%,var(--b-400),var(--b-700))!important;border-radius:12px!important;box-shadow:inset 0 -4px 8px rgba(0,0,0,.12);color:#fff!important;display:grid!important;flex-shrink:0;font-size:22px!important;height:42px!important;min-height:42px;min-width:42px;place-items:center;width:42px!important}.brand .name{color:var(--text)!important;font-size:18px!important;font-weight:800;letter-spacing:.2px;text-shadow:none}.brand-logo{margin-bottom:20px;max-width:160px}.field select{-webkit-appearance:none!important;appearance:none!important;background:#f8fafc!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2318a36f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 14px center!important;background-repeat:no-repeat!important;background-size:16px!important;border:1.5px solid var(--line)!important;border-radius:12px!important;box-sizing:border-box!important;color:var(--text)!important;cursor:pointer!important;font-size:15px!important;font-weight:400!important;min-height:52px!important;outline:none!important;padding:0 44px 0 60px!important;text-overflow:ellipsis!important;transition:all .2s ease!important;white-space:nowrap!important;width:100%!important}.field select:focus{background-color:#fff!important;border-color:var(--b-500)!important;box-shadow:0 0 0 3px rgba(24,163,111,.12)!important}.field select:disabled{background-color:#f1f5f9!important;color:var(--muted)!important;cursor:not-allowed!important;opacity:.7!important}.left h1{font-size:24px;margin-bottom:4px;margin-top:0}.left .sub{color:var(--muted);font-size:13px;margin-bottom:18px}.form-scroll{max-height:none;overflow:visible;padding-right:0}.form{gap:18px;margin-top:8px}.field{margin-bottom:0!important;position:relative!important;width:100%!important}.field label{color:var(--text);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.field input,.field input[type=email],.field input[type=password],.field input[type=text]{-webkit-appearance:none!important;appearance:none!important;background:#f8fafc!important;border:1.5px solid var(--line)!important;border-radius:12px!important;box-sizing:border-box!important;color:var(--text)!important;font-size:15px!important;font-weight:400!important;letter-spacing:.02em!important;min-height:52px!important;outline:none!important;padding:0 0 0 60px!important;transition:all .2s ease!important;width:100%!important}.field input:focus{background:#fff!important;border-color:var(--b-500)!important;box-shadow:0 0 0 3px rgba(24,163,111,.12)!important}.field input::placeholder{color:var(--muted)!important;font-size:14px!important;font-weight:400!important;opacity:.7!important}.field>i:first-child,.field>i:first-of-type{align-items:center!important;color:var(--b-500)!important;display:flex!important;font-size:18px!important;height:20px!important;justify-content:center!important;left:20px!important;line-height:1!important;opacity:.8!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:20px!important;z-index:5!important}.field:focus-within>i:first-child,.field:focus-within>i:first-of-type{color:var(--b-600)!important;opacity:1!important}.field>i.ri-at-line,.field>i.ri-mail-line{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:remixicon!important;font-style:normal}.email-input-group input{padding-right:140px!important}.field input[type=password],.field input[type=text]{padding-right:50px!important}.field .icon,.field .toggle-password,.field button.icon{align-items:center!important;background:transparent!important;border:none!important;border-radius:8px!important;color:var(--b-500)!important;cursor:pointer!important;display:flex!important;font-size:18px!important;height:38px!important;justify-content:center!important;opacity:.8!important;padding:0!important;position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;transition:all .2s ease!important;width:38px!important;z-index:10!important}.field .icon:hover,.field .toggle-password:hover,.field button.icon:hover{background:rgba(24,163,111,.08)!important;color:var(--b-600)!important;opacity:1!important}.field .icon:active,.field .toggle-password:active,.field button.icon:active{transform:translateY(-50%) scale(.95)!important}.phone-field{align-items:stretch!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;position:relative!important}.phone-field select{flex-shrink:0!important;font-size:14px!important;min-width:100px!important;padding:0 10px 0 12px!important;text-align:center!important;width:100px!important}.phone-field input,.phone-field select{background:#f8fafc!important;border:1.5px solid var(--line)!important;border-radius:12px!important}.phone-field input{flex:1 1!important;min-width:0!important;padding:0 0 0 60px!important}.phone-field>i:first-child{color:var(--b-500)!important;font-size:18px!important;left:128px!important;opacity:.8!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:5!important}.row{align-items:stretch;flex-direction:column;gap:12px}.row label{font-size:14px}.field textarea{background:#f8fafc!important;border:1.5px solid var(--line)!important;border-radius:12px!important;font-size:15px!important;min-height:100px!important;padding:14px 0 14px 10px!important}.field textarea:focus{background:#fff!important;border-color:var(--b-500)!important;box-shadow:0 0 0 3px rgba(24,163,111,.12)!important}input[type=checkbox]{height:20px;width:20px}.btn{border-radius:12px;font-size:15px;min-height:50px;padding:14px 16px;width:100%}.btn i{font-size:18px}.btn.primary:hover{transform:none}.error,.success{border-radius:12px;font-size:14px;padding:12px}.foot{font-size:14px;margin-top:16px}.hint,.muted{font-size:13px}.common-fields,.role-admin,.role-staff,.role-student{gap:14px}.field-status{font-size:11px;padding:4px 8px;right:10px}.email-verification-container{margin-bottom:16px}.email-input-group input{padding-left:60px!important;padding-right:100px}.verify-email-btn{font-size:12px;min-width:70px;padding:6px 12px}.otp-input-group input{padding-right:100px}.verify-otp-btn{font-size:12px;min-width:80px;padding:6px 12px}.verification-error{font-size:13px;padding:8px 10px}}@media screen and (max-width:375px){.left{padding:0 16px 32px}.brand-logo{max-width:140px}.brand{gap:8px;margin:0 -16px 16px;padding:12px 14px}.logo{border-radius:8px!important;height:32px!important;min-height:32px;min-width:32px;width:32px!important}.brand .name,.logo{font-size:16px!important}.left h1{font-size:20px}.left .sub{font-size:12px}.field input,.field select{box-sizing:border-box;font-size:14px!important;min-height:44px!important;padding:10px 40px 10px 44px!important}.field input[type=email],.field input[type=password],.field input[type=text]{padding-left:50px!important}.field>i:first-of-type{font-size:16px!important;left:14px!important}.field .icon,.field .toggle-password,.field button.icon{font-size:16px!important;height:32px!important;right:8px!important;width:32px!important}.email-input-group input{padding-left:60px!important;padding-right:140px!important}.phone-field select{padding:10px 8px!important;width:80px}.phone-field input{padding-left:60px!important}.phone-field>i:first-child{left:128px}.btn{font-size:14px;min-height:48px;padding:12px 14px}}@media screen and (max-width:768px) and (orientation:landscape){.shell{min-height:auto}.left{padding:20px 24px 30px}.brand-logo{margin-bottom:14px;max-width:120px}.left h1{font-size:22px;margin-bottom:4px}.left .sub{margin-bottom:14px}.form{gap:12px}.field input,.field select{min-height:44px}}@media screen and (max-width:768px){html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.brand-logo,.btn,label{-webkit-user-select:none;user-select:none}.btn:active{opacity:.9;transform:scale(.98)}.btn.primary:active{box-shadow:0 2px 8px rgba(24,163,111,.3)}.field input:focus,.field select:focus{border-color:var(--b-500);box-shadow:0 0 0 3px rgba(24,163,111,.15)}.btn,.field input,.field select{transition:all .2s ease}.left{padding-bottom:max(40px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}body{overscroll-behavior-y:contain}.brand-logo-container,.left>.brand-logo:first-child{display:block;margin-left:auto;margin-right:auto}.shell:before{background:var(--bg);content:"";display:block;height:env(safe-area-inset-top,0)}}@media screen and (min-width:481px) and (max-width:768px){.left{margin:0 auto;max-width:500px;padding:32px 40px 48px}.brand-logo{max-width:180px}.left h1{font-size:28px}.left .sub{font-size:15px}.field input,.field select{font-size:16px;min-height:50px}.btn{min-height:52px}}@media screen and (min-width:769px) and (max-width:1024px){.shell{padding:20px}.card,.shell{min-width:100%}.card{grid-template-columns:1.5fr 1fr;margin:0 auto;max-width:900px}.left{min-width:auto;padding:36px 40px}.right{min-height:500px;padding:24px}.phone{max-width:450px;width:min(400px,90%)}.device{height:540px;width:260px}.bubble,.lock{display:none}.cloud{transform:scale(.8)}}.theme-selector{margin-bottom:24px}.theme-selector-label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:16px}.theme-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);max-width:100%}.theme-option{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;padding:16px 12px;position:relative;transition:all .25s ease}.theme-option:hover:not(.disabled){border-color:var(--primary-color);box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-4px)}.theme-option.active{background:linear-gradient(135deg,var(--primary-light) 0,hsla(0,0%,100%,.9) 100%);border-color:var(--primary-color);box-shadow:0 4px 16px rgba(16,185,129,.25);box-shadow:0 4px 16px rgba(var(--primary-color-rgb,16,185,129),.25)}.theme-option.disabled{cursor:not-allowed;opacity:.6}.theme-preview{margin-bottom:10px}.theme-colors{border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.18);display:flex;height:48px;overflow:hidden;transition:transform .2s ease;width:48px}.theme-option:hover .theme-colors{transform:scale(1.1)}.theme-color{flex:1 1;height:100%}.theme-color:first-child{border-bottom-left-radius:50%;border-top-left-radius:50%}.theme-color:last-child{border-bottom-right-radius:50%;border-top-right-radius:50%}.theme-color-preview{box-shadow:0 2px 8px rgba(0,0,0,.15);height:40px;margin-bottom:8px;position:relative;width:40px}.theme-check,.theme-color-preview{align-items:center;border-radius:50%;display:flex;justify-content:center}.theme-check{animation:checkPop .3s ease;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);box-shadow:0 2px 8px rgba(0,0,0,.25);color:#fff;font-size:14px;height:24px;position:absolute;right:-6px;top:-6px;width:24px}@keyframes checkPop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.theme-checkmark{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.theme-label{color:var(--text-secondary);font-size:11px;font-weight:600;line-height:1.3;margin-top:2px;text-align:center}.theme-option.active .theme-label{color:var(--primary-color);font-weight:700}.theme-loading{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-top:16px;padding:12px;text-align:center}.theme-loading span{color:var(--text-secondary);font-size:13px;font-style:italic}@media (max-width:900px){.theme-options{gap:12px;grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.theme-options{gap:10px;grid-template-columns:repeat(3,1fr)}.theme-option{padding:12px 8px}.theme-colors{height:40px;width:40px}.theme-label{font-size:10px}.theme-check{font-size:11px;height:20px;right:-4px;top:-4px;width:20px}}.theme-option.changing{animation:themeChange .4s ease}@keyframes themeChange{0%{transform:scale(1)}50%{box-shadow:0 12px 32px rgba(0,0,0,.15);transform:scale(1.08)}to{transform:scale(1)}}.settings-page{background:var(--bg-secondary);min-height:100vh;padding:24px}.settings-page-header{margin-bottom:24px}.settings-page-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.settings-page-header h1 i{color:var(--primary-color)}.settings-page-header p{color:var(--text-secondary);font-size:15px;margin:0}.settings-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:240px 1fr;max-width:1200px}.settings-sidebar{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;height:-webkit-fit-content;height:fit-content;padding:16px;position:-webkit-sticky;position:sticky;top:24px}.settings-nav{display:flex;flex-direction:column;gap:4px}.settings-nav-item{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.settings-nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.settings-nav-item.active{background:var(--primary-color);color:#fff}.settings-nav-item i{font-size:18px}.settings-main{flex:1 1}.settings-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.settings-panel-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:24px}.settings-panel-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:600;gap:10px;margin:0 0 6px}.settings-panel-header h2 i{color:var(--primary-color)}.settings-panel-header p{color:var(--text-secondary);font-size:14px;margin:0}.settings-form{padding:24px}.form-row{grid-gap:16px;gap:16px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px}.form-group input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(16,185,129,.1);outline:none}.form-group input.disabled,.form-group input:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.form-hint{color:var(--text-tertiary)}.form-error,.form-hint{display:block;font-size:12px;margin-top:6px}.form-error{color:#ef4444}.form-success{align-items:center;color:#10b981;display:flex;font-size:12px;gap:4px;margin-top:6px}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:48px}.password-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:18px;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s}.password-toggle:hover{color:var(--text-primary)}.password-strength{align-items:center;display:flex;gap:12px;margin-top:8px}.strength-bar{background:var(--bg-tertiary);border-radius:2px;flex:1 1;height:4px;overflow:hidden}.strength-fill{border-radius:2px;height:100%;transition:width .3s ease,background-color .3s ease}.password-strength span{font-size:12px;font-weight:500;min-width:70px}.password-requirements{background:var(--bg-secondary);border-radius:8px;margin-top:20px;padding:16px}.password-requirements h4{color:var(--text-primary);font-size:13px;font-weight:600;margin:0 0 12px}.password-requirements ul{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0}.password-requirements li{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px}.password-requirements li i{color:#ef4444;font-size:14px}.password-requirements li.met,.password-requirements li.met i{color:#10b981}.form-actions{margin-top:24px;padding-top:24px}.settings-alert{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:20px;padding:14px 16px}.settings-alert.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#ef4444}.settings-alert.success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);color:#10b981}.settings-alert i{font-size:18px}.btn-primary{align-items:center;background:var(--primary-color);border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6}.notification-group{margin-bottom:32px}.notification-group:last-child{margin-bottom:0}.notification-group h3{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;padding-bottom:8px;text-transform:uppercase}.notification-group h3,.notification-item{border-bottom:1px solid var(--border-color)}.notification-item{align-items:center;justify-content:space-between;padding:16px 0}.notification-item:last-child{border-bottom:none}.notification-info{flex:1 1}.notification-info label{color:var(--text-primary);display:block;font-size:15px;font-weight:600;margin-bottom:4px}.notification-info span{color:var(--text-secondary);font-size:13px}.toggle-switch{cursor:pointer;flex-shrink:0;height:26px;width:48px}.toggle-slider{background-color:#d1d5db;border-radius:26px}.toggle-slider:before{bottom:3px;box-shadow:0 2px 4px rgba(0,0,0,.15);height:20px;left:3px;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.appearance-section{margin-bottom:24px}.appearance-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.appearance-section p{color:var(--text-secondary);font-size:14px;margin:0 0 16px}.theme-selector-wrapper{background:var(--bg-secondary);border-radius:12px;padding:16px}@media (max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{position:static}.settings-nav{flex-direction:row;flex-wrap:wrap;gap:8px}.settings-nav-item{flex:0 0 auto;padding:10px 16px}}@media (max-width:600px){.settings-page{padding:16px}.settings-page-header h1{font-size:24px}.form-row,.password-requirements ul{grid-template-columns:1fr}.settings-nav-item span{display:none}.settings-nav-item{justify-content:center;padding:12px}}.tx-loader-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.tx-loader-overlay.tx-fullscreen{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.7)}.tx-loader-overlay.tx-inline{background:transparent;min-height:300px;position:relative}.tx-loader-card{align-items:center;animation:tx-card-appear .4s ease-out;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 1px hsla(0,0%,100%,.1);display:flex;flex-direction:column;gap:24px;max-width:500px;min-width:420px;padding:32px 40px}@keyframes tx-card-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.tx-anim-container{height:100px;width:100px}.tx-anim-container,.tx-blockchain-anim{align-items:center;display:flex;justify-content:center;position:relative}.tx-blockchain-anim{height:100%;width:100%}.tx-chain-ring{border:2px solid transparent;border-radius:50%;position:absolute}.tx-chain-ring.ring-1{animation:tx-ring-pulse 2s ease-in-out infinite;border-color:rgba(99,102,241,.2);height:100%;width:100%}.tx-chain-ring.ring-2{animation:tx-ring-pulse 2s ease-in-out .3s infinite;border-color:rgba(99,102,241,.4);height:75%;width:75%}.tx-chain-ring.ring-3{animation:tx-ring-pulse 2s ease-in-out .6s infinite;border-color:rgba(99,102,241,.6);height:50%;width:50%}@keyframes tx-ring-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.tx-chain-core{align-items:center;animation:tx-core-rotate 3s linear infinite;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:12px;box-shadow:0 4px 15px rgba(99,102,241,.4);display:flex;height:50px;justify-content:center;width:50px}.tx-chain-core i{color:#fff;font-size:24px}@keyframes tx-core-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tx-upload-anim{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.tx-cloud{animation:tx-cloud-float 2s ease-in-out infinite;color:#6366f1;font-size:48px}.tx-upload-arrow{animation:tx-arrow-bounce 1s ease-in-out infinite;bottom:20px;color:#10b981;font-size:24px;position:absolute}@keyframes tx-cloud-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes tx-arrow-bounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(-15px)}}.tx-upload-particles{bottom:10px;display:flex;gap:6px;position:absolute}.tx-upload-particles span{animation:tx-particle-rise 1.5s ease-out infinite;background:#10b981;border-radius:50%;height:6px;width:6px}.tx-upload-particles span:nth-child(2){animation-delay:.2s}.tx-upload-particles span:nth-child(3){animation-delay:.4s}@keyframes tx-particle-rise{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}.tx-approval-anim{height:100%;position:relative;width:100%}.tx-approval-anim,.tx-stamp{align-items:center;display:flex;justify-content:center}.tx-stamp{animation:tx-stamp-bounce .8s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 4px 15px rgba(16,185,129,.4);height:60px;width:60px}.tx-stamp i{color:#fff;font-size:30px}.tx-stamp-effect{animation:tx-stamp-ripple 1.5s ease-out infinite;border:3px solid #10b981;border-radius:50%;height:80px;position:absolute;width:80px}@keyframes tx-stamp-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes tx-stamp-ripple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.tx-download-anim{align-items:center;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center;width:100%}.tx-download-icon{animation:tx-download-bounce 1s ease-in-out infinite;color:#6366f1;font-size:40px}@keyframes tx-download-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.tx-download-bar{background:#e5e7eb;border-radius:2px;height:4px;overflow:hidden;width:60px}.tx-download-bar:after{animation:tx-download-progress 1s ease-in-out infinite;background:#6366f1;border-radius:2px;content:"";display:block;height:100%;width:30px}@keyframes tx-download-progress{0%{transform:translateX(-30px)}to{transform:translateX(60px)}}.tx-default-anim{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.tx-spinner{animation:tx-spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:50px;width:50px}@keyframes tx-spin{to{transform:rotate(1turn)}}.tx-text-content{text-align:center}.tx-title{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 8px}.tx-message{color:#6b7280;font-size:14px;margin:0;min-height:20px}.tx-progress-container{width:100%}.tx-progress-bar{background:#e5e7eb;height:8px;overflow:hidden;width:100%}.tx-progress-bar,.tx-progress-fill{border-radius:4px;position:relative}.tx-progress-fill{animation:tx-progress-shimmer 2s linear infinite;background:linear-gradient(90deg,#6366f1,#8b5cf6 50%,#6366f1);background-size:200% 100%;height:100%;transition:width .3s ease}@keyframes tx-progress-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tx-progress-glow{animation:tx-glow-pulse 1s ease-in-out infinite;background:radial-gradient(circle,hsla(0,0%,100%,.8) 0,transparent 70%);height:12px;position:absolute;right:0;top:-2px;width:20px}@keyframes tx-glow-pulse{0%,to{opacity:1}50%{opacity:.5}}.tx-progress-info{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.tx-progress-percent{color:#6366f1;font-size:18px;font-weight:700}.tx-progress-status{color:#9ca3af;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.tx-timeline{align-items:center;display:flex;gap:0;justify-content:center;padding:16px 0;width:100%}.tx-step{flex-direction:column;min-width:70px}.tx-step,.tx-step-icon{align-items:center;display:flex;position:relative}.tx-step-icon{border-radius:50%;font-size:16px;height:36px;justify-content:center;transition:all .3s ease;width:36px;z-index:2}.tx-step.pending .tx-step-icon{background:#f3f4f6;border:2px solid #e5e7eb;color:#9ca3af}.tx-step.active .tx-step-icon{animation:tx-active-pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#4f46e5);border:2px solid #6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.2);color:#fff}@keyframes tx-active-pulse{0%,to{box-shadow:0 0 0 4px rgba(99,102,241,.2)}50%{box-shadow:0 0 0 8px rgba(99,102,241,.1)}}.tx-step.completed .tx-step-icon{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #10b981;color:#fff}.tx-step-label{color:#9ca3af;font-size:11px;margin-top:8px;text-align:center;transition:color .3s ease;white-space:nowrap}.tx-step.active .tx-step-label{color:#6366f1;font-weight:600}.tx-step.completed .tx-step-label{color:#10b981}.tx-step-pulse{animation:tx-step-pulse-anim 1.5s ease-out infinite;border:2px solid #6366f1;border-radius:50%;height:36px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:36px}@keyframes tx-step-pulse-anim{0%{opacity:1;transform:translateX(-50%) scale(1)}to{opacity:0;transform:translateX(-50%) scale(1.8)}}.tx-step-connector{height:2px;margin:0 -5px 20px;position:relative;width:30px}.tx-connector-line{background:#e5e7eb}.tx-connector-fill,.tx-connector-line{border-radius:1px;height:100%;position:absolute;width:100%}.tx-connector-fill{animation:tx-connector-grow .3s ease-out forwards;background:#10b981}@keyframes tx-connector-grow{0%{width:0}to{width:100%}}.tx-current-action{align-items:center;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));border:1px solid rgba(99,102,241,.2);border-radius:30px;display:flex;gap:10px;padding:12px 20px}.tx-action-dot{animation:tx-dot-blink 1s ease-in-out infinite;background:#6366f1;border-radius:50%;height:10px;width:10px}@keyframes tx-dot-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.tx-current-action span{color:#4f46e5;font-size:14px;font-weight:500}.tx-cancel-btn{align-items:center;background:transparent;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:6px;margin-top:8px;padding:10px 24px;transition:all .2s ease}.tx-cancel-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}@media (max-width:480px){.tx-loader-card{margin:16px;min-width:320px;padding:24px}.tx-timeline{flex-wrap:wrap;gap:8px}.tx-step{min-width:60px}.tx-step-connector{display:none}.tx-step-label{font-size:10px}}@media (prefers-color-scheme:dark){.tx-loader-card{background:linear-gradient(145deg,#1f2937,#111827)}.tx-title{color:#f9fafb}.tx-message{color:#9ca3af}.tx-progress-bar{background:#374151}.tx-step.pending .tx-step-icon{background:#374151;border-color:#4b5563}.tx-connector-line{background:#4b5563}.tx-cancel-btn{border-color:#4b5563;color:#9ca3af}.tx-cancel-btn:hover{background:#374151;color:#f9fafb}}:root{--g-900:#0a3f2f;--g-800:#0e5842;--g-700:#11684f;--g-600:#13815f;--g-500:#18a36f;--g-400:#23bd7c;--g-300:#88e2b9;--g-200:#c9f3e1;--warning:#f59e0b;--info:#3b82f6;--danger:#ef4444;--success:var(--primary-color,#10b981);--radius-lg:20px;--radius-md:14px;--shadow:0 10px 30px rgba(15,23,42,.08);--shadow-soft:0 4px 16px rgba(15,23,42,.06)}body,html{height:100%}body{background:radial-gradient(1200px 700px at -10% -20%,#f7fafc,#eef3f8 60%,#e9eff6) fixed;color:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans;margin:0}.file-manager-app{background:#fff;background:var(--surface);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:28px;box-shadow:0 10px 30px rgba(15,23,42,.08);box-shadow:var(--shadow);display:grid;grid-template-columns:260px 1fr;margin:36px auto;max-width:1280px;min-height:780px;overflow:hidden}.fm-sidebar{grid-gap:14px;background:#fbfcfe;border-right:1px solid #e6ebf2;border-right:1px solid var(--line);display:grid;gap:14px;grid-template-rows:auto 1fr auto;padding:20px 14px}.fm-brand{align-items:center;display:flex;gap:12px;padding:8px 8px 0}.fm-logo{background:radial-gradient(80% 80% at 30% 20%,#23bd7c,#11684f);background:radial-gradient(80% 80% at 30% 20%,var(--g-400),var(--g-700));border-radius:14px;box-shadow:inset 0 -8px 16px rgba(0,0,0,.1);color:#fff;display:grid;font-weight:800;height:44px;place-items:center;width:44px}.fm-brand .fm-name{font-weight:700;letter-spacing:.2px}.fm-section-title{color:#64748b;color:var(--muted);font-size:12px;letter-spacing:.14em;padding:16px 10px 8px;text-transform:uppercase}.fm-menu{display:flex;flex-direction:column;gap:6px}.fm-menu a{align-items:center;border:1px solid transparent;border-radius:12px;color:#0f172a;cursor:pointer;display:flex;gap:12px;padding:12px;text-decoration:none}.fm-menu a i{color:#94a3b8;color:var(--icon);font-size:20px}.fm-menu a:hover{background:#f5f8fb;border-color:#e6ebf2;border-color:var(--line)}.fm-menu a.active{background:linear-gradient(135deg,#11684f,#18a36f);background:linear-gradient(135deg,var(--g-700),var(--g-500));border-color:transparent;box-shadow:0 4px 16px rgba(15,23,42,.06);box-shadow:var(--shadow-soft);color:#fff}.fm-menu a.active i{color:#eafff2}.fm-badge{background:#ecfdf5;border:1px solid #d2f6e4;border-radius:999px;color:#0f6d4f;font-size:12px;margin-left:auto;padding:2px 8px}.fm-quota{background:#f8fbff;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:16px;margin-top:auto;padding:12px}.fm-q-row{align-items:center;display:flex;justify-content:space-between}.fm-q-bar{background:#e8f4ef;border:1px solid #d5eee3;border-radius:999px;height:10px;margin-top:8px;overflow:hidden}.fm-q-bar span{background:linear-gradient(135deg,#18a36f,#11684f);background:linear-gradient(135deg,var(--g-500),var(--g-700));display:block;height:100%;width:62%}.fm-muted{color:#64748b;color:var(--muted);font-size:12px}.fm-main{display:flex;flex-direction:column}.fm-topbar{background:#fff;background:var(--surface);border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);gap:12px;padding:14px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.fm-top-title,.fm-topbar{align-items:center;display:flex}.fm-top-title{font-weight:700;gap:10px}.fm-dot{background:radial-gradient(closest-side,#23bd7c,#11684f);background:radial-gradient(closest-side,var(--g-400),var(--g-700));border-radius:50%;box-shadow:0 0 0 2px #e7f7ef;height:12px;width:12px}.fm-search{align-items:center;background:#f8fafc;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:14px;display:flex;flex:1 1;gap:10px;padding:10px 12px}.fm-search i{color:#94a3b8;color:var(--icon)}.fm-search input{background:transparent;border:0;color:#0f172a;color:var(--text);flex:1 1;font-size:14px;outline:0}.fm-pill{align-items:center;background:#fff;border:1px dashed #e6ebf2;border:1px dashed var(--line);border-radius:10px;color:#0f172a;display:inline-flex;font-size:12px;gap:6px;padding:6px 10px}.fm-actions{display:flex}.fm-actions,.fm-btn{align-items:center;gap:8px}.fm-btn{background:#fff;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;color:#0f172a;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;padding:10px 12px;transition:all .2s}.fm-btn:disabled{cursor:not-allowed;opacity:.5}.fm-btn i{color:#94a3b8;color:var(--icon)}.fm-btn.fm-primary{background:linear-gradient(135deg,#11684f,#18a36f);background:linear-gradient(135deg,var(--g-700),var(--g-500));border-color:transparent;box-shadow:0 4px 16px rgba(15,23,42,.06);box-shadow:var(--shadow-soft);color:#fff}.fm-btn.fm-primary i{color:#fff}.fm-btn.fm-ghost{background:#f8fafc}.fm-btn.fm-danger{background:#fef2f2;border-color:#fecaca;color:#dc2626}.fm-btn.fm-danger i{color:#dc2626}.fm-content{display:flex;flex-direction:column;gap:16px;padding:16px}.fm-section{background:#fff;background:var(--surface);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 16px rgba(15,23,42,.06);box-shadow:var(--shadow-soft);overflow:hidden}.fm-section-head{align-items:center;border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);display:flex;gap:10px;padding:14px}.fm-spacer{flex:1 1}.fm-selection-bar{align-items:center;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-bottom:1px solid #88e2b9;border-bottom:1px solid var(--g-300);display:none;gap:12px;padding:12px 16px}.fm-selection-bar.fm-show{display:flex}.fm-selection-info{color:#11684f;color:var(--g-700);flex:1 1;font-weight:600}.fm-breadcrumb{align-items:center;background:#f8fafc;border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);display:flex;gap:8px;padding:12px 16px}.fm-breadcrumb a{color:#64748b;color:var(--muted);font-size:14px;text-decoration:none}.fm-breadcrumb a:hover{color:#13815f;color:var(--g-600)}.fm-breadcrumb .fm-current{color:#0f172a;color:var(--text);font-weight:600}.fm-qa{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr));padding:14px}.fm-qa-card{background:#f7faf9;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;position:relative;transition:all .2s ease}.fm-qa-card:hover{background:#ecfdf5;border-color:#88e2b9;border-color:var(--g-300);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.fm-qa-card:active{box-shadow:0 2px 6px rgba(0,0,0,.1);transform:translateY(0)}.fm-qa-icon{background:radial-gradient(80% 80% at 30% 20%,#88e2b9,#13815f);background:radial-gradient(80% 80% at 30% 20%,var(--g-300),var(--g-600));border-radius:12px;color:#063b2b;display:grid;font-size:20px;height:44px;place-items:center;width:44px}.fm-qa-card .fm-meta{color:#64748b;color:var(--muted);font-size:12px}.fm-toolbar{align-items:center;display:flex;gap:8px}.fm-switch{border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;display:flex;overflow:hidden}.fm-switch button{background:#fff;border:0;color:#64748b;color:var(--muted);cursor:pointer;padding:8px 10px}.fm-switch button.active{background:var(--primary-bg);color:var(--primary);font-weight:700}.fm-dropdown{position:relative}.fm-dropdown-menu{background:#fff;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(15,23,42,.08);box-shadow:var(--shadow);display:none;min-width:180px;padding:6px;position:absolute;right:0;top:110%;z-index:10}.fm-dropdown.open .fm-dropdown-menu{display:block}.fm-dropdown-menu button{align-items:center;background:#fff;border:0;border-radius:10px;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;width:100%}.fm-dropdown-menu button:hover{background:#ecfdf5;color:#11684f}.fm-dropdown-menu .divider{background:#e6ebf2;background:var(--line);height:1px;margin:6px 0}.fm-menu-container{display:inline-block;position:relative}.fm-menu-btn{position:relative;z-index:10}.fm-menu-container .fm-dropdown-menu{background:#fff;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:block;min-width:180px;padding:6px;position:absolute;right:0;top:110%;z-index:1000}.fm-menu-item{align-items:center;background:transparent;border:0;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.fm-menu-item:hover{background:#ecfdf5;color:#11684f}.fm-menu-item i{font-size:16px;width:20px}.fm-collection{padding:12px}.fm-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr))}.fm-card{background:#fff;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;position:relative;transition:all .2s}.fm-card:hover{background:#f8fafc;border-color:#88e2b9;border-color:var(--g-300)}.fm-card.selected{background:#ecfdf5;border-color:#23bd7c;border-color:var(--g-400);box-shadow:0 0 0 2px rgba(24,163,111,.1)}.fm-thumb{background:repeating-linear-gradient(135deg,#f0f7f4 0 10px,#fff 10px 20px);border:1px dashed #e6ebf2;border:1px dashed var(--line);border-radius:12px;color:#94a3b8;color:var(--icon);display:grid;font-size:36px;height:100px;place-items:center}.fm-card-actions{display:flex;gap:4px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s}.fm-card.selected .fm-card-actions,.fm-card:hover .fm-card-actions{opacity:1}.fm-action-btn{background:#fff;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:8px;color:#94a3b8;color:var(--icon);cursor:pointer;display:grid;font-size:16px;height:28px;place-items:center;width:28px}.fm-action-btn:hover{background:#18a36f;background:var(--g-500);border-color:#18a36f;border-color:var(--g-500);color:#fff}.fm-card-actions,.fm-card-menu{opacity:1!important;visibility:visible!important}.fm-card .checkbox,.fm-card-checkbox,.fm-selection-checkbox{display:none!important;visibility:hidden!important}.fm-row{grid-gap:12px;align-items:center;border-bottom:1px dashed #e6ebf2;border-bottom:1px dashed var(--line);cursor:pointer;display:grid;gap:12px;grid-template-columns:32px 28px 2fr 1fr 1fr 1fr 1fr 40px;padding:10px;transition:all .2s}.fm-row:hover{background:#f8fafc}.fm-row.selected{background:#ecfdf5;border-color:#88e2b9;border-color:var(--g-300)}.fm-row.fm-header{border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);color:#64748b;color:var(--muted);cursor:default;font-weight:600}.fm-row.fm-header,.fm-row.fm-header:hover{background:linear-gradient(180deg,#f9fdfb,#f3fbf7)}.fm-row-checkbox{align-items:center;background:#fff;border:2px solid #e6ebf2;border:2px solid var(--line);border-radius:3px;cursor:pointer;display:flex;height:18px;justify-content:center;width:18px}.fm-row-checkbox.checked{background:#18a36f;background:var(--g-500);border-color:#18a36f;border-color:var(--g-500);color:#fff}.fm-pill-type{background:#ecfdf5;border:1px solid #c6f1df;border-radius:999px;color:#11684f;font-size:12px;padding:3px 8px}.fm-avatar-sm{background:linear-gradient(135deg,#e7ffe8,#c8f5dc);border:1px solid #d9efe5;border-radius:50%;color:#0d5b40;display:grid;font-size:11px;font-weight:800;height:24px;place-items:center;width:24px}.fm-star{color:#f59e0b}.fm-card-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.fm-meta{font-size:12px}.fm-empty,.fm-meta{color:#64748b;color:var(--muted)}.fm-empty{padding:48px;text-align:center}.fm-modal{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.fm-modal.fm-open{display:flex}.fm-modal-content{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(15,23,42,.08);box-shadow:var(--shadow);max-height:90vh;max-width:500px;overflow:hidden;width:90%}.fm-modal-header{align-items:center;border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:20px}.fm-modal-body{max-height:calc(90vh - 140px);overflow-y:auto;padding:20px}.fm-modal-footer{border-top:1px solid #e6ebf2;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;padding:20px}.fm-close-btn{background:#fff;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:8px;cursor:pointer;display:grid;height:32px;place-items:center;width:32px}.fm-close-btn:hover,.fm-file-preview{background:#f8fafc}.fm-file-preview{border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:16px;margin-bottom:20px;padding:20px;text-align:center}.fm-file-preview i{color:#94a3b8;color:var(--icon);font-size:64px;margin-bottom:10px}.fm-file-info{display:flex;flex-direction:column;gap:12px}.fm-info-row{border-bottom:1px dashed #e6ebf2;border-bottom:1px dashed var(--line);display:flex;justify-content:space-between;padding:8px 0}.fm-info-row label{color:#64748b;color:var(--muted);font-size:14px}.fm-info-row span{font-weight:600}.fm-access-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.fm-access-item{align-items:center;background:#f8fafc;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;display:flex;gap:12px;padding:10px}.fm-access-item .fm-avatar{background:linear-gradient(135deg,#88e2b9,#13815f);background:linear-gradient(135deg,var(--g-300),var(--g-600));border-radius:50%;color:#fff;display:grid;font-weight:700;height:36px;place-items:center;width:36px}.fm-access-item .fm-details{flex:1 1}.fm-access-item .fm-name{font-weight:600}.fm-access-item .fm-email{color:#64748b;color:var(--muted);font-size:12px}.fm-access-badge{background:#ecfdf5;border:1px solid #c6f1df;border-radius:8px;color:#11684f;font-size:12px;padding:4px 10px}.fm-access-badge.write{background:#fef3c7;border-color:#fde68a;color:#92400e}.fm-shared-table{border-collapse:collapse;width:100%}.fm-shared-table th{border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);color:#64748b;color:var(--muted);font-size:14px;font-weight:600;padding:12px;text-align:left}.fm-shared-table td{border-bottom:1px dashed #e6ebf2;border-bottom:1px dashed var(--line);padding:12px}.fm-shared-table tr:hover{background:#f8fafc}.fm-share-modal .fm-modal-content{max-width:800px}.fm-share-section{margin-bottom:24px}.fm-share-section h4{align-items:center;color:#0f172a;color:var(--text);display:flex;font-size:16px;gap:8px;margin:0 0 12px}.fm-files-preview{background:#f8fafc;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;margin-bottom:20px;max-height:200px;overflow-y:auto;padding:16px}.fm-file-item{align-items:center;border-bottom:1px dashed #e6ebf2;border-bottom:1px dashed var(--line);display:flex;gap:12px;padding:8px}.fm-file-item:last-child{border-bottom:none}.fm-file-item-icon{background:var(--g-100);border-radius:8px;color:#13815f;color:var(--g-600);display:grid;height:32px;place-items:center;width:32px}.fm-file-item-info{flex:1 1}.fm-file-item-name{font-size:14px;font-weight:600}.fm-file-item-meta{color:#64748b;color:var(--muted);font-size:12px}.fm-user-search{margin-bottom:16px;position:relative}.fm-user-search input{background:#f8fafc;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;font-size:14px;outline:none;padding:12px 16px 12px 44px;width:100%}.fm-user-search input:focus{background:#fff;border-color:#18a36f;border-color:var(--g-500);box-shadow:0 0 0 3px rgba(24,163,111,.1)}.fm-user-search i{color:#94a3b8;color:var(--icon);left:16px;position:absolute;top:50%;transform:translateY(-50%)}.fm-user-search-results{background:#fff;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(15,23,42,.08);box-shadow:var(--shadow);display:none;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.fm-user-search-results.show{display:block}.fm-user-result{align-items:center;border-bottom:1px dashed #e6ebf2;border-bottom:1px dashed var(--line);cursor:pointer;display:flex;gap:12px;padding:12px 16px}.fm-user-result:last-child{border-bottom:none}.fm-user-result:hover{background:#f8fafc}.fm-user-result.selected{background:#ecfdf5;border-color:#88e2b9;border-color:var(--g-300)}.fm-user-avatar{background:linear-gradient(135deg,#88e2b9,#13815f);background:linear-gradient(135deg,var(--g-300),var(--g-600));border-radius:50%;color:#fff;display:grid;font-size:14px;font-weight:700;height:36px;place-items:center;width:36px}.fm-user-info{flex:1 1}.fm-user-name{font-weight:600;margin-bottom:2px}.fm-user-details{align-items:center;color:#64748b;color:var(--muted);display:flex;font-size:12px;gap:8px}.fm-status-indicator{background:#10b981;background:var(--success);border-radius:50%;height:8px;width:8px}.fm-status-indicator.offline{background:#64748b;background:var(--muted)}.fm-selected-recipients{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:auto}.fm-recipient-item{align-items:center;background:#f8fafc;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;display:flex;gap:12px;padding:12px}.fm-recipient-info{flex:1 1}.fm-recipient-name{font-weight:600;margin-bottom:2px}.fm-recipient-wallet{color:#64748b;color:var(--muted);font-family:monospace;font-size:11px}.fm-permission-select{background:#fff;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:8px;font-size:12px;min-width:120px;padding:8px 12px}.fm-remove-recipient{background:#fff;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:6px;color:#94a3b8;color:var(--icon);cursor:pointer;display:grid;height:28px;place-items:center;width:28px}.fm-remove-recipient:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.fm-blockchain-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;margin-bottom:20px;padding:16px}.fm-blockchain-info h5{align-items:center;color:#0369a1;display:flex;gap:8px;margin:0 0 8px}.fm-blockchain-info p{color:#0369a1;font-size:13px;line-height:1.4;margin:0}.fm-hash-display{background:#f1f5f9;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:8px;color:#64748b;color:var(--muted);font-family:monospace;font-size:11px;margin-top:8px;padding:8px 12px;word-break:break-all}.fm-share-summary{background:#ecfdf5;border:1px solid #c6f1df;border-radius:12px;margin-top:16px;padding:16px}.fm-summary-item{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.fm-summary-item:last-child{margin-bottom:0}.fm-gas-estimate{background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:12px;margin-top:12px;padding:8px 12px}.fm-error-message{color:#dc2626;display:none;font-size:12px;margin-top:4px}.fm-error-message.show{display:block}.fm-user-tabs{border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);display:flex;margin-bottom:16px}.fm-user-tab{background:none;border:none;border-bottom:2px solid transparent;color:#64748b;color:var(--muted);cursor:pointer;font-weight:500;padding:8px 16px}.fm-user-tab.active{border-bottom-color:#18a36f;border-bottom-color:var(--g-500);color:#13815f;color:var(--g-600)}.fm-user-list{max-height:200px;overflow-y:auto}.fm-user-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:10px}.fm-user-item:hover{background:#f8fafc}.fm-user-item.selected{background:#ecfdf5;border:1px solid #88e2b9;border:1px solid var(--g-300)}.fm-bulk-actions{align-items:center;display:flex;gap:8px}.fm-progress-bar{background:#f1f5f9;border-radius:4px;height:8px;margin:12px 0;overflow:hidden;width:100%}.fm-progress-fill{background:linear-gradient(90deg,#18a36f,#23bd7c);background:linear-gradient(90deg,var(--g-500),var(--g-400));height:100%;transition:width .3s ease;width:0}.fm-notification{background:#fff;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(15,23,42,.08);box-shadow:var(--shadow);padding:16px;position:fixed;right:20px;top:20px;transform:translateX(400px);transition:transform .3s ease;z-index:1000}.fm-notification.show{transform:translateX(0)}.fm-notification.success{border-left:4px solid #10b981;border-left:4px solid var(--success)}.fm-notification.error{border-left:4px solid #ef4444;border-left:4px solid var(--danger)}.fm-notification.warning{border-left:4px solid #f59e0b;border-left:4px solid var(--warning)}.fm-hide-mobile{display:block}@media (max-width:1200px){.fm-grid,.fm-qa{grid-template-columns:repeat(4,1fr)}}@media (max-width:920px){.file-manager-app{grid-template-columns:1fr}.fm-sidebar{display:none}.fm-grid,.fm-qa{grid-template-columns:repeat(2,1fr)}.fm-row{grid-template-columns:32px 24px 1.6fr 1fr .8fr .8fr .8fr 40px}}@media (max-width:640px){.fm-row{grid-template-columns:32px 24px 2fr 1fr 40px}.fm-hide-mobile{display:none}}.fm-recent-badge{align-items:center;background-color:#f3f4f6!important;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280!important;display:flex!important;font-size:11px;gap:4px;margin-top:2px;padding:2px 6px!important;width:-webkit-fit-content;width:fit-content}.fm-recent-badge i{color:var(--primary)!important;font-size:11px!important}.fm-file-name{display:flex;flex-direction:column;gap:2px;min-width:200px}.fm-file-name span{color:#0f172a;color:var(--text);font-weight:500}.fm-file-name .fm-recent-badge{align-self:flex-start!important;font-weight:400!important;margin-top:4px!important}.fm-files-grid .fm-recent-badge,.fm-tab-content .fm-recent-badge,div[id=recent] .fm-recent-badge{align-items:center!important;background-color:#f3f4f6!important;border:1px solid #d1d5db!important;border-radius:12px!important;box-sizing:border-box!important;color:#6b7280!important;display:inline-flex!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:11px!important;font-weight:500!important;gap:4px!important;line-height:1.2!important;margin-top:4px!important;padding:3px 8px!important;white-space:nowrap!important;width:-webkit-fit-content!important;width:fit-content!important}#recent .fm-files-grid{display:flex;flex-direction:column;gap:0}#recent .fm-row{grid-gap:16px;align-items:center;border-bottom:1px solid var(--border);cursor:pointer;display:grid;gap:16px;grid-template-columns:48px 1fr 120px 120px 100px 120px 48px;padding:12px 16px;transition:background-color .2s}#recent .fm-row:hover{background-color:var(--hover-bg)}@media (max-width:768px){#recent .fm-row{grid-template-columns:48px 1fr 48px}}#recent .fm-section-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}#recent .fm-section-header h3{color:#0f172a;color:var(--text);font-size:20px;font-weight:600;margin:0}#recent .fm-pill{align-items:center;background-color:var(--secondary-bg);border-radius:20px;color:var(--secondary-text);display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}#recent .fm-list-header{grid-gap:16px;align-items:center;background:linear-gradient(180deg,#f9fdfb,#f3fbf7);border-bottom:1px solid var(--border);color:#64748b;color:var(--muted);display:grid;font-size:12px;font-weight:600;gap:16px;grid-template-columns:48px 1fr 120px 120px 100px 120px 48px;padding:12px 16px}#recent .fm-list-header>div{align-items:center;display:flex}#recent .fm-header-checkbox input[type=checkbox]{margin:0}@media (max-width:768px){#recent .fm-list-header{grid-template-columns:48px 1fr 48px}}#recent .fm-recent-badge{align-items:center!important;background-color:#f3f4f6!important;border:1px solid #e5e7eb!important;border-radius:12px!important;color:#6b7280!important;display:inline-flex!important;font-size:11px!important;font-weight:500!important;gap:4px!important;margin-top:4px!important;padding:3px 8px!important;width:-webkit-fit-content!important;width:fit-content!important}#recent .fm-recent-badge i{color:var(--primary)!important;font-size:11px!important;margin-right:2px!important}.fm-permission-badge{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;color:#15803d;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.fm-badge-write,.fm-permission-badge.edit,.fm-permission-badge.write,.fm-permission-badge[data-permission=edit]{background-color:#fef3c7;border:1px solid #fde68a;color:#92400e}.fm-badge-read,.fm-permission-badge.read,.fm-permission-badge.view,.fm-permission-badge[data-permission=read],.fm-permission-badge[data-permission=view]{background-color:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.fm-item-shared{align-items:center;display:flex;justify-content:center}#section-shared .fm-list-header,#section-shared .fm-list-item{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:40px 1fr 140px 180px 100px 120px 80px}@media (max-width:768px){#section-shared .fm-list-header,#section-shared .fm-list-item{grid-template-columns:40px 1fr 80px}}@keyframes highlightPulse{0%,to{background-color:transparent;box-shadow:none}50%{background-color:rgba(16,185,129,.15);box-shadow:0 0 0 3px rgba(16,185,129,.3)}}.highlight-search-result{border-radius:8px}.fm-file-card.highlight-search-result,.fm-list-item.highlight-search-result,.highlight-search-result{animation:highlightPulse .8s ease-in-out 3}:root{--fm-mobile-header:56px;--fm-mobile-padding:12px;--fm-mobile-touch:44px;--fm-mobile-radius:12px;--fm-mobile-card-height:100px;--fm-mobile-icon-size:48px;--fm-mobile-gap:12px;--dashboard-header:60px;--dashboard-nav:70px;--fm-safe-bottom:90px;--fm-card-min-height:140px;--fm-card-icon-size:64px;--fm-list-row-height:64px;--fm-list-icon-size:40px;--fm-checkbox-size:24px;--fm-checkbox-size-list:20px;--fm-menu-btn-size:40px;--fm-type-pdf:#ef4444;--fm-type-doc:#3b82f6;--fm-type-xls:#22c55e;--fm-type-img:#a855f7;--fm-type-video:#f97316;--fm-type-folder:#eab308;--fm-type-default:#6b7280;--fm-selection-bar-height:52px;--fm-fab-size:56px;--fm-fab-mini-size:48px;--fm-fab-bottom:90px;--fm-fab-right:16px;--fm-selection-bg:#ecfdf5;--fm-swipe-delete:#fef2f2;--fm-swipe-share:#f0fdf4;--fm-modal-radius:16px;--fm-sheet-radius:16px;--fm-modal-header:56px;--fm-modal-action-bar:72px;--fm-toast-height:48px;--fm-toast-bottom:90px;--fm-search-height:44px;--fm-filter-height:44px;--fm-tab-height:48px;--fm-transition:0.3s cubic-bezier(0.4,0,0.2,1);--fm-spring:0.4s cubic-bezier(0.34,1.56,0.64,1);--fm-toast-success:#22c55e;--fm-toast-error:#ef4444;--fm-toast-warning:#f59e0b;--fm-toast-info:#3b82f6;--fm-perm-view:#3b82f6;--fm-perm-edit:#f59e0b}@keyframes slideDownSelectionBar{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpSelectionBar{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes pulseFAB{0%,to{transform:scale(1)}50%{transform:scale(.92)}}@keyframes bounceFAB{0%{opacity:0;transform:scale(0) translateY(20px)}60%{transform:scale(1.1) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes speedDialIn{0%{opacity:0;transform:scale(0) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes speedDialOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(0) translateY(20px)}}@keyframes checkmarkSuccess{0%{opacity:0;transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(0deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes spinLoader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes badgePop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes swipeReveal{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(100px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(100px) scale(.9)}}@keyframes searchExpand{0%{opacity:0;width:44px}to{opacity:1;width:100%}}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseLoading{0%,to{opacity:.4}50%{opacity:1}}@keyframes refreshSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes tabIndicatorSlide{0%{transform:translateX(0);transform:translateX(var(--tab-from,0))}to{transform:translateX(0);transform:translateX(var(--tab-to,0))}}@keyframes rippleEffect{to{opacity:0;transform:scale(4)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes shakeError{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes progressIndeterminate{0%{left:-50%;width:50%}to{left:100%;width:50%}}@media screen and (max-width:768px){div:has(>.content>.file-manager-content){background:#fff!important;padding:0!important}.content:has(.file-manager-content){background:#fff!important;margin:0!important;max-width:100%!important;overflow-x:hidden!important;padding:0!important;width:100%!important}.file-manager-content{overflow-x:hidden!important;padding:0!important}.file-manager-app,.file-manager-content{background:#fff!important;margin:0!important;max-width:100%!important;width:100%!important}.file-manager-app{border:none!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;grid-template-columns:none!important;min-height:100vh!important;padding-bottom:90px!important;padding-bottom:var(--fm-safe-bottom)!important;padding-top:60px!important;padding-top:var(--dashboard-header)!important}.fm-sidebar{display:none!important;opacity:0!important;visibility:hidden!important;width:0!important}.fm-main{display:flex!important;flex:1 1!important;flex-direction:column!important;min-height:0!important;width:100%!important}.section-nav{-webkit-overflow-scrolling:touch!important;background:#fff!important;border-bottom:1px solid #e5e5e5!important;margin:0!important;overflow-x:auto!important;padding:12px 16px!important;width:100%!important}.section-nav>div{display:flex!important;gap:16px!important;min-width:-webkit-max-content!important;min-width:max-content!important}.nav-btn{-webkit-tap-highlight-color:transparent!important;font-size:15px!important;padding:10px 4px!important;touch-action:manipulation!important;white-space:nowrap!important}.content-header{background:#fff!important;gap:12px!important;margin:0!important;padding:12px 16px!important}.content-header,.file-search{flex-wrap:wrap!important;width:100%!important}.fm-topbar{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;border-bottom:1px solid var(--line,#e5e7eb)!important;box-shadow:0 2px 8px rgba(0,0,0,.04)!important;display:flex!important;flex-direction:column!important;gap:10px!important;height:auto!important;min-height:56px!important;min-height:var(--fm-mobile-header)!important;padding:12px!important;padding:var(--fm-mobile-padding)!important;position:-webkit-sticky!important;position:sticky!important;top:0!important}.fm-top-title,.fm-topbar-row{align-items:center!important;display:flex!important;justify-content:space-between!important;width:100%!important}.fm-top-title{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:18px!important;font-weight:700!important;gap:8px!important}.fm-dot{flex-shrink:0!important;height:10px!important;width:10px!important}.fm-search{align-items:center!important;background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border:1px solid #e5e7eb!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:12px!important;border-radius:var(--fm-mobile-radius)!important;display:flex!important;flex:none!important;gap:12px!important;padding:12px 14px!important;transition:all .2s ease!important;width:100%!important}.fm-search:focus-within{background:#fff!important;border-color:#18a36f!important;border-color:var(--g-500,#18a36f)!important;box-shadow:0 0 0 3px rgba(24,163,111,.1)!important}.fm-search i{color:#6b7280!important;color:var(--muted,#6b7280)!important;flex-shrink:0!important;font-size:18px!important;margin-left:2px!important}.fm-search input{background:transparent!important;border:none!important;color:#1f2937!important;color:var(--text,#1f2937)!important;flex:1 1!important;font-size:15px!important;min-width:0!important;outline:none!important;padding:0!important}.fm-search input::placeholder{color:#9ca3af!important;color:var(--muted,#9ca3af)!important}.fm-actions{display:flex!important;flex-shrink:0!important;gap:8px!important}.fm-actions,.fm-btn{align-items:center!important}.fm-btn{border-radius:12px!important;border-radius:var(--fm-mobile-radius)!important;cursor:pointer!important;display:inline-flex!important;font-size:14px!important;font-weight:600!important;gap:6px!important;justify-content:center!important;min-height:44px!important;min-height:var(--fm-mobile-touch)!important;min-width:44px!important;min-width:var(--fm-mobile-touch)!important;padding:10px!important;touch-action:manipulation!important;transition:all .2s ease!important}.fm-btn span{display:none!important}.fm-btn i{font-size:18px!important;margin:0!important}.fm-btn.fm-primary{background:linear-gradient(135deg,#13815f,#18a36f)!important;background:linear-gradient(135deg,var(--g-600,#13815f),var(--g-500,#18a36f))!important;border:none!important;box-shadow:0 2px 8px rgba(24,163,111,.3)!important;color:#fff!important;padding:10px 16px!important}.fm-btn.fm-primary span{display:inline!important;font-size:13px!important}.fm-btn.fm-primary:active{box-shadow:0 1px 4px rgba(24,163,111,.2)!important;transform:scale(.96)!important}.fm-btn.fm-ghost{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border:1px solid #e5e7eb!important;border:1px solid var(--line,#e5e7eb)!important;color:#1f2937!important;color:var(--text,#1f2937)!important}.fm-btn.fm-ghost:active{background:#e5e7eb!important;background:var(--line,#e5e7eb)!important}.fm-pill{display:none!important}.fm-content{-webkit-overflow-scrolling:touch!important;display:flex!important;flex:1 1!important;flex-direction:column!important;gap:12px!important;gap:var(--fm-mobile-gap)!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0!important;scroll-behavior:smooth!important;width:100%!important}.fm-content,.fm-section{background:#fff!important}.fm-section{border:none!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}.fm-section-head{align-items:center!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;border-bottom:1px solid var(--line,#e5e7eb)!important;display:flex!important;flex-wrap:wrap!important;gap:12px!important;justify-content:flex-start!important;padding:14px 16px!important}.fm-section-head h3{flex:0 0 auto!important;font-size:18px!important;font-weight:600!important;margin-right:auto!important}.fm-section-head .fm-spacer{display:none!important}.fm-section-head .fm-btn,.fm-section-head .fm-dropdown,.fm-section-head .fm-switch{flex:0 0 auto!important}.fm-section-head select{padding:8px 32px 8px 12px!important}.fm-section-head .fm-btn,.fm-section-head select{font-size:14px!important;min-height:40px!important;touch-action:manipulation!important}.fm-section-head .fm-btn{padding:8px 14px!important;white-space:nowrap!important}.fm-section-head .fm-btn i{font-size:16px!important;margin-right:6px!important}.fm-section-head h3{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:15px!important;font-weight:700!important;margin:0!important}.fm-section-title{color:#6b7280!important;color:var(--muted,#6b7280)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.5px!important;padding:14px 12px 8px!important;padding:14px var(--fm-mobile-padding) 8px!important;text-transform:uppercase!important}.fm-breadcrumb{border-bottom:1px solid #e5e7eb!important;border-bottom:1px solid var(--line,#e5e7eb)!important;gap:6px!important;padding:10px 12px!important;padding:10px var(--fm-mobile-padding)!important}.fm-breadcrumb a{color:#6b7280!important;color:var(--muted,#6b7280)!important;flex-shrink:0!important;font-size:13px!important;white-space:nowrap!important}.fm-breadcrumb .fm-current{color:#1f2937!important;color:var(--text,#1f2937)!important;font-weight:600!important}.fm-qa{grid-gap:12px!important;grid-gap:var(--fm-mobile-gap)!important;display:grid!important;gap:12px!important;gap:var(--fm-mobile-gap)!important;grid-template-columns:repeat(2,1fr)!important;padding:12px!important;padding:var(--fm-mobile-padding)!important}.fm-qa-card{align-items:flex-start!important;background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e5e7eb!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:12px!important;border-radius:var(--fm-mobile-radius)!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-height:100px!important;min-height:var(--fm-mobile-card-height)!important;padding:14px!important;position:relative!important;touch-action:manipulation!important;transition:all .2s ease!important}.fm-qa-card:active{background:#f9fafb!important;background:var(--bg-2,#f9fafb)!important;border-color:#88e2b9!important;border-color:var(--g-300,#88e2b9)!important;transform:scale(.98)!important}.fm-qa-icon{align-items:center!important;background:linear-gradient(135deg,#c9f3e1,#23bd7c)!important;background:linear-gradient(135deg,var(--g-200,#c9f3e1),var(--g-400,#23bd7c))!important;border-radius:10px!important;border-radius:calc(var(--fm-mobile-radius) - 2px)!important;color:#0e5842!important;color:var(--g-800,#0e5842)!important;display:flex!important;flex-shrink:0!important;font-size:22px!important;height:48px!important;height:var(--fm-mobile-icon-size)!important;justify-content:center!important;width:48px!important;width:var(--fm-mobile-icon-size)!important}.fm-qa-card .fm-card-name,.fm-qa-card .name,.fm-qa-card h4{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:14px!important;font-weight:600!important;line-height:1.3!important;margin:0!important}.fm-qa-card .fm-meta{color:#6b7280!important;color:var(--muted,#6b7280)!important;font-size:12px!important;margin:0!important}.fm-toolbar{align-items:center!important;display:flex!important;gap:8px!important;justify-content:space-between!important;padding:0!important}.fm-switch{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border:1px solid #e5e7eb!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:12px!important;border-radius:var(--fm-mobile-radius)!important;display:flex!important;overflow:hidden!important}.fm-switch button{align-items:center!important;background:transparent!important;border:none!important;color:#6b7280!important;color:var(--muted,#6b7280)!important;cursor:pointer!important;display:flex!important;font-size:16px!important;justify-content:center!important;min-height:36px!important;min-width:44px!important;min-width:var(--fm-mobile-touch)!important;padding:8px 12px!important;transition:all .2s ease!important}.fm-switch button.active{background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;color:#13815f!important;color:var(--g-600,#13815f)!important}.fm-switch button:active{opacity:.8!important}.fm-collection{background:#fff!important;box-sizing:border-box!important;padding:16px!important;width:100%!important}.fm-grid{grid-gap:12px!important;grid-gap:var(--fm-mobile-gap)!important;display:grid!important;gap:12px!important;gap:var(--fm-mobile-gap)!important;grid-template-columns:repeat(2,1fr)!important;width:100%!important}.fm-card{background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e5e7eb!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:12px!important;border-radius:var(--fm-mobile-radius)!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-height:140px!important;min-height:var(--fm-card-min-height)!important;overflow:hidden!important;padding:12px!important;padding:var(--fm-mobile-padding)!important;position:relative!important;touch-action:manipulation!important;transition:all .2s ease!important}.fm-card:active{border-color:#23bd7c!important;border-color:var(--g-400,#23bd7c)!important;box-shadow:0 2px 8px rgba(24,163,111,.15)!important;transform:scale(.97)!important}.fm-card.selected{background:rgba(24,163,111,.06)!important;border-color:#18a36f!important;border-color:var(--g-500,#18a36f)!important;box-shadow:0 0 0 2px rgba(24,163,111,.2)!important}.fm-thumb{align-items:center!important;background:linear-gradient(145deg,#f8fafc,#f1f5f9)!important;border:1px dashed #e2e8f0!important;border:1px dashed var(--line,#e2e8f0)!important;border-radius:10px!important;display:flex!important;height:80px!important;justify-content:center!important;overflow:hidden!important;position:relative!important}.fm-thumb .fm-file-icon,.fm-thumb i{font-size:64px!important;font-size:var(--fm-card-icon-size)!important;transition:transform .2s ease!important}.fm-card:active .fm-thumb i{transform:scale(.95)!important}.fm-thumb .fm-icon-pdf,.fm-thumb i.fa-file-pdf{color:#ef4444!important;color:var(--fm-type-pdf)!important}.fm-thumb .fm-icon-doc,.fm-thumb i.fa-file-word{color:#3b82f6!important;color:var(--fm-type-doc)!important}.fm-thumb .fm-icon-xls,.fm-thumb i.fa-file-excel{color:#22c55e!important;color:var(--fm-type-xls)!important}.fm-thumb .fm-icon-img,.fm-thumb i.fa-file-image,.fm-thumb i.fa-image{color:#a855f7!important;color:var(--fm-type-img)!important}.fm-thumb .fm-icon-video,.fm-thumb i.fa-file-video,.fm-thumb i.fa-video{color:#f97316!important;color:var(--fm-type-video)!important}.fm-thumb .fm-icon-folder,.fm-thumb i.fa-folder{color:#eab308!important;color:var(--fm-type-folder)!important}.fm-thumb .fm-icon-default,.fm-thumb i.fa-file{color:#6b7280!important;color:var(--fm-type-default)!important}.fm-card-name{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;color:#1f2937!important;color:var(--text,#1f2937)!important;display:-webkit-box!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important;margin:0!important;overflow:hidden!important;padding-right:4px!important;text-overflow:ellipsis!important}.fm-card .fm-meta{align-items:center!important;color:#6b7280!important;color:var(--muted,#6b7280)!important;display:flex!important;font-size:11px!important;font-weight:400!important;gap:6px!important;margin-top:auto!important}.fm-card .fm-meta span{align-items:center!important;display:inline-flex!important;gap:3px!important}.fm-card .fm-meta .fm-separator{background:#9ca3af!important;background:var(--muted,#9ca3af)!important;border-radius:50%!important;height:3px!important;width:3px!important}.fm-card .checkbox,.fm-card-checkbox,.fm-selection-checkbox{display:none!important;visibility:hidden!important}.fm-card-checkbox:active,.fm-selection-checkbox:active{transform:scale(.9)!important}.fm-card-checkbox.checked,.fm-card.selected .fm-card-checkbox,.fm-card.selected .fm-selection-checkbox,.fm-selection-checkbox.checked,.fm-selection-checkbox.selected{background:#18a36f!important;background:var(--g-500,#18a36f)!important;border-color:#18a36f!important;border-color:var(--g-500,#18a36f)!important;box-shadow:0 2px 8px rgba(24,163,111,.35)!important;color:#fff!important}.fm-card-checkbox:after,.fm-selection-checkbox:after{border:solid transparent!important;border-width:0 2px 2px 0!important;content:""!important;height:10px!important;transform:rotate(45deg) scale(0)!important;transition:transform .15s ease!important;width:6px!important}.fm-card-checkbox.checked:after,.fm-card.selected .fm-card-checkbox:after,.fm-card.selected .fm-selection-checkbox:after,.fm-selection-checkbox.checked:after,.fm-selection-checkbox.selected:after{border-color:#fff!important;transform:rotate(45deg) scale(1)!important}.fm-card-checkbox i,.fm-selection-checkbox i{font-size:12px!important;opacity:0!important;transform:scale(0)!important;transition:all .15s ease!important}.fm-card.selected .fm-selection-checkbox i,.fm-selection-checkbox.checked i{color:#fff!important;opacity:1!important;transform:scale(1)!important}.fm-card-actions,.fm-card-menu{display:flex!important;gap:6px!important;opacity:1!important;position:absolute!important;right:8px!important;top:8px!important;visibility:visible!important;z-index:10!important}.fm-action-btn,.fm-card-menu-btn,.fm-menu-btn{align-items:center!important;background:hsla(0,0%,100%,.95)!important;border:1px solid #e5e7eb!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:10px!important;box-shadow:0 2px 4px rgba(0,0,0,.08)!important;cursor:pointer!important;display:flex!important;height:40px!important;height:var(--fm-menu-btn-size)!important;justify-content:center!important;min-height:40px!important;min-height:var(--fm-menu-btn-size)!important;min-width:40px!important;min-width:var(--fm-menu-btn-size)!important;touch-action:manipulation!important;transition:all .2s ease!important;width:40px!important;width:var(--fm-menu-btn-size)!important}.fm-action-btn i,.fm-card-menu-btn i,.fm-menu-btn i{color:#6b7280!important;color:var(--muted,#6b7280)!important;font-size:20px!important;transition:color .15s ease!important}.fm-action-btn:active,.fm-card-menu-btn:active,.fm-menu-btn:active{background:#18a36f!important;background:var(--g-500,#18a36f)!important;border-color:#18a36f!important;border-color:var(--g-500,#18a36f)!important;transform:scale(.9)!important}.fm-action-btn:active i,.fm-card-menu-btn:active i,.fm-menu-btn:active i{color:#fff!important}.fm-list{border:1px solid #e5e7eb!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:12px!important;border-radius:var(--fm-mobile-radius)!important;box-sizing:border-box!important;margin:0 16px!important;overflow:hidden!important;width:100%!important}.fm-list,.fm-row{background:#fff!important;background:var(--surface,#fff)!important}.fm-row{grid-gap:12px!important;align-items:center!important;border-bottom:1px dashed #e5e7eb!important;border-bottom:1px dashed var(--line,#e5e7eb)!important;cursor:pointer!important;display:grid!important;gap:12px!important;grid-template-columns:32px 40px 1fr 40px!important;min-height:64px!important;min-height:var(--fm-list-row-height)!important;padding:12px!important;padding:12px var(--fm-mobile-padding)!important;position:relative!important;touch-action:manipulation!important;transition:background .15s ease!important}.fm-row:last-child{border-bottom:none!important}.fm-row:active{background:#f9fafb!important;background:var(--bg-2,#f9fafb)!important}.fm-row.selected{background:rgba(24,163,111,.06)!important}.fm-row.selected:before{background:#18a36f!important;background:var(--g-500,#18a36f)!important;bottom:0!important;content:""!important;left:0!important;position:absolute!important;top:0!important;width:3px!important}.fm-list-header,.fm-row-header,.fm-row.fm-header{display:none!important}.fm-row .checkbox,.fm-row-checkbox{align-items:center!important;background:#fff!important;border:2px solid #d1d5db!important;border:2px solid var(--line,#d1d5db)!important;border-radius:4px!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;height:20px!important;height:var(--fm-checkbox-size-list)!important;justify-content:center!important;transition:all .2s ease!important;width:20px!important;width:var(--fm-checkbox-size-list)!important}.fm-row-checkbox.checked,.fm-row.selected .checkbox,.fm-row.selected .fm-row-checkbox{background:#18a36f!important;background:var(--g-500,#18a36f)!important;border-color:#18a36f!important;border-color:var(--g-500,#18a36f)!important;color:#fff!important}.fm-row-checkbox i{font-size:10px!important;opacity:0!important;transform:scale(0)!important;transition:all .15s ease!important}.fm-row-checkbox.checked i,.fm-row.selected .fm-row-checkbox i{color:#fff!important;opacity:1!important;transform:scale(1)!important}.fm-row-icon,.fm-row>:nth-child(2){align-items:center!important;display:flex!important;flex-shrink:0!important;height:40px!important;height:var(--fm-list-icon-size)!important;justify-content:center!important;width:40px!important;width:var(--fm-list-icon-size)!important}.fm-row-icon i,.fm-row>:nth-child(2) i{font-size:40px!important;font-size:var(--fm-list-icon-size)!important}.fm-row i.fa-file-pdf{color:#ef4444!important;color:var(--fm-type-pdf)!important}.fm-row i.fa-file-word{color:#3b82f6!important;color:var(--fm-type-doc)!important}.fm-row i.fa-file-excel{color:#22c55e!important;color:var(--fm-type-xls)!important}.fm-row i.fa-file-image,.fm-row i.fa-image{color:#a855f7!important;color:var(--fm-type-img)!important}.fm-row i.fa-file-video,.fm-row i.fa-video{color:#f97316!important;color:var(--fm-type-video)!important}.fm-row i.fa-folder{color:#eab308!important;color:var(--fm-type-folder)!important}.fm-row i.fa-file{color:#6b7280!important;color:var(--fm-type-default)!important}.fm-file-name,.fm-row-info{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;overflow:hidden!important}.fm-file-name .name,.fm-file-name span,.fm-row-info .name{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:14px!important;font-weight:600!important;line-height:1.3!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.fm-file-name .fm-meta,.fm-file-name .fm-recent-badge,.fm-row-info .fm-meta{align-items:center!important;color:#6b7280!important;color:var(--muted,#6b7280)!important;display:flex!important;font-size:11px!important;font-weight:400!important;gap:4px!important;line-height:1.3!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.fm-row .fm-action-btn,.fm-row .fm-menu-btn{background:transparent!important;border:none!important;border-radius:8px!important;box-shadow:none!important;height:40px!important;height:var(--fm-menu-btn-size)!important;width:40px!important;width:var(--fm-menu-btn-size)!important}.fm-row .fm-action-btn:active,.fm-row .fm-menu-btn:active{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important}.fm-row>:nth-child(n+5){display:none!important}.fm-row>:last-child{align-items:center!important;display:flex!important;justify-content:center!important}.fm-selection-bar{align-items:center!important;background:#ecfdf5!important;background:var(--fm-selection-bg,#ecfdf5)!important;border-bottom:2px solid #23bd7c!important;border-bottom:2px solid var(--g-400,#23bd7c)!important;box-shadow:0 2px 12px rgba(24,163,111,.15)!important;display:none!important;gap:12px!important;height:52px!important;height:var(--fm-selection-bar-height)!important;left:0!important;opacity:0!important;padding:0 12px!important;padding:0 var(--fm-mobile-padding)!important;position:fixed!important;right:0!important;top:56px!important;top:var(--fm-mobile-header)!important;transform:translateY(-100%)!important;transition:transform .3s ease,opacity .3s ease!important;z-index:150!important}.fm-selection-bar.active,.fm-selection-bar.fm-show,.fm-selection-bar.visible{animation:slideDownSelectionBar .3s ease forwards!important;display:flex!important;opacity:1!important;transform:translateY(0)!important}.fm-selection-bar.fm-exiting{animation:slideUpSelectionBar .25s ease forwards!important}.fm-selection-bar .fm-close-btn,.fm-selection-close{align-items:center!important;background:transparent!important;border:none!important;border-radius:10px!important;color:#11684f!important;color:var(--g-700,#11684f)!important;cursor:pointer!important;display:flex!important;font-size:20px!important;height:40px!important;justify-content:center!important;min-width:40px!important;transition:background .15s ease!important;width:40px!important}.fm-selection-bar .fm-close-btn:active,.fm-selection-close:active{background:rgba(24,163,111,.15)!important}.fm-selection-count,.fm-selection-info{color:#11684f!important;color:var(--g-700,#11684f)!important;flex:1 1!important;font-size:15px!important;font-weight:600!important;white-space:nowrap!important}.fm-bulk-actions,.fm-selection-actions{align-items:center!important;display:flex!important;flex-shrink:0!important;gap:8px!important}.fm-deselect-all-btn,.fm-select-all-btn{background:transparent!important;border:none!important;border-radius:8px!important;color:#13815f!important;color:var(--g-600,#13815f)!important;cursor:pointer!important;font-size:13px!important;font-weight:600!important;padding:8px 12px!important;transition:background .15s ease!important;white-space:nowrap!important}.fm-deselect-all-btn:active,.fm-select-all-btn:active{background:rgba(24,163,111,.15)!important}.fm-bulk-actions .fm-btn{background:#fff!important;border:1px solid #88e2b9!important;border:1px solid var(--g-300,#88e2b9)!important;border-radius:10px!important;color:#13815f!important;color:var(--g-600,#13815f)!important;font-size:18px!important;min-height:40px!important;min-width:40px!important;padding:10px!important}.fm-bulk-actions .fm-btn:active{background:#18a36f!important;background:var(--g-500,#18a36f)!important;border-color:#18a36f!important;border-color:var(--g-500,#18a36f)!important;color:#fff!important}.fm-fab,.fm-floating-action-btn{align-items:center!important;background:linear-gradient(135deg,#0f7d5b,#18a36f)!important;background:linear-gradient(135deg,var(--g-700,#0f7d5b),var(--g-500,#18a36f))!important;border:none!important;border-radius:50%!important;bottom:90px!important;bottom:var(--fm-fab-bottom)!important;box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(24,163,111,.3)!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:24px!important;height:56px!important;height:var(--fm-fab-size)!important;justify-content:center!important;opacity:0!important;pointer-events:none!important;position:fixed!important;right:16px!important;right:var(--fm-fab-right)!important;touch-action:manipulation!important;transform:scale(0)!important;transition:transform .2s ease,box-shadow .2s ease!important;width:56px!important;width:var(--fm-fab-size)!important;z-index:100!important}.fm-fab.fm-show,.fm-fab.visible,.fm-floating-action-btn.visible{animation:bounceFAB .4s ease forwards!important;opacity:1!important;pointer-events:auto!important;transform:scale(1)!important}.fm-fab:active,.fm-floating-action-btn:active{animation:pulseFAB .2s ease!important;box-shadow:0 2px 6px rgba(0,0,0,.1),0 1px 2px rgba(24,163,111,.2)!important}.fm-fab.menu-open,.fm-fab.open{background:linear-gradient(135deg,#dc2626,#ef4444)!important;transform:rotate(45deg)!important}.fm-fab.loading i{animation:spinLoader 1s linear infinite!important}.fm-fab.success{background:linear-gradient(135deg,#059669,#10b981)!important}.fm-fab.success:after{animation:checkmarkSuccess .3s ease forwards!important;content:"✓"!important;font-size:24px!important}.fm-fab.success i{display:none!important}.fm-fab .badge,.fm-fab-badge{align-items:center!important;animation:badgePop .3s ease!important;background:#dc2626!important;border:2px solid #fff!important;border-radius:11px!important;color:#fff!important;display:flex!important;font-size:11px!important;font-weight:700!important;height:22px!important;justify-content:center!important;min-width:22px!important;padding:0 6px!important;position:absolute!important;right:-4px!important;top:-4px!important}.fm-fab-menu,.fm-speed-dial{bottom:162px!important;bottom:calc(var(--fm-fab-bottom) + var(--fm-fab-size) + 16px)!important;display:flex!important;flex-direction:column-reverse!important;gap:12px!important;opacity:0!important;pointer-events:none!important;position:fixed!important;right:20px!important;right:calc(var(--fm-fab-right) + (var(--fm-fab-size) - var(--fm-fab-mini-size))/2)!important;visibility:hidden!important;z-index:99!important}.fm-fab-menu.open,.fm-fab-menu.visible,.fm-speed-dial.open{opacity:1!important;pointer-events:auto!important;visibility:visible!important}.fm-fab-mini,.fm-speed-dial-item{align-items:center!important;border:none!important;border-radius:50%!important;box-shadow:0 3px 8px rgba(0,0,0,.15)!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:20px!important;height:48px!important;height:var(--fm-fab-mini-size)!important;justify-content:center!important;opacity:0!important;touch-action:manipulation!important;transform:scale(0) translateY(20px)!important;transition:transform .15s ease,opacity .15s ease!important;width:48px!important;width:var(--fm-fab-mini-size)!important}.fm-fab-menu.open .fm-fab-mini:first-child,.fm-speed-dial.open .fm-speed-dial-item:first-child{animation:speedDialIn .2s ease .05s forwards!important}.fm-fab-menu.open .fm-fab-mini:nth-child(2),.fm-speed-dial.open .fm-speed-dial-item:nth-child(2){animation:speedDialIn .2s ease .1s forwards!important}.fm-fab-menu.open .fm-fab-mini:nth-child(3),.fm-speed-dial.open .fm-speed-dial-item:nth-child(3){animation:speedDialIn .2s ease .15s forwards!important}.fm-fab-menu.open .fm-fab-mini:nth-child(4),.fm-speed-dial.open .fm-speed-dial-item:nth-child(4){animation:speedDialIn .2s ease .2s forwards!important}.fm-fab-mini.share,.fm-fab-mini[data-action=share]{background:linear-gradient(135deg,#13815f,#18a36f)!important;background:linear-gradient(135deg,var(--g-600,#13815f),var(--g-500,#18a36f))!important}.fm-fab-mini.download,.fm-fab-mini[data-action=download]{background:linear-gradient(135deg,#1d4ed8,#3b82f6)!important}.fm-fab-mini.move,.fm-fab-mini[data-action=move]{background:linear-gradient(135deg,#c2410c,#f97316)!important}.fm-fab-mini.delete,.fm-fab-mini[data-action=delete]{background:linear-gradient(135deg,#b91c1c,#dc2626)!important}.fm-fab-mini:active{box-shadow:0 1px 4px rgba(0,0,0,.1)!important;transform:scale(.9)!important}.fm-fab-mini-label{background:rgba(0,0,0,.8)!important;border-radius:6px!important;color:#fff!important;font-size:12px!important;font-weight:500!important;padding:6px 12px!important;pointer-events:none!important;position:absolute!important;right:60px!important;right:calc(var(--fm-fab-mini-size) + 12px)!important;white-space:nowrap!important}.fm-fab-backdrop,.fm-speed-dial-backdrop{background:rgba(0,0,0,.3)!important;inset:0!important;opacity:0!important;position:fixed!important;transition:opacity .25s ease,visibility .25s ease!important;visibility:hidden!important;z-index:98!important}.fm-fab-backdrop.show,.fm-speed-dial-backdrop.show{opacity:1!important;visibility:visible!important}.fm-selection-mode .fm-card,.fm-selection-mode .fm-row{transition:all .2s ease!important}.fm-card.fm-selected,.fm-card.selected{border:2px solid #23bd7c!important;border:2px solid var(--g-400,#23bd7c)!important;box-shadow:0 0 0 3px rgba(24,163,111,.12)!important}.fm-card.fm-selected,.fm-card.selected,.fm-row.fm-selected,.fm-row.selected{background:rgba(24,163,111,.08)!important}.fm-row.fm-selected:before,.fm-row.selected:before{background:#18a36f!important;background:var(--g-500,#18a36f)!important;border-radius:0 2px 2px 0!important;bottom:0!important;content:""!important;left:0!important;position:absolute!important;top:0!important;width:4px!important}.fm-card.selected .fm-card-checkbox,.fm-card.selected .fm-selection-checkbox,.fm-row.selected .fm-row-checkbox{background:#18a36f!important;background:var(--g-500,#18a36f)!important;border-color:#18a36f!important;border-color:var(--g-500,#18a36f)!important;box-shadow:0 2px 8px rgba(24,163,111,.35)!important}.fm-card.selected .fm-card-checkbox:after,.fm-card.selected .fm-selection-checkbox:after{border-color:#fff!important;transform:rotate(45deg) scale(1)!important}.fm-swipe-container{overflow:hidden!important;position:relative!important}.fm-swipe-action{align-items:center!important;bottom:0!important;display:flex!important;opacity:0!important;padding:0 24px!important;position:absolute!important;top:0!important;transition:opacity .15s ease!important;width:100%!important}.fm-swipe-delete{background:linear-gradient(90deg,transparent,#fee2e2,#fecaca)!important;justify-content:flex-end!important;left:auto!important;right:0!important}.fm-swipe-delete i{color:#dc2626!important;font-size:24px!important}.fm-swipe-delete.visible{animation:swipeReveal .2s ease!important;opacity:1!important}.fm-swipe-share{background:linear-gradient(90deg,#d1fae5,#a7f3d0,transparent)!important;justify-content:flex-start!important;left:0!important;right:auto!important}.fm-swipe-share i{color:#13815f!important;color:var(--g-600,#13815f)!important;font-size:24px!important}.fm-swipe-share.visible{animation:swipeReveal .2s ease!important;opacity:1!important}.fm-card.swiping,.fm-row.swiping{transition:transform .1s ease!important}.fm-action-confirm,.fm-confirm-sheet{background:#fff!important;border-radius:20px 20px 0 0!important;bottom:0!important;box-shadow:0 -4px 24px rgba(0,0,0,.2)!important;left:0!important;padding:24px 12px!important;padding:24px var(--fm-mobile-padding)!important;padding-bottom:94px!important;padding-bottom:calc(var(--dashboard-nav) + 24px)!important;position:fixed!important;right:0!important;transform:translateY(100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;z-index:1001!important}.fm-action-confirm.show,.fm-confirm-sheet.show{transform:translateY(0)!important}.fm-action-confirm:before,.fm-confirm-sheet:before{background:#e5e7eb!important;background:var(--line,#e5e7eb)!important;border-radius:2px!important;content:""!important;height:4px!important;left:50%!important;position:absolute!important;top:8px!important;transform:translateX(-50%)!important;width:36px!important}.fm-confirm-content{margin-bottom:24px!important;text-align:center!important}.fm-confirm-icon{align-items:center!important;background:#fef2f2!important;border-radius:50%!important;color:#dc2626!important;display:flex!important;font-size:28px!important;height:64px!important;justify-content:center!important;margin:0 auto 16px!important;width:64px!important}.fm-confirm-title{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:18px!important;font-weight:700!important;margin:0 0 8px!important}.fm-confirm-text{color:#6b7280!important;color:var(--muted,#6b7280)!important;font-size:14px!important;line-height:1.5!important;margin:0!important}.fm-confirm-actions{display:flex!important;gap:12px!important}.fm-confirm-btn{border:none!important;border-radius:12px!important;cursor:pointer!important;flex:1 1!important;font-size:15px!important;font-weight:600!important;padding:14px 20px!important;transition:all .2s ease!important}.fm-confirm-btn.cancel{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;color:#374151!important;color:var(--text,#374151)!important}.fm-confirm-btn.cancel:active{background:#e5e7eb!important;background:var(--line,#e5e7eb)!important}.fm-confirm-btn.danger,.fm-confirm-btn.delete{background:linear-gradient(135deg,#dc2626,#ef4444)!important;box-shadow:0 2px 8px rgba(220,38,38,.3)!important;color:#fff!important}.fm-confirm-btn.danger:active,.fm-confirm-btn.delete:active{box-shadow:0 1px 4px rgba(220,38,38,.2)!important;transform:scale(.98)!important}.fm-confirm-backdrop{background:rgba(0,0,0,.5)!important;inset:0!important;opacity:0!important;position:fixed!important;transition:opacity .3s ease,visibility .3s ease!important;visibility:hidden!important;z-index:1000!important}.fm-confirm-backdrop.show{opacity:1!important;visibility:visible!important}.fm-empty,.fm-no-files{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:300px!important;padding:60px 24px!important;text-align:center!important}.fm-empty i,.fm-empty-icon,.fm-no-files i{color:#e5e7eb!important;color:var(--line,#e5e7eb)!important;font-size:64px!important;margin-bottom:20px!important;opacity:.5!important}.fm-empty h4,.fm-empty-title,.fm-no-files h4{color:#374151!important;color:var(--text,#374151)!important;font-size:16px!important;font-weight:600!important;margin:0 0 8px!important}.fm-empty p,.fm-empty-text,.fm-no-files p{color:#6b7280!important;color:var(--muted,#6b7280)!important;font-size:13px!important;font-weight:400!important;line-height:1.5!important;margin:0!important;max-width:260px!important}.fm-empty .fm-btn,.fm-no-files .fm-btn{margin-top:20px!important}.fm-bottom-sheet,.fm-context-menu,.fm-dropdown-menu{background:#fff!important;border-radius:20px 20px 0 0!important;bottom:0!important;box-shadow:0 -4px 24px rgba(0,0,0,.15)!important;left:0!important;padding-bottom:90px!important;padding-bottom:calc(var(--dashboard-nav) + 20px)!important;position:fixed!important;right:0!important;transform:translateY(100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;z-index:1000!important}.fm-bottom-sheet.show,.fm-context-menu.show,.fm-dropdown-menu.show{transform:translateY(0)!important}.fm-bottom-sheet:before,.fm-dropdown-menu:before{background:#e5e7eb!important;background:var(--line,#e5e7eb)!important;border-radius:2px!important;content:""!important;height:4px!important;left:50%!important;position:absolute!important;top:8px!important;transform:translateX(-50%)!important;width:36px!important}.fm-bottom-sheet-content,.fm-dropdown-menu-content{padding:24px 12px 12px!important;padding:24px var(--fm-mobile-padding) 12px!important}.fm-bottom-sheet-item,.fm-dropdown-menu button,.fm-menu-item{align-items:center!important;background:transparent!important;border:none!important;border-radius:12px!important;color:#1f2937!important;color:var(--text,#1f2937)!important;cursor:pointer!important;display:flex!important;font-size:15px!important;font-weight:500!important;gap:14px!important;min-height:44px!important;min-height:var(--fm-mobile-touch)!important;padding:14px 16px!important;text-align:left!important;transition:background .15s ease!important;width:100%!important}.fm-bottom-sheet-item i,.fm-dropdown-menu button i,.fm-menu-item i{color:#6b7280!important;color:var(--muted,#6b7280)!important;font-size:18px!important;text-align:center!important;width:24px!important}.fm-bottom-sheet-item:active,.fm-dropdown-menu button:active,.fm-menu-item:active{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important}.fm-bottom-sheet-item.danger,.fm-bottom-sheet-item.danger i,.fm-menu-item.danger,.fm-menu-item.danger i{color:#dc2626!important}.fm-dropdown-backdrop,.fm-menu-backdrop{background:rgba(0,0,0,.4)!important;inset:0!important;opacity:0!important;position:fixed!important;transition:all .3s ease!important;visibility:hidden!important;z-index:999!important}.fm-dropdown-backdrop.show,.fm-menu-backdrop.show{opacity:1!important;visibility:visible!important}.fm-modal-backdrop{backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;background:rgba(0,0,0,.5)!important;inset:0!important;opacity:0!important;position:fixed!important;transition:opacity .3s ease,visibility .3s ease!important;visibility:hidden!important;z-index:1000!important}.fm-modal-backdrop.active,.fm-modal-backdrop.show{opacity:1!important;visibility:visible!important}.fm-modal{background:#fff!important;bottom:0!important;display:flex!important;flex-direction:column!important;left:0!important;opacity:0!important;position:fixed!important;right:0!important;top:0!important;transform:translateY(100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,visibility .3s ease!important;visibility:hidden!important;z-index:1001!important}.fm-modal.active,.fm-modal.show{opacity:1!important;transform:translateY(0)!important;visibility:visible!important}.fm-modal-header{background:#fff!important;border-bottom:1px solid #e5e7eb!important;border-bottom:1px solid var(--line,#e5e7eb)!important;gap:12px!important;height:56px!important;height:var(--fm-modal-header,56px)!important;justify-content:space-between!important;min-height:56px!important;min-height:var(--fm-modal-header,56px)!important;padding:0 8px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.fm-modal-back,.fm-modal-close-left,.fm-modal-header{align-items:center!important;display:flex!important;flex-shrink:0!important}.fm-modal-back,.fm-modal-close-left{background:transparent!important;border:none!important;border-radius:50%!important;color:#1f2937!important;color:var(--text,#1f2937)!important;cursor:pointer!important;font-size:20px!important;height:44px!important;justify-content:center!important;transition:background .15s ease!important;width:44px!important}.fm-modal-back:active,.fm-modal-close-left:active{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important}.fm-modal-title{color:#1f2937!important;color:var(--text,#1f2937)!important;flex:1 1!important;font-size:17px!important;font-weight:600!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important}.fm-modal-close{align-items:center!important;background:transparent!important;border:none!important;border-radius:50%!important;color:#6b7280!important;color:var(--muted,#6b7280)!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:20px!important;height:44px!important;justify-content:center!important;transition:background .15s ease!important;width:44px!important}.fm-modal-close:active{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important}.fm-modal-action{align-items:center!important;background:transparent!important;border:none!important;border-radius:8px!important;color:#22c55e!important;color:var(--g-500,#22c55e)!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:14px!important;font-weight:600!important;height:44px!important;justify-content:center!important;min-width:44px!important;padding:0 12px!important;transition:background .15s ease!important}.fm-modal-action:active{background:#f0fdf4!important;background:var(--g-50,#f0fdf4)!important}.fm-modal-body{-webkit-overflow-scrolling:touch!important;background:#f8fafc!important;background:var(--bg,#f8fafc)!important;flex:1 1!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:16px!important}.fm-modal-body.white-bg{background:#fff!important}.fm-modal-body:after,.fm-modal-body:before{content:""!important;height:16px!important;left:0!important;pointer-events:none!important;position:-webkit-sticky!important;position:sticky!important;right:0!important;z-index:5!important}.fm-modal-body:before{background:linear-gradient(180deg,#f8fafc,transparent)!important;background:linear-gradient(to bottom,var(--bg,#f8fafc),transparent)!important;margin-bottom:-16px!important;top:0!important}.fm-modal-body:after{background:linear-gradient(0deg,#f8fafc,transparent)!important;background:linear-gradient(to top,var(--bg,#f8fafc),transparent)!important;bottom:0!important;margin-top:-16px!important}.fm-modal-footer{background:#fff!important;border-top:1px solid #e5e7eb!important;border-top:1px solid var(--line,#e5e7eb)!important;bottom:0!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important;gap:8px!important;padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px))!important;position:-webkit-sticky!important;position:sticky!important;z-index:10!important}.fm-modal-footer.row{flex-direction:row!important;gap:12px!important}.fm-modal-btn{align-items:center!important;border:none!important;border-radius:12px!important;cursor:pointer!important;display:flex!important;font-size:15px!important;font-weight:600!important;gap:8px!important;height:48px!important;justify-content:center!important;padding:0 20px!important;transition:all .2s ease!important;width:100%!important}.fm-modal-btn:active{transform:scale(.98)!important}.fm-modal-btn.green,.fm-modal-btn.primary{background:linear-gradient(135deg,#22c55e,#16a34a)!important;background:linear-gradient(135deg,var(--g-500,#22c55e),var(--g-600,#16a34a))!important;box-shadow:0 2px 8px rgba(34,197,94,.3)!important;color:#fff!important}.fm-modal-btn.green:active,.fm-modal-btn.primary:active{box-shadow:0 1px 4px rgba(34,197,94,.2)!important}.fm-modal-btn.blue,.fm-modal-btn.secondary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 2px 8px rgba(59,130,246,.3)!important;color:#fff!important}.fm-modal-btn.danger,.fm-modal-btn.red{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 2px 8px rgba(239,68,68,.3)!important;color:#fff!important}.fm-modal-btn.cancel,.fm-modal-btn.outline{background:#fff!important;border:1px solid #e5e7eb!important;border:1px solid var(--line,#e5e7eb)!important;box-shadow:none!important;color:#374151!important;color:var(--text,#374151)!important}.fm-modal-btn.cancel:active,.fm-modal-btn.outline:active{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important}.fm-modal-btn.disabled,.fm-modal-btn:disabled{opacity:.5!important;pointer-events:none!important}.fm-preview-section{background:#fff!important;border-bottom:1px solid #e5e7eb!important;border-bottom:1px solid var(--line,#e5e7eb)!important;flex-direction:column!important;gap:12px!important;min-height:200px!important;padding:24px 16px!important}.fm-preview-icon,.fm-preview-section{align-items:center!important;display:flex!important;justify-content:center!important}.fm-preview-icon{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border-radius:16px!important;height:80px!important;width:80px!important}.fm-preview-icon i{color:#6b7280!important;color:var(--muted,#6b7280)!important;font-size:40px!important}.fm-preview-icon.pdf i{color:#ef4444!important;color:var(--fm-type-pdf)!important}.fm-preview-icon.doc i{color:#3b82f6!important;color:var(--fm-type-doc)!important}.fm-preview-icon.xls i{color:#22c55e!important;color:var(--fm-type-xls)!important}.fm-preview-icon.img i{color:#a855f7!important;color:var(--fm-type-img)!important}.fm-preview-icon.video i{color:#f97316!important;color:var(--fm-type-video)!important}.fm-preview-icon.folder i{color:#eab308!important;color:var(--fm-type-folder)!important}.fm-preview-image{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border-radius:12px!important;max-height:160px!important;max-width:200px!important;object-fit:contain!important;width:100%!important}.fm-preview-name{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:16px!important;font-weight:600!important;max-width:100%!important;text-align:center!important;word-break:break-word!important}.fm-preview-name.editable{border:1px dashed transparent!important;border-radius:8px!important;cursor:pointer!important;padding:8px 12px!important;transition:border-color .2s ease!important}.fm-preview-name.editable:focus,.fm-preview-name.editable:hover{background:#f0fdf4!important;background:var(--g-50,#f0fdf4)!important;border-color:#22c55e!important;border-color:var(--g-500,#22c55e)!important}.fm-preview-type{align-items:center!important;background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border-radius:6px!important;color:#6b7280!important;color:var(--muted,#6b7280)!important;display:inline-flex!important;font-size:11px!important;font-weight:500!important;letter-spacing:.5px!important;padding:4px 10px!important;text-transform:uppercase!important}.fm-details-list{background:#fff!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;gap:0!important;margin-bottom:16px!important;overflow:hidden!important}.fm-details-row{align-items:center!important;border-bottom:1px dashed #e5e7eb!important;border-bottom:1px dashed var(--line,#e5e7eb)!important;display:flex!important;gap:12px!important;justify-content:space-between!important;padding:14px 16px!important}.fm-details-row:last-child{border-bottom:none!important}.fm-details-label{color:#6b7280!important;color:var(--muted,#6b7280)!important;flex-shrink:0!important;font-size:13px!important;font-weight:400!important}.fm-details-value{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:14px!important;font-weight:500!important;text-align:right!important;word-break:break-word!important}.fm-details-value.copyable{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border-radius:6px!important;cursor:pointer!important;font-family:Monaco,Consolas,monospace!important;font-size:11px!important;max-width:180px!important;overflow:hidden!important;padding:4px 8px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.fm-details-value.copyable:active{background:#dcfce7!important;background:var(--g-100,#dcfce7)!important}.fm-shared-section{margin-top:16px!important}.fm-shared-title{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:13px!important;font-weight:600!important;margin-bottom:12px!important}.fm-shared-list{display:flex!important;flex-direction:column!important;gap:8px!important;max-height:150px!important;overflow-y:auto!important}.fm-shared-user{background:#fff!important;border:1px solid #e5e7eb!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:10px!important;gap:10px!important;padding:10px 12px!important}.fm-shared-avatar,.fm-shared-user{align-items:center!important;display:flex!important}.fm-shared-avatar{background:#dcfce7!important;background:var(--g-100,#dcfce7)!important;border-radius:50%!important;color:#15803d!important;color:var(--g-700,#15803d)!important;flex-shrink:0!important;font-size:12px!important;font-weight:600!important;height:32px!important;justify-content:center!important;width:32px!important}.fm-shared-info{flex:1 1!important;min-width:0!important}.fm-shared-name{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:13px!important;font-weight:500!important}.fm-shared-perm{border-radius:4px!important;display:inline-flex!important;font-size:10px!important;font-weight:500!important;margin-top:2px!important;padding:2px 8px!important}.fm-shared-perm.view{background:#dbeafe!important;color:#1d4ed8!important}.fm-shared-perm.edit{background:#fef3c7!important;color:#b45309!important}.fm-share-files{-webkit-overflow-scrolling:touch!important;background:#fff!important;border-radius:12px!important;margin-bottom:16px!important;max-height:120px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:12px!important}.fm-share-chip,.fm-share-files{display:flex!important;gap:8px!important}.fm-share-chip{align-items:center!important;background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border-radius:20px!important;flex-shrink:0!important;padding:8px 12px!important}.fm-share-chip i{color:#6b7280!important;color:var(--muted,#6b7280)!important;font-size:16px!important}.fm-share-chip span{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:13px!important;font-weight:500!important;max-width:100px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.fm-share-chip .remove{align-items:center!important;background:#e5e7eb!important;background:var(--line,#e5e7eb)!important;border:none!important;border-radius:50%!important;color:#6b7280!important;color:var(--muted,#6b7280)!important;cursor:pointer!important;display:flex!important;font-size:10px!important;height:18px!important;justify-content:center!important;width:18px!important}.fm-user-search{margin-bottom:16px!important;position:relative!important}.fm-user-search-input{background:#fff!important;border:1px solid #e5e7eb!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:12px!important;color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:14px!important;height:44px!important;outline:none!important;padding:0 44px!important;transition:border-color .2s ease,box-shadow .2s ease!important;width:100%!important}.fm-user-search-input:focus{border-color:#22c55e!important;border-color:var(--g-500,#22c55e)!important;box-shadow:0 0 0 3px rgba(34,197,94,.1)!important}.fm-user-search-input::placeholder{color:#9ca3af!important;color:var(--muted,#9ca3af)!important}.fm-user-search i{font-size:16px!important;left:14px!important;pointer-events:none!important}.fm-user-search .clear,.fm-user-search i{color:#6b7280!important;color:var(--muted,#6b7280)!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important}.fm-user-search .clear{align-items:center!important;background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border:none!important;border-radius:50%!important;cursor:pointer!important;display:none!important;font-size:12px!important;height:28px!important;justify-content:center!important;right:8px!important;width:28px!important}.fm-user-search-input:not(:placeholder-shown)+i+.clear{display:flex!important}.fm-user-results{background:#fff!important;border:1px solid #e5e7eb!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:12px!important;box-shadow:0 4px 16px rgba(0,0,0,.1)!important;display:none!important;left:0!important;margin-top:4px!important;max-height:200px!important;overflow-y:auto!important;position:absolute!important;right:0!important;top:100%!important;z-index:20!important}.fm-user-search.active .fm-user-results{display:block!important}.fm-user-result{align-items:center!important;border-bottom:1px solid #e5e7eb!important;border-bottom:1px solid var(--line,#e5e7eb)!important;cursor:pointer!important;display:flex!important;gap:12px!important;padding:12px!important;transition:background .15s ease!important}.fm-user-result:last-child{border-bottom:none!important}.fm-user-result:active{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important}.fm-user-result-avatar{align-items:center!important;background:#dcfce7!important;background:var(--g-100,#dcfce7)!important;border-radius:50%!important;color:#15803d!important;color:var(--g-700,#15803d)!important;display:flex!important;flex-shrink:0!important;font-size:14px!important;font-weight:600!important;height:36px!important;justify-content:center!important;width:36px!important}.fm-user-result-info{flex:1 1!important;min-width:0!important}.fm-user-result-name{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:14px!important;font-weight:500!important}.fm-user-result-wallet{font-family:Monaco,Consolas,monospace!important;font-size:11px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.fm-user-no-results,.fm-user-result-wallet{color:#6b7280!important;color:var(--muted,#6b7280)!important}.fm-user-no-results{font-size:13px!important;padding:24px!important;text-align:center!important}.fm-recipients{margin-bottom:16px!important;max-height:250px!important;overflow-y:auto!important}.fm-recipients-title{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:13px!important;font-weight:600!important;margin-bottom:10px!important}.fm-recipient-card{background:#fff!important;border:1px solid #e5e7eb!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:10px!important;gap:12px!important;margin-bottom:8px!important;padding:12px!important}.fm-recipient-avatar,.fm-recipient-card{align-items:center!important;display:flex!important}.fm-recipient-avatar{background:#dcfce7!important;background:var(--g-100,#dcfce7)!important;border-radius:50%!important;color:#15803d!important;color:var(--g-700,#15803d)!important;flex-shrink:0!important;font-size:14px!important;font-weight:600!important;height:36px!important;justify-content:center!important;width:36px!important}.fm-recipient-info{flex:1 1!important;min-width:0!important}.fm-recipient-name{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:14px!important;font-weight:500!important}.fm-recipient-wallet{color:#6b7280!important;color:var(--muted,#6b7280)!important;font-family:Monaco,Consolas,monospace!important;font-size:10px!important}.fm-perm-dropdown{position:relative!important}.fm-perm-btn{align-items:center!important;background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border:none!important;border-radius:6px!important;cursor:pointer!important;display:flex!important;font-size:12px!important;font-weight:500!important;gap:4px!important;padding:6px 10px!important}.fm-perm-btn.view{background:#dbeafe!important;color:#1d4ed8!important}.fm-perm-btn.edit{background:#fef3c7!important;color:#b45309!important}.fm-recipient-remove{align-items:center!important;background:transparent!important;border:none!important;border-radius:50%!important;color:#6b7280!important;color:var(--muted,#6b7280)!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:16px!important;height:32px!important;justify-content:center!important;width:32px!important}.fm-recipient-remove:active{background:#fee2e2!important;color:#dc2626!important}.fm-blockchain-info{border-radius:12px!important;margin-bottom:16px!important;overflow:hidden!important}.fm-blockchain-header{align-items:center!important;background:#f0f9ff!important;border:none!important;color:#0369a1!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:500!important;justify-content:space-between!important;padding:14px 16px!important;width:100%!important}.fm-blockchain-header i{transition:transform .2s ease!important}.fm-blockchain-info.open .fm-blockchain-header i{transform:rotate(180deg)!important}.fm-blockchain-content{background:#f0f9ff!important;max-height:0!important;overflow:hidden!important;padding:0!important;transition:max-height .3s ease,padding .3s ease!important}.fm-blockchain-info.open .fm-blockchain-content{max-height:200px!important;padding:0 16px 14px!important}.fm-blockchain-row{display:flex!important;font-size:13px!important;justify-content:space-between!important;padding:6px 0!important}.fm-blockchain-row span:first-child{color:#0369a1!important}.fm-blockchain-row span:last-child{color:#0c4a6e!important;font-weight:500!important}.fm-share-summary{background:#ecfdf5!important;border-radius:12px!important;margin-bottom:16px!important;padding:14px 16px!important}.fm-share-summary-row{display:flex!important;font-size:13px!important;justify-content:space-between!important;padding:4px 0!important}.fm-share-summary-row span:first-child{color:#047857!important}.fm-share-summary-row span:last-child{color:#065f46!important;font-weight:600!important}.fm-dropzone{align-items:center!important;background:#fff!important;border:2px dashed #d1d5db!important;border:2px dashed var(--line,#d1d5db)!important;border-radius:16px!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;gap:12px!important;height:160px!important;justify-content:center!important;margin-bottom:16px!important;transition:border-color .2s ease,background .2s ease!important}.fm-dropzone.dragover,.fm-dropzone:active{background:#f0fdf4!important;background:var(--g-50,#f0fdf4)!important;border-color:#22c55e!important;border-color:var(--g-500,#22c55e)!important}.fm-dropzone i{color:#9ca3af!important;color:var(--muted,#9ca3af)!important;font-size:48px!important}.fm-dropzone-text{color:#374151!important;color:var(--text,#374151)!important;font-size:14px!important;font-weight:500!important}.fm-dropzone-hint{color:#9ca3af!important;color:var(--muted,#9ca3af)!important;font-size:12px!important}.fm-upload-list{display:flex!important;flex-direction:column!important;gap:8px!important;max-height:300px!important;overflow-y:auto!important}.fm-upload-item{background:#fff!important;border:1px solid #e5e7eb!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:10px!important;gap:12px!important;padding:12px!important}.fm-upload-item,.fm-upload-item-icon{align-items:center!important;display:flex!important}.fm-upload-item-icon{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border-radius:8px!important;flex-shrink:0!important;height:40px!important;justify-content:center!important;width:40px!important}.fm-upload-item-icon i{color:#6b7280!important;color:var(--muted,#6b7280)!important;font-size:20px!important}.fm-upload-item-info{flex:1 1!important;min-width:0!important}.fm-upload-item-name{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:13px!important;font-weight:500!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.fm-upload-item-size{font-size:11px!important}.fm-upload-item-remove,.fm-upload-item-size{color:#6b7280!important;color:var(--muted,#6b7280)!important}.fm-upload-item-remove{align-items:center!important;background:transparent!important;border:none!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:16px!important;height:32px!important;justify-content:center!important;width:32px!important}.fm-upload-item-remove:active{background:#fee2e2!important;color:#dc2626!important}.fm-upload-progress{background:#e5e7eb!important;background:var(--line,#e5e7eb)!important;border-radius:2px!important;height:4px!important;margin-top:8px!important;overflow:hidden!important;width:100%!important}.fm-upload-progress-bar{background:linear-gradient(90deg,#22c55e,#4ade80)!important;background:linear-gradient(90deg,var(--g-500,#22c55e),var(--g-400,#4ade80))!important;border-radius:2px!important;height:100%!important;transition:width .3s ease!important}.fm-upload-overall{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;color:#374151!important;color:var(--text,#374151)!important;font-size:13px!important;padding:12px 16px!important;text-align:center!important}.fm-breadcrumb,.fm-upload-overall{border-radius:10px!important;margin-bottom:12px!important}.fm-breadcrumb{-webkit-overflow-scrolling:touch!important;align-items:center!important;background:#fff!important;display:flex!important;gap:4px!important;height:44px!important;overflow-x:auto!important;padding:0 12px!important;scrollbar-width:none!important}.fm-breadcrumb::-webkit-scrollbar{display:none!important}.fm-breadcrumb-item{align-items:center!important;background:transparent!important;border:none!important;border-radius:6px!important;color:#6b7280!important;color:var(--muted,#6b7280)!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:13px!important;font-weight:500!important;gap:4px!important;padding:6px 10px!important;white-space:nowrap!important}.fm-breadcrumb-item:active{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important}.fm-breadcrumb-item.current{color:#16a34a!important;color:var(--g-600,#16a34a)!important;font-weight:600!important}.fm-breadcrumb-sep{color:#d1d5db!important;color:var(--line,#d1d5db)!important;flex-shrink:0!important;font-size:12px!important}.fm-folder-list{background:#fff!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;gap:0!important;overflow:hidden!important}.fm-folder-item{align-items:center!important;background:transparent!important;border:none!important;border-bottom:1px solid #e5e7eb!important;border-bottom:1px solid var(--line,#e5e7eb)!important;cursor:pointer!important;display:flex!important;gap:12px!important;height:56px!important;padding:0 16px!important;text-align:left!important;transition:background .15s ease!important;width:100%!important}.fm-folder-item:last-child{border-bottom:none!important}.fm-folder-item:active{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important}.fm-folder-item.selected{background:#f0fdf4!important;background:var(--g-50,#f0fdf4)!important}.fm-folder-item-icon{align-items:center!important;color:#eab308!important;color:var(--fm-type-folder,#eab308)!important;display:flex!important;flex-shrink:0!important;font-size:24px!important;height:40px!important;justify-content:center!important;width:40px!important}.fm-folder-item-name{color:#1f2937!important;color:var(--text,#1f2937)!important;flex:1 1!important;font-size:14px!important;font-weight:500!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.fm-folder-item-arrow{color:#9ca3af!important;color:var(--muted,#9ca3af)!important;flex-shrink:0!important;font-size:14px!important}.fm-folder-item.selected .fm-folder-item-arrow{color:#22c55e!important;color:var(--g-500,#22c55e)!important}.fm-folder-item.selected .fm-folder-item-arrow:before{content:"\f00c"!important;font-family:Font Awesome\ 6 Free!important;font-weight:900!important}.fm-folder-up,.fm-folder-up .fm-folder-item-icon{color:#6b7280!important;color:var(--muted,#6b7280)!important}.fm-rename-sheet{background:#fff!important;border-radius:16px 16px 0 0!important;bottom:0!important;box-shadow:0 -4px 24px rgba(0,0,0,.15)!important;left:0!important;padding:0 0 env(safe-area-inset-bottom,0)!important;position:fixed!important;right:0!important;transform:translateY(100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;z-index:1001!important}.fm-rename-sheet.show{transform:translateY(0)!important}.fm-rename-handle{display:flex!important;justify-content:center!important;padding:12px!important}.fm-rename-handle:after{background:#d1d5db!important;background:var(--line,#d1d5db)!important;border-radius:2px!important;content:""!important;height:4px!important;width:40px!important}.fm-rename-content{padding:0 20px 20px!important}.fm-rename-title{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:18px!important;font-weight:600!important;margin-bottom:16px!important}.fm-rename-input-wrap{margin-bottom:8px!important}.fm-rename-input{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border:2px solid transparent!important;border-radius:12px!important;color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:15px!important;height:48px!important;outline:none!important;padding:0 16px!important;transition:border-color .2s ease,background .2s ease!important;width:100%!important}.fm-rename-input:focus{background:#fff!important;border-color:#22c55e!important;border-color:var(--g-500,#22c55e)!important}.fm-rename-counter{font-size:11px!important;text-align:right!important}.fm-rename-counter,.fm-rename-hint{color:#9ca3af!important;color:var(--muted,#9ca3af)!important;margin-bottom:16px!important}.fm-rename-hint{font-size:12px!important}.fm-rename-actions{display:flex!important;gap:12px!important}.fm-rename-actions .fm-modal-btn{flex:1 1!important}.fm-search-container{position:relative!important}.fm-search-container,.fm-search-toggle{align-items:center!important;display:flex!important}.fm-search-toggle{background:transparent!important;border:none!important;border-radius:50%!important;color:#374151!important;color:var(--text,#374151)!important;cursor:pointer!important;font-size:18px!important;height:44px!important;justify-content:center!important;transition:background .15s ease!important;width:44px!important}.fm-search-toggle:active{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important}.fm-search-container.expanded .fm-search-toggle{display:none!important}.fm-search-expanded{align-items:center!important;background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border-radius:12px!important;display:flex!important;height:44px!important;opacity:0!important;overflow:hidden!important;position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .2s ease!important;width:0!important}.fm-search-container.expanded .fm-search-expanded{opacity:1!important;width:calc(100vw - 80px)!important}.fm-search-expanded input{background:transparent!important;border:none!important;color:#1f2937!important;color:var(--text,#1f2937)!important;flex:1 1!important;font-size:15px!important;height:100%!important;outline:none!important;padding:0 44px 0 16px!important}.fm-search-expanded input::placeholder{color:#9ca3af!important;color:var(--muted,#9ca3af)!important}.fm-search-close{align-items:center!important;background:#e5e7eb!important;background:var(--line,#e5e7eb)!important;border:none!important;border-radius:50%!important;color:#6b7280!important;color:var(--muted,#6b7280)!important;cursor:pointer!important;display:flex!important;font-size:12px!important;height:32px!important;justify-content:center!important;position:absolute!important;right:6px!important;width:32px!important}.fm-search-close:active{background:#9ca3af!important;background:var(--muted,#9ca3af)!important;color:#fff!important}.fm-search-results{background:#fff!important;border-bottom:1px solid #e5e7eb!important;border-bottom:1px solid var(--line,#e5e7eb)!important;box-shadow:0 4px 16px rgba(0,0,0,.1)!important;left:0!important;max-height:400px!important;opacity:0!important;overflow-y:auto!important;position:fixed!important;right:0!important;top:116px!important;top:calc(var(--dashboard-header) + 56px)!important;transform:translateY(-10px)!important;transition:all .2s ease!important;visibility:hidden!important;z-index:998!important}.fm-search-results.show{opacity:1!important;transform:translateY(0)!important;visibility:visible!important}.fm-search-header{align-items:center!important;border-bottom:1px solid #e5e7eb!important;border-bottom:1px solid var(--line,#e5e7eb)!important;display:flex!important;justify-content:space-between!important;padding:12px 16px!important}.fm-search-header span{color:#6b7280!important;color:var(--muted,#6b7280)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px!important;text-transform:uppercase!important}.fm-search-clear{background:none!important;border:none!important;color:#22c55e!important;color:var(--g-500,#22c55e)!important;cursor:pointer!important;font-size:12px!important;font-weight:500!important}.fm-search-item{align-items:center!important;border-bottom:1px solid #f3f4f6!important;border-bottom:1px solid var(--line,#f3f4f6)!important;cursor:pointer!important;display:flex!important;gap:12px!important;padding:12px 16px!important;transition:background .15s ease!important}.fm-search-item:last-child{border-bottom:none!important}.fm-search-item-icon,.fm-search-item:active{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important}.fm-search-item-icon{align-items:center!important;border-radius:8px!important;display:flex!important;flex-shrink:0!important;height:36px!important;justify-content:center!important;width:36px!important}.fm-search-item-icon i{color:#6b7280!important;color:var(--muted,#6b7280)!important;font-size:16px!important}.fm-search-item-info{flex:1 1!important;min-width:0!important}.fm-search-item-name{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:14px!important;font-weight:500!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.fm-search-item-name mark{background:#fef08a!important;border-radius:2px!important;color:inherit!important;padding:0 2px!important}.fm-search-item-path{color:#9ca3af!important;color:var(--muted,#9ca3af)!important;font-size:11px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.fm-search-empty{align-items:center!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:40px 16px!important;text-align:center!important}.fm-search-empty i{color:#e5e7eb!important;color:var(--line,#e5e7eb)!important;font-size:40px!important}.fm-search-empty span{color:#6b7280!important;color:var(--muted,#6b7280)!important;font-size:14px!important}.fm-search-backdrop{background:rgba(0,0,0,.3)!important;inset:0!important;opacity:0!important;position:fixed!important;transition:opacity .2s ease,visibility .2s ease!important;visibility:hidden!important;z-index:997!important}.fm-search-backdrop.show{opacity:1!important;visibility:visible!important}.fm-filters{-webkit-overflow-scrolling:touch!important;align-items:center!important;background:#f8fafc!important;background:var(--bg,#f8fafc)!important;display:flex!important;gap:8px!important;height:52px!important;overflow-x:auto!important;padding:8px 12px!important;position:-webkit-sticky!important;position:sticky!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;top:116px!important;top:calc(var(--dashboard-header) + 56px)!important;z-index:50!important}.fm-filters::-webkit-scrollbar{display:none!important}.fm-filter-chip{align-items:center!important;background:#fff!important;border:1px solid #e5e7eb!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:17px!important;color:#374151!important;color:var(--text,#374151)!important;cursor:pointer!important;display:inline-flex!important;flex-shrink:0!important;font-size:13px!important;font-weight:500!important;gap:6px!important;height:34px!important;padding:0 14px!important;transition:all .2s ease!important;white-space:nowrap!important}.fm-filter-chip:active{transform:scale(.97)!important}.fm-filter-chip.active{background:#22c55e!important;background:var(--g-500,#22c55e)!important;border-color:#22c55e!important;border-color:var(--g-500,#22c55e)!important;color:#fff!important}.fm-filter-chip i{font-size:12px!important}.fm-filter-chip .count{align-items:center!important;background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border-radius:9px!important;display:inline-flex!important;font-size:10px!important;font-weight:600!important;height:18px!important;justify-content:center!important;min-width:18px!important;padding:0 5px!important}.fm-filter-chip.active .count{background:hsla(0,0%,100%,.2)!important}.fm-sort-sheet{background:#fff!important;border-radius:16px 16px 0 0!important;bottom:0!important;box-shadow:0 -4px 24px rgba(0,0,0,.15)!important;left:0!important;padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px))!important;position:fixed!important;right:0!important;transform:translateY(100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;z-index:1001!important}.fm-sort-sheet.show{transform:translateY(0)!important}.fm-sort-handle{display:flex!important;justify-content:center!important;padding:12px!important}.fm-sort-handle:after{background:#d1d5db!important;background:var(--line,#d1d5db)!important;border-radius:2px!important;content:""!important;height:4px!important;width:40px!important}.fm-sort-title{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:18px!important;font-weight:600!important;padding:0 20px 12px!important}.fm-sort-options{display:flex!important;flex-direction:column!important}.fm-sort-option{align-items:center!important;background:transparent!important;border:none!important;color:#374151!important;color:var(--text,#374151)!important;cursor:pointer!important;display:flex!important;font-size:15px!important;height:52px!important;justify-content:space-between!important;padding:0 20px!important;text-align:left!important;transition:background .15s ease!important;width:100%!important}.fm-sort-option:active{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important}.fm-sort-option.selected{color:#16a34a!important;color:var(--g-600,#16a34a)!important;font-weight:500!important}.fm-sort-option i{color:#22c55e!important;color:var(--g-500,#22c55e)!important;font-size:16px!important;opacity:0!important}.fm-sort-option.selected i{opacity:1!important}.fm-sort-divider{background:#e5e7eb!important;background:var(--line,#e5e7eb)!important;height:1px!important;margin:8px 20px!important}.fm-tabs{align-items:stretch!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;border-bottom:1px solid var(--line,#e5e7eb)!important;display:flex!important;height:48px!important;height:var(--fm-tab-height,48px)!important;position:-webkit-sticky!important;position:sticky!important;top:116px!important;top:calc(var(--dashboard-header) + 56px)!important;z-index:49!important}.fm-tabs.with-filters{top:168px!important;top:calc(var(--dashboard-header) + 108px)!important}.fm-tab{align-items:center!important;background:transparent!important;border:none!important;color:#6b7280!important;color:var(--muted,#6b7280)!important;cursor:pointer!important;display:flex!important;flex:1 1!important;font-size:13px!important;font-weight:500!important;gap:6px!important;justify-content:center!important;padding:0 12px!important;position:relative!important;transition:color .2s ease!important}.fm-tab:active{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important}.fm-tab.active{color:#16a34a!important;color:var(--g-600,#16a34a)!important;font-weight:600!important}.fm-tab:after{background:#22c55e!important;background:var(--g-500,#22c55e)!important;border-radius:3px 3px 0 0!important;bottom:0!important;content:""!important;height:3px!important;left:50%!important;position:absolute!important;transform:translateX(-50%)!important;transition:width .3s cubic-bezier(.4,0,.2,1)!important;width:0!important}.fm-tab.active:after{width:60%!important}.fm-tab i{font-size:14px!important}.fm-tab .badge{align-items:center!important;background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border-radius:9px!important;color:#6b7280!important;color:var(--muted,#6b7280)!important;display:inline-flex!important;font-size:10px!important;font-weight:600!important;height:18px!important;justify-content:center!important;min-width:18px!important;padding:0 5px!important}.fm-tab.active .badge{background:#dcfce7!important;background:var(--g-100,#dcfce7)!important;color:#15803d!important;color:var(--g-700,#15803d)!important}.fm-group-header{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px!important;padding:16px 16px 8px!important;position:-webkit-sticky!important;position:sticky!important;text-transform:uppercase!important;top:164px!important;top:calc(var(--dashboard-header) + 104px)!important;z-index:5!important}.fm-group-header,.fm-opened-badge{color:#6b7280!important;color:var(--muted,#6b7280)!important}.fm-opened-badge{align-items:center!important;background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border-radius:4px!important;display:inline-flex!important;font-weight:500!important;gap:4px!important;margin-top:4px!important;padding:3px 8px!important}.fm-opened-badge,.fm-opened-badge i{font-size:10px!important}.fm-shared-by{color:#9ca3af!important;color:var(--muted,#9ca3af)!important;font-size:11px!important;margin-top:2px!important}.fm-perm-badge{align-items:center!important;border-radius:4px!important;display:inline-flex!important;font-size:10px!important;font-weight:500!important;gap:4px!important;padding:3px 8px!important}.fm-perm-badge.view{background:#dbeafe!important;color:#1d4ed8!important}.fm-perm-badge.edit{background:#fef3c7!important;color:#b45309!important}.fm-perm-badge i{font-size:10px!important}.fm-toast-container{bottom:90px!important;bottom:var(--fm-toast-bottom,90px)!important;display:flex!important;flex-direction:column!important;gap:8px!important;left:12px!important;pointer-events:none!important;position:fixed!important;right:12px!important;z-index:2000!important}.fm-toast{align-items:center!important;animation:toastSlideIn .3s cubic-bezier(.34,1.56,.64,1) forwards!important;background:#fff!important;border-left:4px solid #e5e7eb!important;border-left:4px solid var(--line,#e5e7eb)!important;border-radius:12px!important;box-shadow:0 4px 16px rgba(0,0,0,.12)!important;display:flex!important;gap:12px!important;min-height:48px!important;min-height:var(--fm-toast-height,48px)!important;padding:12px 16px!important;pointer-events:auto!important}.fm-toast.dismissing{animation:toastSlideOut .2s ease forwards!important}.fm-toast-icon{align-items:center!important;border-radius:50%!important;display:flex!important;flex-shrink:0!important;height:24px!important;justify-content:center!important;width:24px!important}.fm-toast-icon i{font-size:12px!important}.fm-toast-message{color:#1f2937!important;color:var(--text,#1f2937)!important;flex:1 1!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important}.fm-toast-close{align-items:center!important;background:transparent!important;border:none!important;border-radius:50%!important;color:#9ca3af!important;color:var(--muted,#9ca3af)!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:14px!important;height:28px!important;justify-content:center!important;width:28px!important}.fm-toast-close:active{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important}.fm-toast.success{border-left-color:#22c55e!important;border-left-color:var(--fm-toast-success,#22c55e)!important}.fm-toast.success .fm-toast-icon{background:#dcfce7!important;color:#16a34a!important}.fm-toast.error{border-left-color:#ef4444!important;border-left-color:var(--fm-toast-error,#ef4444)!important}.fm-toast.error .fm-toast-icon{background:#fee2e2!important;color:#dc2626!important}.fm-toast.warning{border-left-color:#f59e0b!important;border-left-color:var(--fm-toast-warning,#f59e0b)!important}.fm-toast.warning .fm-toast-icon{background:#fef3c7!important;color:#d97706!important}.fm-toast.info{border-left-color:#3b82f6!important;border-left-color:var(--fm-toast-info,#3b82f6)!important}.fm-toast.info .fm-toast-icon{background:#dbeafe!important;color:#2563eb!important}.fm-skeleton{animation:skeletonShimmer 1.5s infinite!important;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%)!important;background:linear-gradient(90deg,var(--bg-2,#f3f4f6) 25%,var(--line,#e5e7eb) 50%,var(--bg-2,#f3f4f6) 75%)!important;background-size:200% 100%!important;border-radius:8px!important}.fm-skeleton-card{background:#fff!important;border:1px solid #e5e7eb!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;gap:12px!important;padding:16px!important}.fm-skeleton-card .skeleton-thumb{height:80px!important;width:100%!important}.fm-skeleton-card .skeleton-title{height:14px!important;width:70%!important}.fm-skeleton-card .skeleton-meta{height:10px!important;width:50%!important}.fm-skeleton-row{align-items:center!important;background:#fff!important;border-radius:10px!important;display:flex!important;gap:12px!important;margin-bottom:8px!important;padding:12px 16px!important}.fm-skeleton-row .skeleton-icon{border-radius:8px!important;flex-shrink:0!important;height:40px!important;width:40px!important}.fm-skeleton-row .skeleton-info{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:6px!important}.fm-skeleton-row .skeleton-name{height:12px!important;width:60%!important}.fm-skeleton-row .skeleton-size{height:10px!important;width:30%!important}.fm-skeleton-grid{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,1fr)!important;padding:12px!important}.fm-loader-overlay{align-items:center!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:hsla(0,0%,100%,.9)!important;display:flex!important;flex-direction:column!important;gap:16px!important;inset:0!important;justify-content:center!important;position:fixed!important;z-index:2000!important}.fm-loader-spinner{animation:spinLoader .8s linear infinite!important;border:4px solid #e5e7eb!important;border-top-color:#22c55e!important;border:4px solid var(--line,#e5e7eb)!important;border-radius:50%!important;border-top-color:var(--g-500,#22c55e)!important;height:48px!important;width:48px!important}.fm-loader-text{color:#374151!important;color:var(--text,#374151)!important;font-size:14px!important;font-weight:500!important}.fm-loader-progress{background:#e5e7eb!important;background:var(--line,#e5e7eb)!important;border-radius:2px!important;height:4px!important;overflow:hidden!important;width:200px!important}.fm-loader-progress-bar{background:#22c55e!important;background:var(--g-500,#22c55e)!important;border-radius:2px!important;height:100%!important;transition:width .3s ease!important}.fm-loader-progress.indeterminate .fm-loader-progress-bar{animation:progressIndeterminate 1.5s infinite!important;position:relative!important;width:50%!important}.fm-pull-indicator{align-items:center!important;display:flex!important;flex-direction:column!important;gap:8px!important;left:50%!important;opacity:0!important;padding:12px!important;position:absolute!important;top:-60px!important;transform:translateX(-50%)!important;transition:opacity .2s ease,top .2s ease!important}.fm-pull-indicator.visible{opacity:1!important;top:10px!important}.fm-pull-spinner{border:3px solid #e5e7eb!important;border-top-color:#22c55e!important;border:3px solid var(--line,#e5e7eb)!important;border-radius:50%!important;border-top-color:var(--g-500,#22c55e)!important;height:28px!important;width:28px!important}.fm-pull-indicator.refreshing .fm-pull-spinner{animation:spinLoader .8s linear infinite!important}.fm-pull-text{color:#6b7280!important;color:var(--muted,#6b7280)!important;font-size:12px!important}.fm-empty-state{flex-direction:column!important;gap:16px!important;padding:60px 24px!important;text-align:center!important}.fm-empty-icon,.fm-empty-state{align-items:center!important;display:flex!important;justify-content:center!important}.fm-empty-icon{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border-radius:50%!important;height:80px!important;width:80px!important}.fm-empty-icon i{color:#d1d5db!important;color:var(--line,#d1d5db)!important;font-size:36px!important}.fm-empty-title{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:16px!important;font-weight:600!important;margin:0!important}.fm-empty-text{color:#6b7280!important;color:var(--muted,#6b7280)!important;font-size:13px!important;line-height:1.5!important;margin:0!important;max-width:240px!important}.fm-empty-action{margin-top:8px!important}.fm-error-state{flex-direction:column!important;gap:16px!important;padding:60px 24px!important;text-align:center!important}.fm-error-icon,.fm-error-state{align-items:center!important;display:flex!important}.fm-error-icon{background:#fee2e2!important;border-radius:50%!important;height:64px!important;justify-content:center!important;width:64px!important}.fm-error-icon i{color:#dc2626!important;font-size:28px!important}.fm-error-icon.warning{background:#fef3c7!important}.fm-error-icon.warning i{color:#d97706!important}.fm-error-icon.offline{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important}.fm-error-icon.offline i{color:#6b7280!important;color:var(--muted,#6b7280)!important}.fm-error-title{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:16px!important;font-weight:600!important}.fm-error-text{color:#6b7280!important;color:var(--muted,#6b7280)!important;font-size:13px!important}.fm-error-retry{align-items:center!important;background:#22c55e!important;background:var(--g-500,#22c55e)!important;border:none!important;border-radius:10px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:14px!important;font-weight:500!important;gap:6px!important;margin-top:8px!important;padding:10px 20px!important}.fm-error-retry:active{transform:scale(.97)!important}.fm-action-btn:active,.fm-file-card:active,.fm-filter-chip:active,.fm-folder-card:active,.fm-folder-picker-item:active,.fm-list-item:active,.fm-modal-action:active,.fm-quick-action-btn:active,.fm-recent-item:active,.fm-share-user:active,.fm-sort-option:active,.fm-tab-btn:active{transform:scale(.97)!important;transition:transform .1s ease!important}.fm-dialog-btn:active,.fm-file-chip-remove:active,.fm-preview-nav:active,.fm-recipient-remove:active,.fm-topbar-btn:active{transform:scale(.92)!important;transition:transform .1s ease!important}.fm-ripple{overflow:hidden!important;position:relative!important}.fm-ripple:after{background:radial-gradient(circle,rgba(0,0,0,.1) 0,transparent 70%)!important;content:""!important;height:100%!important;left:50%!important;opacity:0!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%) scale(0)!important;transition:transform .4s ease,opacity .4s ease!important;width:100%!important}.fm-ripple:active:after{opacity:1!important;transform:translate(-50%,-50%) scale(2)!important;transition:none!important}.fm-content,.fm-folder-picker-list,.fm-modal-body,.fm-share-recipients,.fm-upload-file-list{-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important}.fm-filter-chips{scroll-padding:0 12px!important;scroll-snap-type:x mandatory!important}.fm-filter-chip{scroll-snap-align:start!important}.fm-file-chips::-webkit-scrollbar,.fm-filter-chips::-webkit-scrollbar{display:none!important}.fm-file-chips,.fm-filter-chips{-ms-overflow-style:none!important;scrollbar-width:none!important}.fm-content{overscroll-behavior-y:contain!important}.fm-file-chips,.fm-filter-chips{overscroll-behavior-x:contain!important}.fm-file-card:focus-visible,.fm-folder-card:focus-visible,.fm-list-item:focus-visible{outline:3px solid #22c55e!important;outline:3px solid var(--g-500,#22c55e)!important;outline-offset:2px!important}.fm-action-btn:focus-visible,.fm-quick-action-btn:focus-visible,.fm-topbar-btn:focus-visible{border-radius:8px!important;outline:2px solid #22c55e!important;outline:2px solid var(--g-500,#22c55e)!important;outline-offset:2px!important}.fm-dialog-btn:focus-visible,.fm-error-retry:focus-visible,.fm-modal-action:focus-visible{outline:2px solid #22c55e!important;outline:2px solid var(--g-500,#22c55e)!important;outline-offset:2px!important}.fm-filter-chip:focus-visible,.fm-tab-btn:focus-visible{outline:2px solid #4ade80!important;outline:2px solid var(--g-400,#4ade80)!important;outline-offset:1px!important}.fm-rename-input:focus-visible,.fm-search-input:focus-visible,.fm-user-search-input:focus-visible{box-shadow:0 0 0 4px rgba(34,197,94,.15)!important;outline:2px solid #22c55e!important;outline:2px solid var(--g-500,#22c55e)!important}.fm-action-btn:focus,.fm-file-card:focus,.fm-filter-chip:focus,.fm-folder-card:focus,.fm-list-item:focus,.fm-modal-action:focus,.fm-tab-btn:focus,.fm-topbar-btn:focus{outline:none!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.fm-bottom-sheet.active .fm-sheet-content,.fm-modal-overlay.active .fm-modal-container,.fm-toast.show{transform:none!important}.fm-skeleton-grid-item:after,.fm-skeleton-item:after,.fm-skeleton-list-item:after{animation:none!important;background:transparent!important}.fm-loader-spinner,.fm-pull-spinner{animation:none!important}}@media (prefers-contrast:high){.fm-file-card,.fm-folder-card,.fm-list-item{border:2px solid!important}.fm-filter-chip.active,.fm-modal-container,.fm-sheet-content,.fm-tab-btn.active{border:2px solid #fff!important}.fm-toast{border:2px solid!important}}.fm-sheet-content{padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}.fm-modal-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}.fm-toast-container{bottom:calc(90px + env(safe-area-inset-bottom))!important;bottom:calc(var(--fm-toast-bottom, 90px) + env(safe-area-inset-bottom))!important}.fm-bulk-bar,.fm-tab-nav{padding-bottom:env(safe-area-inset-bottom)!important}.fm-file-card,.fm-folder-card,.fm-list-item{transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important}.fm-action-btn,.fm-quick-action-btn,.fm-topbar-btn{transition:transform .15s ease,background .15s ease,opacity .15s ease!important}.fm-dialog-btn,.fm-modal-action{transition:transform .2s ease,background .2s ease!important}.fm-filter-chip{transition:transform .15s ease,background .2s ease,border-color .2s ease!important}.fm-tab-btn{transition:color .2s ease,font-weight .2s ease!important}.fm-tab-indicator{transition:transform .3s cubic-bezier(.4,0,.2,1)!important}.fm-select-checkbox{transition:transform .2s ease,opacity .2s ease,background .15s ease!important}.fm-file-card.selected .fm-select-checkbox,.fm-list-item.selected .fm-select-checkbox{transform:scale(1.1)!important}.fm-action-btn:disabled,.fm-dialog-btn:disabled,.fm-modal-action:disabled,.fm-quick-action-btn:disabled{cursor:not-allowed!important;opacity:.4!important;pointer-events:none!important}.fm-filter-chip:disabled{cursor:not-allowed!important;opacity:.5!important}.fm-rename-input:disabled,.fm-search-input:disabled{background:hsla(0,0%,100%,.03)!important;opacity:.5!important}.fm-upload-zone.dragging{background:rgba(34,197,94,.15)!important;border-color:#4ade80!important;border-color:var(--g-400,#4ade80)!important;transform:scale(1.02)!important}.fm-upload-zone.dragging .fm-upload-icon{color:#4ade80!important;color:var(--g-400,#4ade80)!important;transform:scale(1.15)!important}.fm-dialog-btn.loading,.fm-modal-action.loading{color:transparent!important;pointer-events:none!important;position:relative!important}.fm-dialog-btn.loading:after,.fm-modal-action.loading:after{animation:spinRotate .8s linear infinite!important;border:2px solid hsla(0,0%,100%,.3)!important;border-radius:50%!important;border-top-color:#fff!important;content:""!important;height:18px!important;left:50%!important;margin:-9px 0 0 -9px!important;position:absolute!important;top:50%!important;width:18px!important}.fm-file-card.uploading,.fm-list-item.uploading{opacity:.7!important;pointer-events:none!important}.fm-action-btn,.fm-file-card,.fm-filter-chip,.fm-folder-card,.fm-list-item,.fm-modal-action,.fm-tab-btn,.fm-topbar-btn{-webkit-user-select:none!important;user-select:none!important}.fm-rename-input,.fm-search-input,.fm-user-search-input{-webkit-user-select:text!important;user-select:text!important}.fm-topbar{z-index:100!important}.fm-fab{z-index:150!important}.fm-bulk-bar{z-index:160!important}.fm-tab-nav{z-index:110!important}.fm-search-dropdown{z-index:200!important}.fm-modal-overlay{z-index:500!important}.fm-bottom-sheet{z-index:510!important}.fm-confirm-overlay{z-index:600!important}.fm-toast-container{z-index:700!important}.fm-loader-overlay{z-index:800!important}.fm-pull-indicator{z-index:50!important}.fm-hide-mobile,.fm-pill-type{display:none!important}}@media screen and (max-width:375px){.fm-topbar{padding:10px!important}.fm-top-title{font-size:16px!important}.fm-content{gap:10px!important;padding:10px!important}.fm-qa{gap:10px!important;grid-template-columns:1fr!important}.fm-qa-card{align-items:center!important;flex-direction:row!important;min-height:70px!important;padding:12px!important}.fm-qa-icon{font-size:20px!important;height:44px!important;width:44px!important}.fm-qa-card .info{flex:1 1!important}.fm-grid{gap:10px!important;grid-template-columns:1fr!important}.fm-card{align-items:center!important;flex-direction:row!important;gap:12px!important;min-height:80px!important;padding:10px 12px!important}.fm-thumb{border-radius:10px!important;flex-shrink:0!important;height:56px!important;width:56px!important}.fm-thumb i{font-size:32px!important}.fm-card-info{flex:1 1!important;min-width:0!important}.fm-card-name{-webkit-line-clamp:1!important;font-size:14px!important}.fm-card-checkbox,.fm-selection-checkbox{height:22px!important;left:auto!important;right:48px!important;top:50%!important;transform:translateY(-50%)!important;width:22px!important}.fm-card-actions,.fm-card-menu{right:8px!important;top:50%!important;transform:translateY(-50%)!important}.fm-action-btn,.fm-menu-btn{height:36px!important;width:36px!important}.fm-action-btn i,.fm-menu-btn i{font-size:18px!important}.fm-row{gap:10px!important;grid-template-columns:24px 36px 1fr 36px!important;min-height:56px!important;padding:10px!important}.fm-row .checkbox,.fm-row-checkbox{height:18px!important;width:18px!important}.fm-row-icon i,.fm-row>:nth-child(2) i{font-size:32px!important}.fm-file-name .name,.fm-file-name span{font-size:13px!important}.fm-file-name .fm-meta{font-size:10px!important}.fm-row .fm-action-btn,.fm-row .fm-menu-btn{height:32px!important;width:32px!important}.fm-btn.fm-primary span{display:none!important}.fm-empty,.fm-no-files{min-height:250px!important;padding:40px 16px!important}.fm-empty i,.fm-no-files i{font-size:48px!important}.fm-empty h4{font-size:15px!important}.fm-empty p{font-size:12px!important}.fm-modal-container{border-radius:14px 14px 0 0!important;max-height:95vh!important}.fm-modal-header{padding:14px 12px!important}.fm-modal-title{font-size:16px!important}.fm-modal-close{height:32px!important;width:32px!important}.fm-modal-body,.fm-modal-footer{padding:12px!important}.fm-modal-footer{gap:8px!important}.fm-modal-action{font-size:13px!important;min-width:80px!important;padding:12px 16px!important}.fm-preview-icon{font-size:64px!important;margin-bottom:12px!important}.fm-preview-title{font-size:15px!important}.fm-preview-detail{font-size:12px!important}.fm-preview-actions{gap:8px!important}.fm-preview-actions .fm-modal-action{flex:1 1!important;font-size:12px!important;padding:10px 8px!important}.fm-share-section-title{font-size:12px!important}.fm-file-chip{font-size:11px!important;padding:4px 8px 4px 10px!important}.fm-user-search-input{font-size:14px!important;padding:10px 12px!important}.fm-recipient-item{padding:10px!important}.fm-recipient-name{font-size:13px!important}.fm-permission-select{font-size:11px!important;padding:5px 8px!important}.fm-upload-zone{min-height:140px!important;padding:24px 16px!important}.fm-upload-icon{font-size:40px!important;margin-bottom:10px!important}.fm-upload-title{font-size:15px!important}.fm-upload-hint{font-size:12px!important}.fm-upload-file-item{gap:10px!important;padding:10px!important}.fm-upload-file-icon{font-size:28px!important}.fm-upload-file-name{font-size:13px!important}.fm-folder-breadcrumb{font-size:12px!important;padding:10px 12px!important}.fm-folder-item{padding:12px!important}.fm-folder-item-icon{font-size:20px!important}.fm-folder-item-name{font-size:13px!important}.fm-sheet-content{border-radius:14px 14px 0 0!important;max-height:55vh!important}.fm-sheet-header{padding:14px 12px!important}.fm-sheet-title{font-size:16px!important}.fm-rename-input{font-size:15px!important;padding:12px!important}.fm-char-counter{font-size:10px!important}.fm-search-wrapper{height:40px!important}.fm-search-input{font-size:14px!important;padding:10px 12px 10px 36px!important}.fm-search-icon{font-size:16px!important;left:10px!important}.fm-search-clear{font-size:14px!important;height:28px!important;width:28px!important}.fm-search-result-item{padding:10px 12px!important}.fm-search-result-icon{font-size:18px!important}.fm-search-result-name{font-size:13px!important}.fm-filter-chips{gap:6px!important;height:40px!important;padding:0 10px!important}.fm-filter-chip{font-size:12px!important;padding:6px 10px!important}.fm-filter-chip .count{font-size:10px!important;padding:1px 5px!important}.fm-sort-option{font-size:14px!important;padding:14px 12px!important}.fm-tab-nav{height:44px!important}.fm-tab-btn{font-size:13px!important}.fm-tab-indicator{height:2px!important}.fm-toast{border-radius:10px!important;max-width:calc(100vw - 24px)!important;padding:12px 14px!important}.fm-toast-icon{font-size:18px!important}.fm-toast-message{font-size:13px!important}.fm-toast-close{font-size:14px!important;height:24px!important;width:24px!important}.fm-skeleton-grid{gap:10px!important;grid-template-columns:1fr!important}.fm-skeleton-grid-item{border-radius:10px!important;height:80px!important}.fm-skeleton-list-item{height:56px!important}.fm-loader-spinner{height:36px!important;width:36px!important}.fm-loader-text{font-size:13px!important}.fm-loader-progress-bar{height:3px!important;width:140px!important}.fm-empty-icon,.fm-error-icon{font-size:48px!important;margin-bottom:12px!important}.fm-empty-title,.fm-error-title{font-size:16px!important}.fm-empty-message,.fm-error-message,.fm-error-retry{font-size:13px!important}.fm-error-retry{padding:10px 20px!important}.fm-confirm-dialog{border-radius:14px!important;padding:20px 16px!important;width:calc(100vw - 32px)!important}.fm-confirm-title{font-size:16px!important}.fm-confirm-message,.fm-dialog-btn{font-size:13px!important}.fm-dialog-btn{min-width:70px!important;padding:10px 16px!important}}@media screen and (max-width:768px) and (orientation:landscape){.fm-qa{gap:10px!important;grid-template-columns:repeat(4,1fr)!important}.fm-qa-card{min-height:80px!important;padding:10px!important}.fm-qa-icon{font-size:18px!important;height:40px!important;width:40px!important}.fm-grid{gap:10px!important;grid-template-columns:repeat(4,1fr)!important}.fm-card{gap:8px!important;min-height:120px!important;padding:10px!important}.fm-thumb{border-radius:8px!important;height:60px!important}.fm-thumb i{font-size:40px!important}.fm-card-name{-webkit-line-clamp:1!important;font-size:12px!important}.fm-card .fm-meta{font-size:10px!important}.fm-card-checkbox,.fm-selection-checkbox{height:20px!important;left:6px!important;top:6px!important;width:20px!important}.fm-action-btn,.fm-menu-btn{height:32px!important;width:32px!important}.fm-action-btn i,.fm-menu-btn i{font-size:16px!important}.fm-content{padding:10px!important}.fm-row{gap:10px!important;min-height:52px!important;padding:8px 12px!important;padding:8px var(--fm-mobile-padding)!important}.fm-row-icon i,.fm-row>:nth-child(2) i{font-size:32px!important}.fm-file-name span{font-size:13px!important}.fm-file-name .fm-meta{font-size:10px!important}.fm-modal-overlay{padding:0 40px!important}.fm-modal-container{border-radius:16px!important;margin:auto!important;max-height:90vh!important;max-width:600px!important}.fm-modal-body,.fm-modal-footer,.fm-modal-header{padding-left:20px!important;padding-right:20px!important}.fm-sheet-content{max-height:50vh!important}.fm-share-recipients{max-height:120px!important}.fm-recipient-item{align-items:center!important;flex-direction:row!important;justify-content:space-between!important}.fm-upload-zone{flex-direction:row!important;gap:16px!important;min-height:120px!important}.fm-upload-icon{margin-bottom:0!important}.fm-upload-text{text-align:left!important}.fm-upload-file-list{max-height:100px!important}.fm-search-wrapper{max-width:300px!important}.fm-search-dropdown{max-width:350px!important}.fm-filter-chips{justify-content:center!important}.fm-tab-nav{margin:0 auto!important;max-width:500px!important}.fm-toast-container{bottom:calc(80px + env(safe-area-inset-bottom))!important;left:auto!important;right:24px!important;transform:none!important}.fm-toast{max-width:320px!important}.fm-skeleton-grid{grid-template-columns:repeat(4,1fr)!important}.fm-skeleton-grid-item{height:100px!important}.fm-empty-state,.fm-error-state{flex-direction:row!important;gap:24px!important;padding:30px!important}.fm-empty-icon,.fm-error-icon{margin-bottom:0!important}.fm-empty-content,.fm-error-content{text-align:left!important}.fm-confirm-dialog{max-width:400px!important}.fm-fab{bottom:calc(80px + env(safe-area-inset-bottom))!important;right:24px!important}.fm-bulk-bar{padding:10px 24px!important}}:root{--surface:#fff;--bg:#edf2f7;--bg-2:#e9eff6;--text:#0f172a;--muted:#64748b;--line:#e6ebf2;--icon:#94a3b8}.chat-interface-wrapper{background:#fff;background:var(--surface,#fff);display:flex;flex:1 1;flex-direction:column;height:100%;max-width:100%;opacity:1;overflow:hidden;visibility:visible;width:100%}.chat-interface-wrapper.theme-light{--bg:#edf2f7;--bg-2:#e9eff6;--surface:#fff;--line:#e6ebf2;--text:#0f172a;--muted:#64748b;--icon:#94a3b8;--g-500-rgb:24,163,111;--warning:#f59e0b;--info:#3b82f6;--danger:#ef4444;--success:#22c55e;--radius:20px;--shadow:0 10px 30px rgba(15,23,42,.08);--shadow-soft:0 4px 16px rgba(15,23,42,.06);--transition:all 0.2s ease}.chat-interface-wrapper.theme-dark{--bg:#0f172a;--bg-2:#1e293b;--surface:#1e293b;--line:#334155;--text:#f1f5f9;--muted:#94a3b8;--icon:#64748b;--g-500-rgb:24,163,111;--warning:#f59e0b;--info:#3b82f6;--danger:#ef4444;--success:#22c55e;--radius:20px;--shadow:0 10px 30px rgba(0,0,0,.3);--shadow-soft:0 4px 16px rgba(0,0,0,.2);--transition:all 0.2s ease}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}body.modal-open{height:100vh;overflow:hidden}.chat-container{background:var(--surface,#fff);background-color:#fff;box-sizing:border-box!important;display:flex;flex:1 1;flex-direction:row;left:0!important;margin:0!important;max-width:100%!important;overflow:hidden!important;padding:0;width:100%!important}.chat-container,.chat-sidebar{height:100%;opacity:1;position:relative;visibility:visible}.chat-sidebar{background:#e9eff6;background:var(--bg-2,#e9eff6);background-color:#e9eff6;border-right:1px solid #e6ebf2;border-right:1px solid var(--line,#e6ebf2);flex-shrink:0;max-width:320px;min-width:320px;overflow:hidden;width:320px;z-index:10}@media screen and (max-width:768px){.chat-sidebar{background-color:#fff;bottom:70px;left:0;max-width:100%;min-width:100%;position:fixed;right:0;top:60px;transform:translateX(0);width:100%;z-index:200}.chat-sidebar.mobile-hidden{transform:translateX(-100%)}}.chat-area{background:#fff;background:var(--surface,#fff);background-color:#fff;display:flex;flex:1 1!important;flex-direction:column;height:100%;min-width:0!important;opacity:1;overflow:hidden!important;position:relative;visibility:visible;z-index:1}@media screen and (max-width:768px){.chat-area{position:fixed;transform:translateX(100%);z-index:100}.chat-area.mobile-full{transform:translateX(0)}}.chat-header{max-width:100%;width:100%}.chat-sidebar-header{background:linear-gradient(135deg,#16a34a,#15803d);background:linear-gradient(135deg,var(--g-600,#16a34a),var(--g-700,#15803d));border-bottom:none;color:#fff;flex-shrink:0;padding:24px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.chat-header-title{align-items:center;display:flex;gap:12px;margin-bottom:10px}.chat-header-title i{align-items:center;background:hsla(0,0%,100%,.15);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:28px;height:44px;justify-content:center;width:44px}.chat-sidebar-header h2{color:#fff;font-size:22px;font-weight:700;letter-spacing:.3px;margin:0}.blockchain-badge{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:12px;color:hsla(0,0%,100%,.95);font-size:14px;gap:8px;padding:6px 12px}.user-info{background:#fff;background:var(--surface);border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);flex-shrink:0;max-height:60px;min-height:50px;padding:8px 12px}.user-profile{gap:8px}.user-avatar,.user-profile{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,var(--g-500),var(--g-700));border-radius:8px;box-shadow:0 2px 8px rgba(24,163,111,.2);font-size:14px;font-weight:600;justify-content:center}.user-details{flex:1 1;min-width:0}.user-details h3{color:#0f172a;color:var(--text);font-size:12px;font-weight:600;margin-bottom:1px}.user-details h3,.user-details p{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-details p{color:#64748b;color:var(--muted);font-size:10px}.search-container{flex-shrink:0;height:68px;justify-content:center;max-height:68px;min-height:68px;overflow:hidden;padding:12px;z-index:5}.search-container,.search-container-top{background:#fff;background:var(--surface);border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line)}.search-container-top{padding:16px}.chat-container .search-input,.conversation-list .search-input,.search-container .search-input,.search-container-top .search-input{background:transparent!important;border:none!important;display:block!important;height:44px!important;margin:0;max-width:100%!important;padding:0!important;position:relative!important;width:100%!important}.chat-container .search-input input,.conversation-list .search-input input,.search-container .search-input input,.search-container-top .search-input input{background:#edf2f7!important;background:var(--bg)!important;border:1px solid #e6ebf2!important;border:1px solid var(--line)!important;border-radius:12px!important;box-sizing:border-box!important;color:#0f172a!important;color:var(--text)!important;font-size:13px!important;height:100%!important;outline:none!important;padding:0 38px!important;transition:var(--transition);width:100%!important}.chat-container .search-input input::placeholder,.conversation-list .search-input input::placeholder,.search-container .search-input input::placeholder,.search-container-top .search-input input::placeholder{color:#64748b;color:var(--muted)}.chat-container .search-input input:focus,.conversation-list .search-input input:focus,.search-container .search-input input:focus,.search-container-top .search-input input:focus{background:#fff!important;background:var(--surface)!important;border-color:var(--g-500)!important;box-shadow:0 0 0 3px rgba(24,163,111,.1)!important}.chat-container .search-input .search-icon,.conversation-list .search-input .search-icon,.search-container .search-input .search-icon,.search-container-top .search-input .search-icon{color:#64748b!important;color:var(--muted)!important;font-size:16px!important;left:12px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important}.chat-container .search-input .clear-icon,.conversation-list .search-input .clear-icon,.search-container .search-input .clear-icon,.search-container-top .search-input .clear-icon{color:#64748b!important;color:var(--muted)!important;cursor:pointer!important;font-size:18px!important;left:auto!important;position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;transition:var(--transition);z-index:2!important}.chat-container .search-input .clear-icon:hover,.conversation-list .search-input .clear-icon:hover,.search-container .search-input .clear-icon:hover,.search-container-top .search-input .clear-icon:hover{color:var(--danger)!important}.search-section-header{background:#edf2f7;background:var(--bg);border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);color:#64748b;color:var(--muted);font-size:11px}.conversation-item.new-user{background:rgba(24,163,111,.05)}.conversation-item.new-user:hover{background:rgba(24,163,111,.1)}.connect-btn-inline{align-items:center;background:var(--g-500);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:4px;padding:6px 12px;transition:var(--transition)}.connect-btn-inline:hover{background:var(--g-600)}.connect-btn-inline i{font-size:14px}.search-loading-inline{align-items:center;color:#64748b;color:var(--muted);display:flex;font-size:13px;gap:8px;justify-content:center;padding:16px}.search-loading-inline .spin{animation:spin 1s linear infinite}.search-results-header{background:#edf2f7;background:var(--bg);border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);color:var(--g-600);font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 20px 8px;text-transform:uppercase}.conversation-item.search-result{background:rgba(24,163,111,.03);border-left:3px solid var(--g-500)}.conversation-item.search-result:hover{background:rgba(24,163,111,.08)}.conversation-item.search-result .user-email{color:#64748b;color:var(--muted);font-size:12px}.conversation-item.search-result .connect-btn{align-items:center;background:var(--g-500);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px;transition:var(--transition)}.conversation-item.search-result .connect-btn:hover{background:var(--g-600)}.tabs{background:#fff;background:var(--surface);border-bottom:1px solid #e6ebf2;flex-shrink:0;gap:0;margin:0!important;padding:0;position:relative}.tabs:after{background:linear-gradient(135deg,var(--g-500),var(--g-600));border-radius:3px 3px 0 0;bottom:0;box-shadow:0 0 8px rgba(34,197,94,.4);box-shadow:0 0 8px rgba(var(--g-500-rgb,34,197,94),.4);content:"";height:3px;left:0;position:absolute;transition:transform .35s cubic-bezier(.4,0,.2,1);width:33.333%}.tabs[data-active=direct]:after{transform:translateX(0)}.tabs[data-active=groups]:after{transform:translateX(100%)}.tabs[data-active=circulars]:after{transform:translateX(200%)}.tab{background:none;border:none;border-bottom:3px solid transparent;color:#64748b;flex:1 1;font-size:12px;letter-spacing:.5px;margin:0;padding:16px 0;position:relative;text-align:center;text-transform:uppercase;transition:color .3s ease,background .3s ease,transform .2s ease;z-index:1}.tab:focus{outline:2px solid var(--g-500);outline-offset:-2px}.tab.active{background:#edf2f7;background:var(--bg);border-bottom-color:transparent;color:var(--g-600)}.tab:hover:not(.active){background:#e9eff6;background:var(--bg-2);color:#0f172a;color:var(--text)}.tab:active{transform:scale(.98)}.conversations-list{background:#fff;background:var(--surface,#fff);background-color:#fff;flex:1 1;min-height:0;opacity:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;visibility:visible}.conversations-list>*{animation:fadeSlideIn .3s ease forwards}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.conversations-list>:first-child{animation-delay:0ms}.conversations-list>:nth-child(2){animation-delay:30ms}.conversations-list>:nth-child(3){animation-delay:60ms}.conversations-list>:nth-child(4){animation-delay:90ms}.conversations-list>:nth-child(5){animation-delay:.12s}.conversations-list>:nth-child(6){animation-delay:.15s}.conversations-list>:nth-child(7){animation-delay:.18s}.conversations-list>:nth-child(8){animation-delay:.21s}.conversations-list::-webkit-scrollbar{width:8px}.conversations-list::-webkit-scrollbar-track{background:transparent}.conversations-list::-webkit-scrollbar-thumb{background:var(--g-300);background-clip:content-box;border:2px solid transparent;border-radius:4px}.conversations-list::-webkit-scrollbar-thumb:hover{background:var(--g-400);background-clip:content-box}.conversations-list{scrollbar-color:var(--g-300) transparent;scrollbar-width:thin}.conversation-item{background:#fff;background:var(--surface,#fff);background-color:#fff;border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line,#e6ebf2);cursor:pointer;opacity:1;padding:18px 20px;position:relative;transition:var(--transition);visibility:visible;will-change:background-color}.conversation-item:focus{outline:2px solid var(--g-500);outline-offset:-2px}.conversation-item:hover{background:#e9eff6;background:var(--bg-2)}.conversation-item.active{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-right:4px solid var(--g-500)}.theme-dark .conversation-item.active{background:linear-gradient(135deg,rgba(24,163,111,.15),rgba(24,163,111,.1))}.conversation-content{align-items:center;display:flex;gap:12px}.conversation-avatar{align-items:center;border-radius:14px;box-shadow:var(--shadow-soft);color:#fff;display:flex;flex-shrink:0;font-weight:700;height:48px;justify-content:center;position:relative;width:48px}.conversation-avatar.direct{background:radial-gradient(80% 80% at 30% 20%,var(--g-400),var(--g-700))}.conversation-avatar.group{background:radial-gradient(80% 80% at 30% 20%,var(--g-600),var(--g-800))}.conversation-avatar.circular{background:radial-gradient(80% 80% at 30% 20%,var(--g-500),var(--g-700))}.online-indicator{animation:pulse 2s infinite;background:var(--success);border:2px solid #fff;border-radius:50%;bottom:-2px;height:12px;position:absolute;right:-2px;width:12px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.conversation-details{flex:1 1;min-width:0}.conversation-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.conversation-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;color:var(--text);display:-webkit-box;flex:1 1;font-size:14px;font-weight:600;line-height:1.3;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.conversation-time{color:#64748b;color:var(--muted);flex-shrink:0;font-size:12px;white-space:nowrap}.conversation-footer{align-items:center;display:flex;gap:8px;justify-content:space-between}.conversation-message{color:#64748b;color:var(--muted);flex:1 1;font-size:13px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background:linear-gradient(135deg,var(--g-500),var(--g-600));border-radius:12px;color:#fff;flex-shrink:0;font-size:11px;font-weight:600;min-width:20px;padding:4px 8px;text-align:center}.conversation-meta{color:#94a3b8;color:var(--icon);font-size:11px;margin-top:2px}.create-group-btn{align-items:center;background:linear-gradient(135deg,var(--g-700),var(--g-500));border:none;border-radius:12px;box-shadow:var(--shadow-soft);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-weight:600;gap:8px;justify-content:center;margin:20px;padding:12px 16px;transition:var(--transition)}.create-group-btn:focus{outline:2px solid var(--g-300);outline-offset:2px}.create-group-btn:hover{background:linear-gradient(135deg,var(--g-800),var(--g-600));box-shadow:var(--shadow);transform:translateY(-1px)}.chat-header{background:var(--surface);border-bottom:1px solid #e6ebf2;box-sizing:border-box;flex-shrink:0;justify-content:space-between;margin:0;min-height:56px;padding:12px 16px}.chat-header-left{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.back-btn{background:none;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;color:#94a3b8;color:var(--icon);display:flex;font-family:inherit;height:40px;transition:var(--transition);width:40px}.back-btn:focus{outline:2px solid var(--g-500);outline-offset:2px}.back-btn:hover{background:#edf2f7;background:var(--bg);border-color:var(--g-300);color:var(--g-600)}.chat-header-content{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.chat-avatar{align-items:center;background:radial-gradient(80% 80% at 30% 20%,var(--g-400),var(--g-700));border-radius:12px;box-shadow:var(--shadow-soft);color:#fff;display:flex;height:44px;justify-content:center;width:44px}.chat-info h3{color:#0f172a;color:var(--text);font-weight:700;letter-spacing:.2px;margin-bottom:2px}.chat-info h3,.chat-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-info p{color:#64748b;color:var(--muted);font-size:13px}.chat-header-actions{align-items:center;display:flex;flex-shrink:0;gap:12px;height:100%;justify-content:center;margin-right:-8px;width:auto}.header-action-btn{background:none;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;color:#94a3b8;color:var(--icon);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;height:40px;padding:0;transition:var(--transition);width:40px}.chat-options i,.header-action-btn,.header-action-btn i{align-items:center;font-size:18px;justify-content:center;line-height:1}.chat-options i,.header-action-btn i{display:flex;height:18px;text-align:center;width:18px}.header-action-btn:hover{background:rgba(16,185,129,.1);border-color:var(--g-400);color:var(--g-500)}.chat-options{align-items:center;background:none;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;color:#94a3b8;color:var(--icon);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:18px;height:40px;justify-content:center;line-height:1;padding:0;transition:var(--transition);width:40px}.chat-options:focus{outline:2px solid var(--g-500);outline-offset:2px}.chat-options:hover{background:#edf2f7;background:var(--bg);border-color:var(--g-300);color:var(--g-600)}.messages-container{background:#edf2f7;background:var(--bg);box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:16px;max-width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:20px;width:100%}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:var(--g-300);background-clip:content-box;border:2px solid transparent;border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--g-400);background-clip:content-box}.messages-container{scrollbar-color:var(--g-300) transparent;scrollbar-width:thin}.message{animation:fadeInUp .3s ease-out;will-change:transform,opacity}.message.own{justify-content:flex-end}.message-bubble{word-wrap:break-word;border-radius:12px;box-shadow:var(--shadow-soft);max-width:70%;overflow-wrap:break-word;padding:8px 12px;position:relative}.message-bubble.own{background:linear-gradient(135deg,var(--g-600),var(--g-500));border-bottom-right-radius:4px;color:#1a1a1a}.message-bubble.other{background:#fff;background:var(--surface);border:1px solid #e6ebf2;border:1px solid var(--line);border-bottom-left-radius:4px;color:#0f172a;color:var(--text)}.message-sender{color:var(--g-700);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px}.theme-dark .message-sender{color:var(--g-300)}.message-content{margin-bottom:4px}.message-time{font-weight:500;opacity:.85}.message-bubble.own .message-time{color:rgba(0,0,0,.7)}.message-bubble.other .message-time{color:#64748b;color:var(--muted)}.message-bubble.own .message-status{color:rgba(0,0,0,.6)}.message-bubble.own .message-status.status-read,.message-bubble.own .read-tick{color:#1d4ed8}.document-attachment{border:1px solid;border-radius:12px;box-shadow:var(--shadow-soft);cursor:pointer;margin-top:12px;padding:16px;transition:var(--transition);will-change:transform}.document-attachment:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.document-attachment.shared{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:var(--g-300)}.theme-dark .document-attachment.shared{background:linear-gradient(135deg,rgba(24,163,111,.15),rgba(24,163,111,.1));border-color:var(--g-600)}.document-attachment.approval-request{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d}.theme-dark .document-attachment.approval-request{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(245,158,11,.1));border-color:var(--warning)}.document-attachment.approved{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:var(--g-400)}.theme-dark .document-attachment.approved{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.1));border-color:var(--success)}.document-attachment.pending{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:var(--warning)}.theme-dark .document-attachment.pending{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(245,158,11,.1));border-color:var(--warning)}.document-attachment.rejected{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#fca5a5}.theme-dark .document-attachment.rejected{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.1));border-color:var(--danger)}.document-header{justify-content:space-between;margin-bottom:12px}.document-header,.document-info{align-items:center;display:flex;gap:8px}.document-info{flex:1 1;min-width:0}.document-name{color:#0f172a;color:var(--text);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-type-badge{background:linear-gradient(135deg,var(--g-600),var(--g-500));border-radius:6px;color:#fff;flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px}.approval-request-info{background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.5);border-radius:8px;font-size:13px;margin:12px 0;padding:12px}.theme-dark .approval-request-info{background:rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.1)}.approval-members{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.member-tag{background:var(--g-700);border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:4px 8px}.document-meta{color:#64748b;color:var(--muted);font-size:12px;gap:8px;justify-content:space-between;margin-bottom:12px}.document-hash,.document-meta{align-items:center;display:flex}.document-hash{background:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.8);border-radius:6px;font-family:Courier New,monospace;font-size:10px;gap:4px;max-width:120px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.theme-dark .document-hash{background:rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.1)}.document-actions{gap:8px}.document-action-btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:8px;color:#0f172a;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;transition:var(--transition);white-space:nowrap}.document-action-btn:focus{outline:2px solid var(--g-500);outline-offset:2px}.document-action-btn:hover{background:#edf2f7;background:var(--bg);border-color:var(--g-300);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.document-action-btn.approve{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:var(--g-300);color:var(--g-700)}.theme-dark .document-action-btn.approve{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.1));border-color:var(--success);color:var(--success)}.document-action-btn.approve:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:var(--g-400)}.document-action-btn.reject{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#fca5a5;color:#7f1d1d}.theme-dark .document-action-btn.reject{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.1));border-color:var(--danger);color:var(--danger)}.document-action-btn.reject:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);border-color:#f87171}.message.has-document{max-width:100%}.message-bubble.with-document{max-width:360px;padding:12px}.document-card{animation:cardSlideIn .3s ease-out;background:#fff;background:var(--surface);border:1px solid var(--line);overflow:hidden}.blockchain-indicator{align-items:center;border-radius:50%;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px;z-index:2}.blockchain-indicator.on-chain{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px rgba(16,185,129,.3);color:#fff}.blockchain-indicator.off-chain{background:var(--surface-subtle);border:1px solid #e6ebf2;border:1px solid var(--line);color:var(--text-muted)}.document-card.has-blockchain{border-color:rgba(16,185,129,.3)}.document-card.no-blockchain{opacity:.85}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.document-card.shared{border-left:3px solid var(--g-500)}.document-card.pending{border-left:3px solid #f59e0b}.document-card.approved{border-left:3px solid var(--success)}.document-card.rejected{border-left:3px solid var(--danger)}.document-card-header{align-items:flex-start;background:linear-gradient(135deg,rgba(16,185,129,.05),transparent);padding:12px}.document-card.pending .document-card-header{background:linear-gradient(135deg,rgba(245,158,11,.08),transparent)}.document-card.approved .document-card-header{background:linear-gradient(135deg,rgba(34,197,94,.08),transparent)}.document-card.rejected .document-card-header{background:linear-gradient(135deg,rgba(239,68,68,.08),transparent)}.document-card-icon{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;box-shadow:0 2px 8px rgba(239,68,68,.25);color:#fff;display:flex;flex-shrink:0;font-size:22px;height:44px;justify-content:center;width:44px}.document-card-name{color:#0f172a;color:var(--text);font-size:14px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-card-status{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:3px 8px}.document-card-status.shared{background:rgba(16,185,129,.12);color:var(--g-600)}.document-card-status.pending{background:rgba(245,158,11,.12);color:#b45309}.document-card-status.approved{background:rgba(34,197,94,.12);color:#16a34a}.document-card-status.rejected{background:rgba(239,68,68,.12);color:#dc2626}.theme-dark .document-card-status.shared{color:var(--g-400)}.theme-dark .document-card-status.pending{color:#fbbf24}.theme-dark .document-card-status.approved{color:#4ade80}.theme-dark .document-card-status.rejected{color:#f87171}.document-card-purpose{align-items:flex-start;background:rgba(var(--g-500-rgb),.08);border-left:3px solid var(--g-500);border-radius:0 8px 8px 0;color:#0f172a;color:var(--text);display:flex;font-size:12px;gap:8px;line-height:1.4;margin:0 12px;padding:10px 12px}.document-card-purpose i{color:var(--g-500);flex-shrink:0;font-size:14px;margin-top:1px}.document-card-purpose span{word-break:break-word}.document-card-meta{background:var(--background);border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);color:#64748b;color:var(--muted);padding:8px 12px}.document-card-hash{align-items:center;display:flex;gap:4px}.document-card-hash i{color:var(--g-500)}.document-card-size{font-weight:500}.document-card.blockchain-verified{border:1px solid var(--g-500)}.document-card.blockchain-verified .document-card-header{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.05))}.blockchain-badge{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-600));border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.blockchain-badge:hover{box-shadow:0 4px 12px rgba(16,185,129,.4);transform:scale(1.1)}.permission-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:10px;font-weight:600;gap:4px;margin-left:8px;padding:2px 8px}.permission-badge.read{background:rgba(59,130,246,.15);color:#3b82f6}.permission-badge.write{background:rgba(245,158,11,.15);color:#f59e0b}.document-card-blockchain{align-items:center;background:rgba(16,185,129,.08);border-top:1px solid rgba(16,185,129,.15);display:flex;font-size:11px;justify-content:space-between;padding:8px 12px}.blockchain-tx{align-items:center;color:var(--g-500);cursor:pointer;display:flex;gap:6px;transition:color .2s ease}.blockchain-tx:hover{color:var(--g-400);text-decoration:underline}.blockchain-tx i{font-size:12px}.blockchain-block{color:var(--sub);font-weight:500}.document-card-actions{display:flex;gap:8px;padding:10px 12px}.doc-action-btn{flex:1 1;font-family:inherit;font-size:12px;justify-content:center;padding:8px 12px;transition:all .2s ease}.doc-action-btn.view{background:var(--hover);color:#0f172a;color:var(--text)}.doc-action-btn.view:hover{background:#e6ebf2;background:var(--line)}.doc-action-btn.download{background:linear-gradient(135deg,var(--g-600),var(--g-500));color:#1a1a1a}.doc-action-btn.download:hover{background:linear-gradient(135deg,var(--g-500),var(--g-400));transform:translateY(-1px)}.doc-action-btn.track{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#1a1a1a}.doc-action-btn.track:hover{background:linear-gradient(135deg,#fbbf24,#fcd34d);transform:translateY(-1px)}.document-card-approval-actions{display:flex;gap:8px;padding:0 12px 12px}.approval-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.approval-action-btn.approve{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px rgba(34,197,94,.3);color:#fff}.approval-action-btn.approve:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px rgba(34,197,94,.4);transform:translateY(-1px)}.approval-action-btn.reject{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px rgba(239,68,68,.3);color:#fff}.approval-action-btn.reject:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px rgba(239,68,68,.4);transform:translateY(-1px)}.document-selection-modal,.document-share-modal{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(15,23,42,.5);box-sizing:border-box;height:100%;left:0;opacity:1;padding:20px;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:1000}.theme-dark .document-selection-modal,.theme-dark .document-share-modal{background:rgba(0,0,0,.7)}@supports not ((-webkit-backdrop-filter:blur(4px)) or (backdrop-filter:blur(4px))){.document-selection-modal,.document-share-modal{background:rgba(15,23,42,.8)}.theme-dark .document-selection-modal,.theme-dark .document-share-modal{background:rgba(0,0,0,.9)}}.document-selection-content,.modal-content{background:#fff;background:var(--surface);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);max-height:80vh;max-width:500px;overflow-y:auto;padding:28px;position:relative;transform:scale(1) translateY(0);transition:all .3s ease;width:100%}.document-selection-content{max-width:800px}.modal-header{border-bottom:1px solid var(--line);gap:16px;margin-bottom:24px;padding-bottom:16px}.modal-title{color:#0f172a;color:var(--text);flex:1 1;letter-spacing:.2px;min-width:0}.close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;color:var(--icon);cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:24px;height:32px;justify-content:center;transition:var(--transition);width:32px}.close-btn:focus{outline:2px solid var(--g-500);outline-offset:2px}.close-btn:hover{background:#edf2f7;background:var(--bg);color:#0f172a;color:var(--text)}.share-options{display:flex;gap:12px;margin-bottom:24px}.share-option{background:#edf2f7;background:var(--bg);border:2px solid #e6ebf2;border:2px solid var(--line);border-radius:12px;cursor:pointer;flex:1 1;padding:16px;text-align:center;transition:var(--transition)}.share-option:focus{outline:2px solid var(--g-500);outline-offset:2px}.share-option.selected{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:var(--g-500)}.theme-dark .share-option.selected{background:linear-gradient(135deg,rgba(24,163,111,.15),rgba(24,163,111,.1))}.share-option h4{color:#0f172a;color:var(--text);font-size:14px;font-weight:600;margin-bottom:6px}.share-option p{color:#64748b;color:var(--muted);font-size:12px;line-height:1.4}.member-selection{margin-bottom:24px}.member-selection h4{color:#0f172a;color:var(--text);font-size:16px;font-weight:600;margin-bottom:12px}.member-list{background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;max-height:200px;overflow-y:auto;padding:8px}.member-list::-webkit-scrollbar{width:6px}.member-list::-webkit-scrollbar-track{background:transparent}.member-list::-webkit-scrollbar-thumb{background:var(--g-300);border-radius:3px}.member-list::-webkit-scrollbar-thumb:hover{background:var(--g-400)}.member-item{border-radius:8px;cursor:pointer;padding:12px;transition:var(--transition)}.member-item:hover{background:#fff;background:var(--surface)}.member-item:focus-within{background:#fff;background:var(--surface);outline:2px solid var(--g-500);outline-offset:-2px}.member-item input[type=checkbox]{accent-color:var(--g-500);cursor:pointer;height:16px;width:16px}.member-item label{cursor:pointer;flex:1 1;min-width:0}.member-item strong{color:#0f172a;color:var(--text);font-weight:600}.member-item small,.member-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-item small{color:#64748b;color:var(--muted);font-size:12px}.description-input{background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;color:#0f172a;color:var(--text);font-family:inherit;font-size:14px;line-height:1.5;max-height:200px;min-height:80px;padding:12px 16px;resize:vertical;transition:var(--transition);width:100%}.description-input::placeholder{color:#64748b;color:var(--muted)}.description-input:focus{background:#fff;background:var(--surface);border-color:var(--g-500);box-shadow:0 0 0 3px rgba(24,163,111,.1);outline:none}.modal-actions{flex-wrap:wrap;margin-top:24px;padding-top:16px}.btn-primary,.btn-secondary{font-family:inherit;font-weight:500;min-width:80px;transition:var(--transition);white-space:nowrap}.btn-secondary{background:#fff;background:var(--surface)}.btn-secondary:focus{outline:2px solid var(--g-500);outline-offset:2px}.btn-secondary:hover{background:#edf2f7;background:var(--bg);border-color:var(--g-300);transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--g-700),var(--g-500));box-shadow:var(--shadow-soft)}.btn-primary:focus{outline:2px solid var(--g-300);outline-offset:2px}.btn-primary:hover{background:linear-gradient(135deg,var(--g-800),var(--g-600));box-shadow:var(--shadow)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.message-input-container{background:#fff;background:var(--surface);border-top:1px solid #e6ebf2;border-top:1px solid var(--line);box-sizing:border-box;flex-shrink:0;max-width:100%;padding:20px;width:100%}.message-input{gap:12px;margin-bottom:12px}.attachment-btn,.message-input{align-items:center;display:flex}.attachment-btn{background:none;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;color:#94a3b8;color:var(--icon);cursor:pointer;flex-shrink:0;font-family:inherit;height:40px;justify-content:center;position:relative;transition:var(--transition);width:40px}.attachment-btn:focus{outline:2px solid var(--g-500);outline-offset:2px}.attachment-btn:hover{background:#edf2f7;background:var(--bg);border-color:var(--g-300);color:var(--g-600)}.attachment-menu{background:#fff;background:var(--surface);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;bottom:100%;box-shadow:var(--shadow);left:0;margin-bottom:8px;min-width:180px;overflow:hidden;position:absolute}.attachment-option{align-items:center;background:none;border:none;color:#0f172a;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:10px;padding:12px 16px;text-align:left;transition:var(--transition);width:100%}.attachment-option:focus{outline:2px solid var(--g-500);outline-offset:-2px}.attachment-option:hover{background:#edf2f7;background:var(--bg);color:var(--g-600)}.message-input input{background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;color:#0f172a;color:var(--text);flex:1 1;font-family:inherit;font-size:14px;min-width:0;outline:none;padding:12px 16px;transition:var(--transition)}.message-input input::placeholder{color:#64748b;color:var(--muted)}.message-input input:focus{background:#fff;background:var(--surface);border-color:var(--g-500);box-shadow:0 0 0 3px rgba(24,163,111,.1)}.send-btn{align-items:center;background:linear-gradient(135deg,var(--g-700),var(--g-500));border:none;border-radius:12px;box-shadow:var(--shadow-soft);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;height:40px;justify-content:center;transition:var(--transition);width:40px}.send-btn:focus{outline:2px solid var(--g-300);outline-offset:2px}.send-btn:hover{background:linear-gradient(135deg,var(--g-800),var(--g-600));box-shadow:var(--shadow);transform:translateY(-1px)}.send-btn:disabled{transform:none}.security-notice{align-items:center;color:#64748b;color:var(--muted);display:flex;font-size:12px;gap:6px;justify-content:center}.empty-state{background:#edf2f7;background:var(--bg);flex:1 1;height:100%;width:100%}.empty-state-content h3{color:#0f172a;color:var(--text);font-size:20px;font-weight:600;letter-spacing:.2px;margin:16px 0 8px}.empty-state-content p{color:#64748b;color:var(--muted);font-size:14px;line-height:1.5;margin:0 auto;max-width:300px}.empty-state-icon{color:#94a3b8;color:var(--icon);height:64px;margin:0 auto;width:64px}.doc-search-filter-bar{border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;padding-bottom:12px}.doc-search-input-wrapper{align-items:center;display:flex;flex:1 1;min-width:200px;position:relative}.doc-search-input-wrapper i{color:#94a3b8;color:var(--icon);font-size:16px;left:12px;position:absolute}.doc-search-input{background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:10px;color:#0f172a;color:var(--text);font-size:14px;padding:10px 36px 10px 38px;transition:var(--transition);width:100%}.doc-search-input:focus{border-color:var(--g-500);box-shadow:0 0 0 3px rgba(24,163,111,.1);outline:none}.doc-search-input::placeholder{color:#64748b;color:var(--muted)}.doc-search-clear{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--icon);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px;transition:var(--transition)}.doc-search-clear:hover{background:#e6ebf2;background:var(--line);color:#0f172a;color:var(--text)}.doc-filter-controls{display:flex;flex-wrap:wrap;gap:8px}.doc-filter-select{background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:10px;color:#0f172a;color:var(--text);cursor:pointer;font-size:13px;min-width:120px;padding:10px 12px;transition:var(--transition)}.doc-filter-select:focus{border-color:var(--g-500);outline:none}.doc-sort-order-btn{align-items:center;background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:10px;color:#94a3b8;color:var(--icon);cursor:pointer;display:flex;height:40px;justify-content:center;transition:var(--transition);width:40px}.doc-sort-order-btn:hover{background:#fff;background:var(--surface);border-color:var(--g-400);color:var(--g-500)}.doc-count-info{color:#64748b;color:var(--muted);font-size:12px;margin-bottom:8px}.no-documents-found{color:#64748b;color:var(--muted);grid-column:1/-1;padding:40px 20px;text-align:center}.no-documents-found i{font-size:48px;margin-bottom:12px;opacity:.5}.no-documents-found p{font-size:14px}.document-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:12px;max-height:400px;overflow-y:auto;padding-right:4px}.document-grid::-webkit-scrollbar{width:6px}.document-grid::-webkit-scrollbar-track{background:transparent}.document-grid::-webkit-scrollbar-thumb{background:var(--g-300);border-radius:3px}.document-grid::-webkit-scrollbar-thumb:hover{background:var(--g-400)}.document-card{background:#edf2f7;background:var(--bg);border:2px solid #e6ebf2;border:2px solid var(--line);cursor:pointer;padding:16px;position:relative;transition:var(--transition)}.document-card:focus{outline:2px solid var(--g-500);outline-offset:2px}.document-card:hover{background:#fff;background:var(--surface);border-color:var(--g-300);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.document-card.selected{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:var(--g-500)}.document-selected-check{align-items:center;background:var(--g-500);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.theme-dark .document-card.selected{background:linear-gradient(135deg,rgba(24,163,111,.15),rgba(24,163,111,.1))}.document-card-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.document-icon{align-items:center;background:linear-gradient(135deg,var(--g-600),var(--g-500));border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.document-card-info{flex:1 1;min-width:0}.document-card-info h4{color:#0f172a;color:var(--text);font-size:14px;font-weight:600;margin-bottom:4px}.document-card-info h4,.document-card-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-card-info p{color:#64748b;color:var(--muted);font-size:12px}.document-card-meta{align-items:center;border-top:1px solid #e6ebf2;border-top:1px solid var(--line);color:#94a3b8;color:var(--icon);display:flex;font-size:11px;gap:8px;justify-content:space-between;margin-top:8px;padding-top:8px}.document-card-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-card-meta span:last-child{font-family:Courier New,monospace;max-width:100px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.icon{flex-shrink:0;height:16px;width:16px}.icon-sm{flex-shrink:0;height:12px;width:12px}.icon-lg{flex-shrink:0;height:20px;width:20px}.status-approved{color:var(--success)}.status-pending{color:var(--warning)}.status-rejected{color:var(--danger)}.loading:after{animation:spin 1s linear infinite;border:2px solid var(--g-300);margin:-10px 0 0 -10px}.error{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:var(--danger);color:var(--danger)}.theme-dark .error{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.1))}.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:var(--success);color:var(--success)}.theme-dark .success{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.1))}@media (max-width:1024px){.chat-header,.message-input-container,.messages-container{padding:16px}}@media (max-width:768px){.document-grid{grid-template-columns:1fr}.document-selection-content,.modal-content{margin:10px;max-height:90vh;padding:20px;width:95%}.modal-actions{flex-direction:column-reverse}.share-options{flex-direction:column}}@media (max-width:480px){.document-selection-content,.modal-content{border-radius:16px;margin:8px;padding:16px}}@media (max-width:360px){.document-name{font-size:13px}}@media (prefers-contrast:high){:root{--line:#000;--shadow:0 2px 4px rgba(0,0,0,.5);--shadow-soft:0 1px 2px rgba(0,0,0,.3)}.theme-dark{--line:#fff;--text:#fff;--bg:#000;--surface:#1a1a1a}.conversation-item.active{background:var(--g-200);color:var(--g-900)}.theme-dark .conversation-item.active{background:var(--g-800);color:var(--g-100)}}@media print{.chat-header,.document-selection-modal,.document-share-modal,.message-input-container,.sidebar{display:none!important}.chat-area{width:100%!important}.messages-container{box-shadow:none!important;height:auto!important;overflow:visible!important}.document-attachment,.message-bubble{border:1px solid #ccc!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}}.focus-trap{height:1px;left:0;opacity:0;pointer-events:none;position:fixed;top:0;width:1px}.chat-container{isolation:isolate}.chat-sidebar{z-index:1}.chat-area{z-index:0}.attachment-menu{z-index:100}.document-selection-modal{z-index:999}.document-share-modal{z-index:1000}.conversations-list,.document-selection-content,.member-list,.messages-container,.modal-content{scroll-behavior:smooth}body{font-display:swap}.conversation-item,.document-card,.message{contain:layout style paint}.messages-container{contain:layout style}.member-tag,.unread-badge{align-items:center;display:flex;justify-content:center;min-height:20px}.chat-container *{box-sizing:border-box}.sidebar{flex-basis:auto;min-height:0}.conversations-list,.messages-container{flex:1 1;max-width:100%!important;min-height:0;overflow-x:hidden!important}.document-selection-modal,.document-share-modal{align-items:center;display:flex;justify-content:center}.chat-info,.conversation-details,.document-card-info,.user-details{flex:1 1;min-width:0}.approval-request-info,.message-content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}button:disabled{cursor:not-allowed;opacity:.6}input:invalid{border-color:var(--danger)}input:invalid:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.document-selection-modal *,.document-share-modal *{color:inherit}.hidden{display:none!important;visibility:hidden!important}.document-selection-content::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width:8px}.document-selection-content::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track{background:#e9eff6;background:var(--bg-2)}.document-selection-content::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background:var(--g-300);border-radius:4px}.document-selection-content::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover{background:var(--g-400)}.avatar-circle,.avatar-circle-large,.avatar-circle-sm{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-600));border:2px solid #fff;border:2px solid var(--surface);color:#fff;display:flex;font-weight:700;justify-content:center;position:relative}.avatar-circle{border-radius:50%;font-size:16px;height:40px;width:40px}.avatar-circle-sm{border-radius:50%;flex-shrink:0;font-size:18px;height:48px;width:48px}.avatar-circle-sm.group{background:linear-gradient(135deg,var(--primary-400),var(--primary-600))}.avatar-circle-large{border-radius:50%;border-width:4px;font-size:42px;height:100px;width:100px}.online-indicator-chat,.online-indicator-large,.online-indicator-sm{background:#22c55e;border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;position:absolute}.online-indicator-sm{bottom:2px;height:14px;right:2px;width:14px}.online-indicator-chat{bottom:0;height:12px;right:0;width:12px}.online-indicator-large{border-width:3px;bottom:5px;height:24px;right:5px;width:24px}.conversation-item.pinned{background:#edf2f7;background:var(--bg);border-left:3px solid var(--g-500)}.conversation-name-row{align-items:center;display:flex;flex:1 1;gap:6px}.pin-icon{color:var(--g-600);flex-shrink:0;font-size:14px}.muted-icon{color:#64748b;color:var(--muted);font-size:14px;margin-right:4px}.typing-text{color:var(--g-600);font-style:italic;font-weight:500}.chat-status{color:#64748b;color:var(--muted);font-size:14px;margin:0}.online-status{color:#22c55e;font-weight:500}.last-seen{color:#64748b;color:var(--muted)}.typing-indicator-text{align-items:center;color:var(--g-600);display:flex;font-weight:500;gap:6px}.typing-indicator{align-items:flex-start;display:flex;margin-bottom:12px;padding-left:8px}.typing-bubble{align-items:center;background:#e9eff6;background:var(--bg-2);border-radius:18px;display:inline-flex;gap:8px;padding:12px 16px}.typing-name{color:var(--g-600);font-size:13px;font-weight:500}.typing-text{color:var(--g-500);font-size:13px}.typing-dots{align-items:center;display:flex;gap:4px}.typing-dots span{animation:typing-bounce 1.4s ease-in-out infinite;background:var(--g-500);border-radius:50%;height:8px;width:8px}.typing-dots span:first-child{animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.message-footer{align-items:center;display:flex;gap:6px;justify-content:flex-end;margin-top:4px}.message-status{align-items:center;display:flex;font-size:14px;gap:1px}.message-status.status-delivered,.message-status.status-sent{color:#0f172a}.message-status.status-read{color:#2563eb}.message-status i{font-size:16px}.message-status .tick-1,.message-status .tick-2{margin-left:-6px}.message-status .read-tick{color:#2563eb;font-weight:600}.profile-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.profile-modal-content{animation:slideUp .3s ease;background:#fff;background:var(--surface);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:90vh;max-width:480px;overflow-y:auto;position:relative;width:90%}.profile-modal-close{align-items:center;background:#e9eff6;background:var(--bg-2);border:none;border-radius:50%;color:#0f172a;color:var(--text);cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:36px;z-index:1}.profile-modal-close:hover{background:var(--bg-3);transform:rotate(90deg)}.profile-modal-header{background:linear-gradient(135deg,var(--g-50),#edf2f7);background:linear-gradient(135deg,var(--g-50),var(--bg));border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);padding:40px 20px 20px;text-align:center}.profile-avatar-large{display:inline-block;margin-bottom:16px;position:relative}.profile-modal-header h2{color:#0f172a;color:var(--text);font-size:24px;margin:0 0 8px}.profile-role{color:#64748b;color:var(--muted);font-size:15px;margin:0 0 4px}.profile-last-seen{color:#64748b;color:var(--muted);font-size:13px;margin:0}.profile-modal-body{padding:24px}.profile-section{margin-bottom:24px}.profile-section:last-child{margin-bottom:0}.profile-section h3{color:#0f172a;margin:0 0 16px}.profile-section h3 i{font-size:18px}.profile-info-item{align-items:flex-start;background:#edf2f7;background:var(--bg);border-radius:12px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.profile-info-item:last-child{margin-bottom:0}.profile-info-item>i{color:var(--g-600);flex-shrink:0;font-size:20px;margin-top:2px}.profile-info-item>div{display:flex;flex:1 1;flex-direction:column;gap:2px}.info-label{color:#64748b;color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#0f172a;color:var(--text);font-size:15px;font-weight:500}.profile-actions{display:flex;flex-direction:column;gap:8px}.profile-action-btn{align-items:center;background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;color:#0f172a;color:var(--text);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:14px 16px;text-align:left;transition:all .2s;width:100%}.profile-action-btn:hover{background:#e9eff6;background:var(--bg-2);border-color:var(--g-300);transform:translateX(4px)}.profile-action-btn i{color:var(--g-600);font-size:20px}.profile-action-btn.danger{background:#fef2f2;border-color:#fecaca;color:#dc2626}.profile-action-btn.danger:hover{background:#fee2e2;border-color:#fca5a5}.profile-action-btn.danger i{color:#dc2626}.profile-action-btn.warning{background:#fff7ed;border-color:#fed7aa;color:#ea580c}.profile-action-btn.warning:hover{background:#ffedd5;border-color:#fdba74}.profile-action-btn.warning i{color:#ea580c}.blockchain-verification{background:linear-gradient(135deg,var(--g-50),var(--g-100));border:1px solid var(--g-200);gap:12px;padding:16px}.blockchain-verification>i{color:var(--g-600);font-size:32px}.blockchain-verification h4{color:#0f172a;color:var(--text);font-size:15px;margin:0 0 4px}.blockchain-verification p{color:#64748b;color:var(--muted);font-size:13px;margin:0}.context-menu{animation:slideDown .2s ease;background:#fff;background:var(--surface);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);min-width:220px;overflow:hidden;z-index:9999}.context-menu-item{align-items:center;color:#0f172a;color:var(--text);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;transition:all .2s}.context-menu-item:hover{background:#edf2f7;background:var(--bg)}.context-menu-item i{color:var(--g-600);font-size:18px;width:20px}.context-menu-divider{background:#e6ebf2;background:var(--line);height:1px;margin:4px 0}@media (max-width:768px){.profile-modal-content{border-radius:16px;max-height:95vh;width:95%}.profile-modal-header{padding:32px 16px 16px}.profile-modal-body{padding:16px}.avatar-circle-large{font-size:32px;height:80px;width:80px}.profile-modal-header h2{font-size:20px}.context-menu{min-width:200px}.profile-action-btn{font-size:14px;padding:12px 14px}}.loading-state{background-color:#fff;gap:16px;height:100%;min-height:200px;opacity:1;visibility:visible}.loading-state i{color:#18a36f;color:var(--g-500,#18a36f);font-size:32px}.new-chat-btn{align-items:center;background:var(--g-500);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.new-chat-btn:hover{background:var(--g-600);transform:scale(1.05)}.new-chat-btn i{font-size:18px}.user-info{background:#edf2f7;background:var(--bg);border-radius:12px;justify-content:space-between;margin:12px;padding:16px}.create-group-modal,.user-search-modal{align-items:center;animation:fadeIn .2s ease;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.create-group-content,.user-search-content{animation:slideUp .3s ease;background:#fff;background:var(--surface);border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}.user-search-input-container{align-items:center;background:#edf2f7;background:var(--bg);border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);display:flex;gap:12px;padding:16px}.user-search-input-container i{color:#64748b;color:var(--muted);font-size:20px}.user-search-input-container input{background:none;border:none;color:#0f172a;color:var(--text);flex:1 1;font-size:16px;outline:none}.user-search-input-container input::placeholder{color:#64748b;color:var(--muted)}.user-search-results{flex:1 1;overflow-y:auto;padding:8px}.no-results,.search-hint,.search-loading{align-items:center;color:#64748b;color:var(--muted);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px}.no-results i,.search-hint i,.search-loading i{color:#94a3b8;color:var(--icon);font-size:32px}.user-search-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.user-search-item:hover{background:#edf2f7;background:var(--bg)}.user-avatar-search{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-600));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:48px;justify-content:center;position:relative;width:48px}.user-info-search{flex:1 1;min-width:0}.user-info-search h4{color:#0f172a;color:var(--text);font-size:15px;font-weight:600;margin-bottom:2px}.user-info-search p{color:#64748b;color:var(--muted);font-size:13px}.user-info-search .user-email{color:#64748b;color:var(--muted);font-size:12px;opacity:.8}.connect-btn{align-items:center;background:var(--g-500);border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.connect-btn:hover{background:var(--g-600)}.group-form{display:flex;flex-direction:column;gap:20px;padding:16px}.form-group label{color:#0f172a;color:var(--text);font-size:14px}.form-group input{background:#fff;background:var(--surface);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:10px;color:#0f172a;color:var(--text);font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s}.form-group input:focus{border-color:var(--g-500)}.member-search-input{align-items:center;background:#edf2f7;background:var(--bg);border-radius:10px;display:flex;gap:10px;padding:10px 14px}.member-search-input i{color:#64748b;color:var(--muted)}.member-search-input input{background:none;border:none;color:#0f172a;color:var(--text);flex:1 1;font-size:14px;outline:none}.selected-members{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.member-chip{align-items:center;background:var(--g-200);border-radius:20px;color:var(--g-800);display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px 6px 12px}.member-chip button{align-items:center;background:var(--g-500);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:18px;justify-content:center;width:18px}.member-search-results{margin-top:12px;max-height:200px}.member-search-item{border-radius:10px;padding:10px 12px;transition:all .2s}.member-search-item:hover{background:#edf2f7;background:var(--bg)}.member-search-item i{color:var(--g-500);font-size:20px;margin-left:auto}.modal-actions{border-top:1px solid #e6ebf2;border-top:1px solid var(--line);display:flex;gap:12px;justify-content:flex-end;padding:16px}.btn-primary,.btn-secondary{padding:10px 20px;transition:all .2s}.btn-secondary{background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);color:#0f172a;color:var(--text)}.btn-secondary:hover{background:#e6ebf2;background:var(--line)}.btn-primary{background:var(--g-500);border:none}.btn-primary:hover{background:var(--g-600)}.empty-conversations{align-items:center;color:#64748b;color:var(--muted);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-conversations i{color:var(--g-300);font-size:48px;margin-bottom:16px}.empty-conversations p{color:var(--g-600);font-size:16px;font-weight:500;margin-bottom:8px}.empty-conversations span{color:var(--g-400);font-size:13px}.circulars-sidebar-list{display:flex;flex-direction:column;overflow:visible;padding:0}.circulars-sidebar-header{align-items:center;border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:16px 20px}.sidebar-section-title{color:#64748b;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.circulars-count{background:var(--g-500);border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.empty-circulars-sidebar{align-items:center;color:#64748b;color:var(--muted);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-circulars-sidebar i{font-size:32px;margin-bottom:10px;opacity:.5}.empty-circulars-sidebar p{font-size:13px;margin:0}.circular-list-item{align-items:center;border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);cursor:pointer;display:flex;gap:14px;padding:14px 20px;transition:var(--transition)}.circular-list-item:hover{background:#edf2f7;background:var(--bg)}.circular-list-item.active{background:rgba(24,163,111,.08);border-left:3px solid var(--g-500)}.circular-item-icon{align-items:center;background:linear-gradient(135deg,rgba(24,163,111,.15),rgba(24,163,111,.1));border-radius:12px;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.circular-item-icon i{color:var(--g-500);font-size:20px}.circular-item-info{flex:1 1;min-width:0}.circular-item-name{color:#0f172a;color:var(--text);display:block;font-size:14px;font-weight:600;margin-bottom:2px}.circular-item-posts{color:#64748b;color:var(--muted);font-size:12px}.circular-options-wrapper{margin-left:auto;position:relative}.circular-options-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:#64748b;color:var(--muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:var(--transition);width:32px}.circular-options-btn:hover{background:#edf2f7;background:var(--bg);color:#0f172a;color:var(--text)}.circular-options-menu{animation:menuSlideDown .15s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.15),0 4px 12px rgba(0,0,0,.1);min-width:170px;overflow:visible;position:fixed;z-index:99999}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.circular-options-menu button{align-items:center;background:#fff;border:none;color:#1f2937;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:12px 16px;text-align:left;transition:all .15s ease;width:100%}.circular-options-menu button:hover{background:#f3f4f6}.circular-options-menu button i{color:#64748b;color:var(--muted);font-size:16px}.circular-options-menu button.danger{color:#ef4444}.circular-options-menu button.danger:hover{background:rgba(239,68,68,.1)}.circular-options-menu button.danger i{color:#ef4444}.circular-edit-inline{align-items:center;display:flex;flex:1 1;gap:8px}.circular-edit-input{background:#edf2f7;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);flex:1 1;font-size:14px;min-width:0;padding:8px 12px}.circular-edit-input:focus{border-color:var(--accent);outline:none}.circular-edit-btns{display:flex;gap:4px}.circular-edit-btns button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;transition:var(--transition);width:28px}.circular-edit-btns .save-btn{background:var(--g-500);color:#fff}.circular-edit-btns .save-btn:hover{background:var(--g-600)}.circular-edit-btns .cancel-btn{background:#edf2f7;background:var(--bg);color:#64748b;color:var(--muted)}.circular-edit-btns .cancel-btn:hover{background:var(--border);color:#0f172a;color:var(--text)}.view-all-feed-hint{align-items:center;background:#edf2f7;background:var(--bg);border-top:1px solid #e6ebf2;border-top:1px solid var(--line);color:#64748b;color:var(--muted);display:flex;font-size:12px;gap:8px;justify-content:center;padding:16px 20px}.view-all-feed-hint i{color:var(--g-500);font-size:14px}.circulars-feed{background:#edf2f7;background:var(--bg);display:flex;flex-direction:column;gap:0;min-height:100%;padding:0}.circulars-feed-header{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.feed-title{align-items:center;color:#0f172a;color:var(--text);display:flex;font-size:16px;font-weight:600;gap:10px}.feed-title i{color:var(--g-500);font-size:20px}.feed-role-badge{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.feed-role-badge.admin{background:linear-gradient(135deg,rgba(24,163,111,.15),rgba(24,163,111,.1));border:1px solid rgba(24,163,111,.3);color:var(--g-500)}.feed-role-badge.student{background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);color:#64748b;color:var(--muted)}.circular-composer{background:#fff;background:var(--surface);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);margin:16px;overflow:hidden}.composer-user{align-items:center;display:flex;gap:12px;padding:16px 16px 0}.composer-avatar{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-600));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:42px;justify-content:center;width:42px}.composer-user-info{display:flex;flex-direction:column}.composer-name{color:#0f172a;color:var(--text);font-size:14px;font-weight:600}.composer-role{color:var(--g-500);font-size:12px;text-transform:capitalize}.composer-body{padding:16px}.composer-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.composer-label{color:#64748b;color:var(--muted);font-size:13px;font-weight:500}.circular-select{background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:8px;color:#0f172a;color:var(--text);cursor:pointer;flex:1 1;font-size:13px;padding:8px 12px}.circular-select:focus{border-color:var(--g-500);outline:none}.composer-input{background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;color:#0f172a;color:var(--text);font-family:inherit;font-size:14px;line-height:1.5;padding:12px;resize:none;transition:var(--transition);width:100%}.composer-input:focus{background:#fff;background:var(--surface);border-color:var(--g-500);outline:none}.composer-input::placeholder{color:#64748b;color:var(--muted)}.composer-actions{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.composer-tools{display:flex;gap:4px}.composer-tool-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:#64748b;color:var(--muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:var(--transition);width:36px}.composer-tool-btn:hover{background:#edf2f7;background:var(--bg);color:var(--g-500)}.composer-tool-btn i{font-size:18px}.composer-btn{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-600));border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:var(--transition)}.composer-btn:hover:not(:disabled){box-shadow:0 4px 16px rgba(24,163,111,.35);transform:translateY(-1px)}.composer-btn:disabled{cursor:not-allowed;opacity:.5}.empty-feed{flex-direction:column;padding:60px 30px;text-align:center}.empty-feed,.empty-feed-icon{align-items:center;display:flex;justify-content:center}.empty-feed-icon{background:linear-gradient(135deg,rgba(24,163,111,.1),rgba(24,163,111,.05));border-radius:50%;height:80px;margin-bottom:20px;width:80px}.empty-feed-icon i{color:var(--g-500);font-size:36px}.empty-feed h3{color:#0f172a;color:var(--text);font-size:18px;font-weight:600;margin:0 0 8px}.empty-feed p{color:#64748b;color:var(--muted);font-size:14px;margin:0 0 16px;max-width:280px}.empty-feed-hint{align-items:center;background:rgba(24,163,111,.08);border-radius:8px;color:var(--g-500);display:flex;font-size:13px;gap:8px;padding:10px 16px}.feed-items-container{display:flex;flex-direction:column;gap:16px;padding:16px}.feed-card{animation:fadeSlideIn .3s ease forwards;background:#fff;background:var(--surface);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);overflow:hidden;transition:var(--transition)}.feed-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08)}.feed-card-header{align-items:flex-start;display:flex;gap:12px;padding:16px 16px 12px}.feed-avatar{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-600));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:44px;justify-content:center;width:44px}.feed-meta{flex:1 1;min-width:0}.feed-sender{align-items:center;color:#0f172a;color:var(--text);display:flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:4px}.sender-badge{border-radius:10px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.sender-badge.admin{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.sender-badge.faculty{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.sender-badge.student{background:#edf2f7;background:var(--bg);color:#64748b;color:var(--muted)}.feed-info{align-items:center;color:#64748b;color:var(--muted);display:flex;flex-wrap:wrap;font-size:12px;gap:6px}.feed-circular-tag{align-items:center;background:var(--g-100);border-radius:12px;color:var(--g-700);display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:3px 10px}.theme-dark .feed-circular-tag{background:rgba(24,163,111,.15);color:var(--g-400)}.feed-circular-tag i{font-size:12px}.feed-separator{color:#e6ebf2;color:var(--line)}.feed-time{align-items:center;color:#64748b;color:var(--muted);display:inline-flex;gap:4px}.feed-time i{font-size:12px}.feed-card-body{padding:0 16px 16px}.feed-content{word-wrap:break-word;color:#0f172a;color:var(--text);font-size:14px;line-height:1.7;white-space:pre-wrap}.feed-document-card{align-items:center;background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;cursor:pointer;display:flex;gap:12px;margin-top:14px;padding:14px;transition:var(--transition)}.feed-document-card:hover{background:#e9eff6;background:var(--bg-2);border-color:var(--g-500)}.feed-doc-icon{align-items:center;background:linear-gradient(135deg,rgba(24,163,111,.15),rgba(24,163,111,.1));border-radius:10px;display:flex;height:42px;justify-content:center;width:42px}.feed-doc-icon i{color:var(--g-500);font-size:20px}.feed-doc-info{flex:1 1;min-width:0}.feed-doc-name{color:#0f172a;color:var(--text);display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-doc-action{color:var(--g-500);font-size:12px}.feed-doc-link{color:#64748b;color:var(--muted);font-size:18px;transition:var(--transition)}.feed-document-card:hover .feed-doc-link{color:var(--g-500)}.feed-card-footer{align-items:center;background:#edf2f7;background:var(--bg);border-top:1px solid #e6ebf2;border-top:1px solid var(--line);display:flex;gap:8px;padding:12px 16px}.feed-action-btn{align-items:center;background:transparent;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:8px;color:#64748b;color:var(--muted);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:var(--transition)}.feed-action-btn:hover{background:#fff;background:var(--surface);border-color:var(--g-500);color:var(--g-500)}.feed-action-btn i{font-size:15px}.circulars-main-feed{background:#edf2f7;background:var(--bg);flex:1 1;flex-direction:column;height:100%;overflow:hidden}.circulars-header,.circulars-main-feed{display:flex;position:relative;width:100%}.circulars-header{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);box-sizing:border-box;flex-shrink:0;justify-content:space-between;min-height:72px;padding:16px 24px;z-index:5}.circulars-header-left{align-items:center;display:flex;gap:12px}.circulars-header-info{align-items:center;display:flex;gap:14px}.circulars-icon{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-600));border-radius:14px;display:flex;height:48px;justify-content:center;width:48px}.circulars-icon i{color:#fff;font-size:24px}.circulars-title h3{color:#0f172a;color:var(--text);font-size:17px;font-weight:600;margin:0 0 2px}.circulars-title p{color:#64748b;color:var(--muted);font-size:13px;margin:0}.circulars-header-right{align-items:center;display:flex;gap:12px}.circulars-role-badge{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px}.circulars-role-badge.admin{background:linear-gradient(135deg,rgba(24,163,111,.15),rgba(24,163,111,.1));border:1px solid rgba(24,163,111,.3);color:var(--g-500)}.circulars-role-badge.student{background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);color:#64748b;color:var(--muted)}.circulars-feed-content{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-x:hidden;overflow-y:auto;padding:20px;width:100%}.circulars-feed-content::-webkit-scrollbar{width:8px}.circulars-feed-content::-webkit-scrollbar-track{background:transparent}.circulars-feed-content::-webkit-scrollbar-thumb{background:var(--g-300);border-radius:4px}.circulars-feed-content::-webkit-scrollbar-thumb:hover{background:var(--g-400)}.circular-composer-card{background:#fff;background:var(--surface);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);max-width:100%;overflow:visible;width:100%}.composer-user-row{align-items:center;background:#edf2f7;background:var(--bg);border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);display:flex;gap:14px;padding:20px 24px 12px}.circular-composer-card .composer-avatar{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.circular-composer-card .composer-user-info{display:flex;flex-direction:column;gap:2px}.circular-composer-card .composer-name{color:#0f172a;color:var(--text);font-size:16px;font-weight:600}.circular-composer-card .composer-role{color:var(--g-500);font-size:13px;font-weight:500;text-transform:capitalize}.circular-composer-card .composer-body{padding:20px 24px 24px}.circular-composer-card .composer-header{align-items:center;display:flex;gap:14px;margin-bottom:16px}.circular-composer-card .composer-label{color:#0f172a;color:var(--text);font-size:14px;font-weight:600;white-space:nowrap}.circular-composer-card .circular-select{-webkit-appearance:none;appearance:none;background:#edf2f7;background:var(--bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:10px;color:#0f172a;color:var(--text);cursor:pointer;flex:1 1;font-size:14px;padding:12px 40px 12px 16px}.circular-composer-card .circular-select:focus{border-color:var(--g-500);outline:none}.circular-composer-card .composer-input{background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;box-sizing:border-box;color:#0f172a;color:var(--text);font-family:inherit;font-size:15px;line-height:1.6;min-height:120px;padding:16px;resize:none;transition:var(--transition);width:100%}.circular-composer-card .composer-input:focus{background:#fff;background:var(--surface);border-color:var(--g-500);box-shadow:0 0 0 3px rgba(24,163,111,.1);outline:none}.circular-composer-card .composer-input::placeholder{color:#64748b;color:var(--muted)}.circular-composer-card .composer-actions{align-items:center;border-top:1px solid #e6ebf2;border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.circular-composer-card .composer-tools{display:flex;gap:8px}.circular-composer-card .composer-tool-btn{align-items:center;background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:10px;color:#64748b;color:var(--muted);cursor:pointer;display:flex;height:42px;justify-content:center;transition:var(--transition);width:42px}.circular-composer-card .composer-tool-btn:hover{background:#fff;background:var(--surface);border-color:var(--g-500);color:var(--g-500)}.circular-composer-card .composer-tool-btn i{font-size:20px}.composer-post-btn{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-600));border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 28px;transition:var(--transition);white-space:nowrap}.composer-post-btn i{font-size:18px}.composer-post-btn:hover:not(:disabled){box-shadow:0 6px 20px rgba(24,163,111,.35);transform:translateY(-2px)}.composer-post-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.no-circular-channels{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.no-circular-channels .no-circular-icon{align-items:center;background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(16,185,129,.05));border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:20px;width:80px}.no-circular-channels .no-circular-icon i{color:var(--g-500);font-size:36px}.no-circular-channels h4{color:var(--foreground);font-size:18px;font-weight:600;margin:0 0 8px}.no-circular-channels p{color:var(--sub);font-size:14px;line-height:1.5;margin:0 0 24px;max-width:280px}.create-circular-btn{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-600));border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.create-circular-btn:hover{box-shadow:0 8px 25px rgba(16,185,129,.35);transform:translateY(-2px)}.create-circular-btn i{font-size:18px}.composer-attachment{align-items:center;background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;display:flex;gap:12px;margin-top:12px;padding:12px 16px}.composer-attachment .attachment-icon{align-items:center;background:linear-gradient(135deg,rgba(24,163,111,.15),rgba(24,163,111,.1));border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.composer-attachment .attachment-icon i{color:var(--g-500);font-size:22px}.composer-attachment .attachment-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.composer-attachment .attachment-name{color:#0f172a;color:var(--text);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-attachment .attachment-size{color:#64748b;color:var(--muted);font-size:12px}.composer-attachment .attachment-remove{align-items:center;background:rgba(239,68,68,.1);border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:var(--transition);width:32px}.composer-attachment .attachment-remove:hover{background:#ef4444;color:#fff}.composer-attachment .attachment-remove i{font-size:18px}.circular-composer-card .composer-tool-btn.active{background:rgba(24,163,111,.1);border-color:var(--g-500);color:var(--g-500)}.empty-circulars-feed{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.empty-circulars-feed .empty-feed-icon{align-items:center;background:linear-gradient(135deg,rgba(24,163,111,.12),rgba(24,163,111,.06));border-radius:50%;display:flex;height:100px;justify-content:center;margin-bottom:24px;width:100px}.empty-circulars-feed .empty-feed-icon i{color:var(--g-500);font-size:44px}.empty-circulars-feed h3{color:#0f172a;color:var(--text);font-size:20px;font-weight:600;margin:0 0 10px}.empty-circulars-feed p{color:#64748b;color:var(--muted);font-size:15px;line-height:1.5;margin:0 0 20px;max-width:320px}.empty-circulars-feed .empty-feed-hint{align-items:center;background:rgba(24,163,111,.1);border-radius:10px;color:var(--g-500);display:inline-flex;font-size:14px;gap:8px;padding:12px 20px}.circulars-feed-items{display:flex;flex-direction:column;gap:20px}.circular-feed-card{background:#fff;background:var(--surface);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.05);max-width:650px;overflow:visible;transition:var(--transition);width:100%}.circular-feed-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.1);transform:translateY(-2px)}.circular-feed-card .feed-card-header{align-items:flex-start;display:flex;gap:14px;padding:20px 20px 14px}.circular-feed-card .feed-avatar{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-600));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.circular-feed-card .feed-meta{flex:1 1;min-width:0}.circular-feed-card .feed-sender{align-items:center;color:#0f172a;color:var(--text);display:flex;font-size:16px;font-weight:600;gap:10px;margin-bottom:6px}.sender-role-badge{border-radius:12px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.sender-role-badge.admin{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.sender-role-badge.faculty{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.sender-role-badge.student{background:#edf2f7;background:var(--bg);color:#64748b;color:var(--muted)}.circular-feed-card .feed-info{align-items:center;color:#64748b;color:var(--muted);display:flex;flex-wrap:wrap;font-size:13px;gap:8px}.circular-feed-card .feed-circular-tag{align-items:center;background:var(--g-100);border-radius:14px;color:var(--g-700);display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:4px 12px}.theme-dark .circular-feed-card .feed-circular-tag{background:rgba(24,163,111,.15);color:var(--g-400)}.feed-dot{color:#e6ebf2;color:var(--line);font-size:8px}.circular-feed-card .feed-time{align-items:center;color:#64748b;color:var(--muted);display:inline-flex;gap:5px}.circular-feed-card .feed-time i{font-size:13px}.circular-feed-card .feed-card-body{padding:0 20px 20px}.circular-feed-card .feed-content{word-wrap:break-word;color:#0f172a;color:var(--text);font-size:15px;line-height:1.7;white-space:pre-wrap}.feed-document-attachment{align-items:center;background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:14px;cursor:pointer;display:flex;gap:14px;margin-top:16px;padding:16px;transition:var(--transition)}.feed-document-attachment:hover{background:#e9eff6;background:var(--bg-2);border-color:var(--g-500)}.feed-document-attachment .feed-doc-icon{align-items:center;background:linear-gradient(135deg,rgba(24,163,111,.15),rgba(24,163,111,.1));border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.feed-document-attachment .feed-doc-icon i{color:var(--g-500);font-size:22px}.feed-document-attachment .feed-doc-info{flex:1 1;min-width:0}.feed-document-attachment .feed-doc-name{color:#0f172a;color:var(--text);display:block;font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-document-attachment .feed-doc-action{color:var(--g-500);font-size:12px}.feed-document-attachment>i{color:#64748b;color:var(--muted);font-size:20px;transition:var(--transition)}.feed-document-attachment:hover>i{color:var(--g-500)}.feed-card-actions{align-items:center;background:#edf2f7;background:var(--bg);border-top:1px solid #e6ebf2;border-top:1px solid var(--line);display:flex;gap:12px;padding:14px 20px}.feed-card-actions .feed-action-btn{align-items:center;background:transparent;border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:10px;color:#64748b;color:var(--muted);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 18px;transition:var(--transition)}.feed-card-actions .feed-action-btn:hover{background:#fff;background:var(--surface);border-color:var(--g-500);color:var(--g-500)}.feed-card-actions .feed-action-btn i{font-size:16px}@media (max-width:768px){.circulars-header{padding:12px 16px}.circulars-icon{border-radius:10px;height:40px;width:40px}.circulars-icon i{font-size:20px}.circulars-title h3{font-size:15px}.circular-feed-card .feed-card-header,.circulars-feed-content{padding:16px}.circular-feed-card .feed-card-body{padding:0 16px 16px}.feed-card-actions{gap:8px;padding:12px 16px}.feed-card-actions .feed-action-btn{font-size:12px;padding:8px 12px}.feed-card-actions .feed-action-btn span{display:none}.back-btn.mobile-only{display:flex}}@media (min-width:769px){.back-btn.mobile-only{display:none}}.circulars-view-toggle{background:#edf2f7;background:var(--bg);border-radius:12px;display:flex;gap:4px;padding:4px}.view-toggle-btn{align-items:center;background:transparent;border:none;border-radius:10px;color:#64748b;color:var(--muted);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:var(--transition)}.view-toggle-btn:hover{background:#fff;background:var(--surface);color:#0f172a;color:var(--text)}.view-toggle-btn.active{background:#fff;background:var(--surface);box-shadow:0 2px 8px rgba(0,0,0,.08);color:var(--g-500)}.view-toggle-btn i{font-size:18px}.circular-create-view{padding:0}.no-circulars-prompt{align-items:center;background:#fff;background:var(--surface);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:60px 40px;text-align:center}.no-circulars-prompt .prompt-icon{align-items:center;background:linear-gradient(135deg,rgba(24,163,111,.15),rgba(24,163,111,.05));border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:20px;width:80px}.no-circulars-prompt .prompt-icon i{color:var(--g-500);font-size:36px}.no-circulars-prompt h4{color:#0f172a;color:var(--text);font-size:18px;font-weight:600;margin:0 0 8px}.no-circulars-prompt p{color:#64748b;color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 24px;max-width:280px}.circular-create-card{background:#fff;background:var(--surface);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.06);overflow:hidden}.create-card-header{align-items:center;background:#edf2f7;background:var(--bg);border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);display:flex;gap:14px;padding:20px}.create-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:52px;justify-content:center;width:52px}.create-user-info{flex:1 1}.create-user-name{color:#0f172a;color:var(--text);display:block;font-size:16px;font-weight:600;margin-bottom:4px}.create-user-meta{align-items:center;display:flex;gap:10px}.create-role-badge{background:linear-gradient(135deg,var(--g-500),var(--g-600));border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:3px 10px;text-transform:uppercase}.create-visibility{align-items:center;color:#64748b;color:var(--muted);display:flex;font-size:12px;gap:4px}.create-visibility i{font-size:14px}.create-card-body{padding:20px}.create-channel-select{align-items:center;background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.create-channel-select label{align-items:center;color:#0f172a;color:var(--text);display:flex;font-size:14px;font-weight:600;gap:6px;white-space:nowrap}.create-channel-select label i{color:var(--g-500);font-size:18px}.create-channel-select select{background:transparent;border:none;color:#0f172a;color:var(--text);cursor:pointer;flex:1 1;font-size:14px;padding:8px 12px}.create-channel-select select:focus{outline:none}.create-content-input{background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:14px;box-sizing:border-box;color:#0f172a;color:var(--text);font-family:inherit;font-size:16px;line-height:1.6;padding:16px;resize:none;transition:var(--transition);width:100%}.create-content-input:focus{background:#fff;background:var(--surface);border-color:var(--g-500);box-shadow:0 0 0 4px rgba(24,163,111,.1);outline:none}.create-content-input::placeholder{color:#64748b;color:var(--muted)}.create-images-preview{grid-gap:10px;background:#edf2f7;background:var(--bg);border-radius:12px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:16px;padding:16px}.image-preview-item{aspect-ratio:1;border:2px solid #e6ebf2;border:2px solid var(--line);border-radius:10px;overflow:hidden;position:relative}.image-preview-item img{height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:var(--transition);width:24px}.remove-image-btn:hover{background:#ef4444;transform:scale(1.1)}.remove-image-btn i{font-size:14px}.create-blockchain-doc{align-items:center;background:linear-gradient(135deg,rgba(24,163,111,.08),rgba(24,163,111,.03));border:1px solid rgba(24,163,111,.3);border-radius:14px;display:flex;gap:14px;margin-top:16px;padding:16px}.blockchain-doc-icon{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-600));border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.blockchain-doc-icon i{color:#fff;font-size:22px}.blockchain-doc-info{flex:1 1;min-width:0}.blockchain-doc-info .doc-name{color:#0f172a;color:var(--text);display:block;font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blockchain-doc-info .doc-verified{align-items:center;color:var(--g-500);display:flex;font-size:12px;font-weight:500;gap:4px}.blockchain-doc-info .doc-verified i{font-size:14px}.remove-doc-btn{align-items:center;background:rgba(239,68,68,.1);border:none;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:var(--transition);width:36px}.remove-doc-btn:hover{background:#ef4444;color:#fff}.create-card-footer{align-items:center;background:#edf2f7;background:var(--bg);border-top:1px solid #e6ebf2;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:16px 20px}.create-tool-btn,.create-tools{display:flex;gap:8px}.create-tool-btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:10px;color:#64748b;color:var(--muted);cursor:pointer;font-size:14px;padding:10px 16px;transition:var(--transition)}.create-tool-btn:hover{background:rgba(24,163,111,.05);border-color:var(--g-500);color:var(--g-500)}.create-tool-btn.active{background:rgba(24,163,111,.1);border-color:var(--g-500);color:var(--g-500)}.create-tool-btn i{font-size:18px}.create-post-btn{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-600));border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:12px 24px;transition:var(--transition)}.create-post-btn:hover:not(:disabled){box-shadow:0 6px 20px rgba(24,163,111,.35);transform:translateY(-2px)}.create-post-btn:disabled{cursor:not-allowed;opacity:.5}.create-post-btn i{font-size:18px}.empty-create-btn{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-600));border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-top:20px;padding:12px 24px;transition:all .3s ease}.empty-create-btn:hover{box-shadow:0 8px 25px rgba(24,163,111,.35);transform:translateY(-2px)}.circulars-feed-scroll{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.feed-post-card{background:#fff;background:var(--surface);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.05);max-width:650px;overflow:visible;transition:var(--transition);width:100%}.feed-post-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.1)}.feed-post-header{align-items:flex-start;display:flex;gap:14px;padding:18px 20px 14px}.post-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.post-meta{flex:1 1;min-width:0}.post-author{align-items:center;display:flex;gap:10px;margin-bottom:4px}.author-name{color:#0f172a;color:var(--text);font-size:15px;font-weight:600}.author-role-badge{border-radius:12px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.author-role-badge.admin{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.author-role-badge.faculty{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.post-info{align-items:center;color:#64748b;color:var(--muted);display:flex;flex-wrap:wrap;font-size:13px;gap:6px}.post-channel{align-items:center;color:var(--g-500);display:inline-flex;font-weight:500;gap:4px}.post-channel i{font-size:14px}.post-separator{font-size:10px}.edited-badge,.post-separator,.post-time{color:#64748b;color:var(--muted)}.edited-badge{font-size:12px;font-style:italic}.post-options-btn{align-items:center;background:transparent;border:none;border-radius:50%;color:#64748b;color:var(--muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:var(--transition);width:36px}.post-options-btn:hover{background:#edf2f7;background:var(--bg);color:#0f172a;color:var(--text)}.post-options-btn i{font-size:20px}.post-options-wrapper{position:relative}.post-options-menu{animation:menuSlideDown .15s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15),0 4px 12px rgba(0,0,0,.1);min-width:180px;overflow:visible;position:fixed;z-index:99999}.post-options-menu button{align-items:center;background:#fff;border:none;color:#1f2937;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:14px 18px;text-align:left;transition:all .15s ease;width:100%}.post-options-menu button:hover{background:#f3f4f6}.post-options-menu button i{color:#64748b;color:var(--muted);font-size:18px}.post-options-menu button.danger{color:#ef4444}.post-options-menu button.danger:hover{background:rgba(239,68,68,.1)}.post-options-menu button.danger i{color:#ef4444}.edit-post-form{background:#edf2f7;background:var(--bg);border-radius:12px;padding:16px}.edit-post-textarea{background:var(--card);border:1px solid var(--border);border-radius:10px;color:#0f172a;color:var(--text);font-family:inherit;font-size:15px;line-height:1.6;min-height:120px;padding:14px;resize:vertical;width:100%}.edit-post-textarea:focus{border-color:var(--accent);outline:none}.edit-post-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:14px}.cancel-edit-btn{background:#edf2f7;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:var(--transition)}.cancel-edit-btn:hover{background:var(--border)}.save-edit-btn{align-items:center;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:var(--transition)}.save-edit-btn:hover{background:var(--accent-hover)}.feed-post-content{padding:0 20px 16px}.post-text{word-wrap:break-word;color:#0f172a;color:var(--text);font-size:15px;line-height:1.7;margin:0;white-space:pre-wrap}.post-images-grid{grid-gap:4px;border-radius:14px;display:grid;gap:4px;margin-top:16px;overflow:hidden}.post-images-grid.images-1{grid-template-columns:1fr}.post-images-grid.images-2,.post-images-grid.images-3{grid-template-columns:1fr 1fr}.post-images-grid.images-3{grid-template-rows:1fr 1fr}.post-images-grid.images-3 .post-image-item:first-child{grid-row:span 2}.post-images-grid.images-4{grid-template-columns:1fr 1fr}.post-image-item{aspect-ratio:1;cursor:pointer;overflow:hidden;position:relative}.post-images-grid.images-1 .post-image-item{aspect-ratio:16/9}.post-image-item img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.post-image-item:hover img{transform:scale(1.05)}.more-images-overlay{align-items:center;background:rgba(0,0,0,.6);color:#fff;display:flex;font-size:28px;font-weight:700;inset:0;justify-content:center;position:absolute}.post-blockchain-doc{align-items:center;background:linear-gradient(135deg,rgba(24,163,111,.08),rgba(24,163,111,.03));border:1px solid rgba(24,163,111,.2);border-radius:14px;cursor:pointer;display:flex;gap:14px;margin-top:16px;padding:16px;transition:var(--transition)}.post-blockchain-doc:hover{background:rgba(24,163,111,.1);border-color:var(--g-500)}.blockchain-doc-badge{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-600));border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.blockchain-doc-badge i{color:#fff;font-size:20px}.blockchain-doc-details{flex:1 1;min-width:0}.blockchain-doc-details .doc-title{color:#0f172a;color:var(--text);display:block;font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blockchain-doc-details .doc-subtitle{align-items:center;color:var(--g-500);display:flex;font-size:12px;font-weight:500;gap:4px}.blockchain-doc-details .doc-subtitle i{font-size:13px}.post-blockchain-doc>i{color:#64748b;color:var(--muted);flex-shrink:0;font-size:20px}.post-document-attachment{align-items:center;background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:14px;cursor:pointer;display:flex;gap:14px;margin-top:16px;padding:16px;transition:var(--transition)}.post-document-attachment:hover{border-color:var(--g-500)}.post-document-attachment .doc-icon{align-items:center;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(59,130,246,.1));border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.post-document-attachment .doc-icon i{color:#3b82f6;font-size:20px}.post-document-attachment .doc-info{flex:1 1}.post-document-attachment .doc-name{color:#0f172a;color:var(--text);display:block;font-size:14px;font-weight:600}.post-document-attachment .doc-action{color:#64748b;color:var(--muted);font-size:12px}.post-document-attachment>i{color:#64748b;color:var(--muted);font-size:18px}.feed-post-stats{border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);border-top:1px solid #e6ebf2;border-top:1px solid var(--line);color:#64748b;color:var(--muted);font-size:14px;gap:16px;padding:12px 20px}.feed-post-stats,.stat-item{align-items:center;display:flex}.stat-item{cursor:pointer;gap:6px}.stat-item:hover{color:#0f172a;color:var(--text)}.stat-item i{color:#ef4444}.feed-post-actions{align-items:center;display:flex;justify-content:space-around;padding:8px 12px}.post-action-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:#64748b;color:var(--muted);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:var(--transition)}.post-action-btn:hover{background:#edf2f7;background:var(--bg);color:#0f172a;color:var(--text)}.post-action-btn.liked{color:#ef4444}.post-action-btn.liked i{animation:likeAnimation .3s ease}@keyframes likeAnimation{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.post-action-btn i{font-size:20px}.feed-post-comments{background:#edf2f7;background:var(--bg);border-top:1px solid #e6ebf2;border-top:1px solid var(--line);padding:16px 20px}.comments-list{display:flex;flex-direction:column;gap:14px;margin-bottom:16px;max-height:300px;overflow-y:auto}.comments-loading{align-items:center;color:#64748b;color:var(--muted);display:flex;font-size:14px;gap:8px;justify-content:center;padding:20px}.comments-loading i.spin{animation:spin 1s linear infinite}.no-comments{color:#64748b;color:var(--muted);font-size:14px;padding:20px;text-align:center}.comment-item{display:flex;gap:12px}.comment-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.comment-content{flex:1 1}.comment-bubble{background:#fff;background:var(--surface);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:14px;padding:10px 14px}.comment-author{display:block;font-size:13px;font-weight:600;margin-bottom:4px}.comment-author,.comment-text{color:#0f172a;color:var(--text)}.comment-text{font-size:14px;line-height:1.5;margin:0}.comment-meta{align-items:center;display:flex;gap:12px;margin-top:6px;padding-left:4px}.comment-like-btn,.comment-reply-btn,.comment-time{color:#64748b;color:var(--muted);font-size:12px}.comment-like-btn,.comment-reply-btn{background:none;border:none;cursor:pointer;font-weight:500}.comment-like-btn:hover,.comment-reply-btn:hover{color:var(--g-500)}.comment-input-section{align-items:center;display:flex;gap:12px}.comment-input-avatar{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-600));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.comment-input-wrapper{align-items:center;background:#fff;background:var(--surface);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:24px;display:flex;flex:1 1;gap:8px;padding:6px 6px 6px 16px}.comment-input-wrapper input{background:transparent;border:none;color:#0f172a;color:var(--text);flex:1 1;font-size:14px;padding:8px 0}.comment-input-wrapper input:focus{outline:none}.comment-input-wrapper input::placeholder{color:#64748b;color:var(--muted)}.send-comment-btn{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-600));border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:var(--transition);width:36px}.send-comment-btn:hover:not(:disabled){box-shadow:0 4px 12px rgba(24,163,111,.35);transform:scale(1.1)}.send-comment-btn:disabled{cursor:not-allowed;opacity:.5}.send-comment-btn i{font-size:16px}.document-picker-modal{background:#fff;background:var(--surface);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:70vh;max-width:500px;overflow:hidden;width:90%}.picker-header{align-items:center;border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:20px 24px}.picker-header h3{align-items:center;color:#0f172a;color:var(--text);display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.picker-header h3 i{color:var(--g-500);font-size:22px}.picker-header button{align-items:center;background:#edf2f7;background:var(--bg);border:none;border-radius:10px;color:#64748b;color:var(--muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:var(--transition);width:36px}.picker-header button:hover{background:#ef4444;color:#fff}.picker-header button i{font-size:20px}.picker-body{max-height:400px;overflow-y:auto;padding:16px}.no-docs-available{align-items:center;display:flex;flex-direction:column;padding:40px 20px;text-align:center}.no-docs-available i{color:#64748b;color:var(--muted);font-size:48px;margin-bottom:16px}.no-docs-available p{color:#0f172a;color:var(--text);font-size:16px;font-weight:600;margin:0 0 8px}.no-docs-available span{color:#64748b;color:var(--muted);font-size:14px}.docs-list{display:flex;flex-direction:column;gap:8px}.doc-picker-item{align-items:center;background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:14px 16px;transition:var(--transition)}.doc-picker-item:hover{background:rgba(24,163,111,.05);border-color:var(--g-500)}.doc-picker-icon{align-items:center;background:linear-gradient(135deg,rgba(24,163,111,.15),rgba(24,163,111,.1));border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.doc-picker-icon i{color:var(--g-500);font-size:20px}.doc-picker-info{flex:1 1;min-width:0}.doc-picker-name{color:#0f172a;color:var(--text);display:block;font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-picker-meta{align-items:center;color:var(--g-500);display:flex;font-size:12px;gap:4px}.doc-picker-meta i{font-size:12px}.doc-picker-item>i{color:var(--g-500);font-size:18px}@media (max-width:768px){.circulars-view-toggle{padding:3px}.view-toggle-btn{font-size:13px;padding:8px 14px}.view-toggle-btn span{display:none}.create-card-header{padding:16px}.create-avatar{font-size:18px;height:44px;width:44px}.create-card-body{padding:16px}.create-tools .create-tool-btn span{display:none}.create-post-btn{font-size:14px;padding:10px 18px}.create-post-btn span{display:none}.feed-post-header{padding:14px 16px 12px}.post-avatar{font-size:16px;height:42px;width:42px}.feed-post-content{padding:0 16px 14px}.post-action-btn span{display:none}.feed-post-comments{padding:14px 16px}.document-picker-modal{max-height:80vh;width:95%}}.message-context-menu{background:#fff;background:var(--surface);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);min-width:160px;padding:8px;z-index:1000}.message-context-menu .context-menu-item{align-items:center;border-radius:8px;color:#0f172a;color:var(--text);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;transition:var(--transition)}.message-context-menu .context-menu-item:hover{background:#edf2f7;background:var(--bg)}.message-context-menu .context-menu-item.danger{color:#ef4444}.message-context-menu .context-menu-item.danger:hover{background:#fef2f2}.message.deleted .message-bubble{opacity:.7}.message-bubble.deleted{background:#edf2f7!important;background:var(--bg)!important;border:1px dashed #e6ebf2;border:1px dashed var(--line)}.deleted-message-text{align-items:center;color:var(--text-muted);display:flex;font-style:italic;gap:6px}.deleted-message-text i{font-size:14px}.message.highlight-message .message-bubble{animation:highlight-pulse 2s ease-out}@keyframes highlight-pulse{0%{box-shadow:0 0 0 4px rgba(24,163,111,.4)}to{box-shadow:none}}.search-in-conversation-overlay{align-items:flex-start;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding-top:100px;position:fixed;right:0;top:0;z-index:1000}.search-in-conversation-modal{background:#fff;background:var(--surface);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.2);display:flex;flex-direction:column;max-height:70vh;max-width:500px;overflow:hidden;width:90%}.search-modal-header{align-items:center;border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:16px 20px}.search-modal-header h3{color:#0f172a;color:var(--text);font-size:18px;font-weight:600}.search-modal-header .close-btn{align-items:center;background:#edf2f7;background:var(--bg);border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:var(--transition);width:32px}.search-modal-header .close-btn:hover{background:#e6ebf2;background:var(--line);color:#0f172a;color:var(--text)}.search-input-container{align-items:center;border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);display:flex;gap:12px;padding:16px 20px}.search-input-container i{color:var(--text-muted);font-size:18px}.search-input-container input{background:transparent;border:none;color:#0f172a;color:var(--text);flex:1 1;font-size:16px;outline:none}.search-results-list{flex:1 1;padding:12px}.search-result-item{border:1px solid transparent;border-radius:10px;margin-bottom:8px;padding:12px;transition:var(--transition)}.search-result-item:hover{background:#edf2f7;background:var(--bg);border-color:#e6ebf2;border-color:var(--line)}.result-sender{color:var(--g-600);font-size:12px;font-weight:600;margin-bottom:4px}.result-content{color:#0f172a;color:var(--text);font-size:14px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-time{color:var(--text-muted);font-size:11px}.no-results{color:var(--text-muted);padding:40px 20px}.no-results i{font-size:40px;margin-bottom:12px;opacity:.5}.shared-docs-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.shared-docs-modal{background:#fff;background:var(--surface);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.2);display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.shared-docs-modal .modal-header{align-items:center;border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:20px 24px}.shared-docs-modal .modal-header h3{color:#0f172a;color:var(--text);font-size:20px;font-weight:600}.shared-docs-content .empty-state,.shared-docs-content .loading-state{color:var(--text-muted);padding:60px 20px;text-align:center}.shared-docs-content .empty-state i,.shared-docs-content .loading-state i{font-size:48px;margin-bottom:16px;opacity:.5}.shared-docs-list{gap:12px}.shared-doc-item{background:#edf2f7;background:var(--bg);gap:16px;padding:16px;transition:var(--transition)}.shared-doc-item:hover{border-color:var(--g-300);box-shadow:0 4px 12px rgba(0,0,0,.05)}.shared-doc-item .doc-icon{background:linear-gradient(135deg,var(--g-100),var(--g-200));border-radius:12px;height:48px;width:48px}.shared-doc-item .doc-icon i{color:var(--g-600);font-size:24px}.shared-doc-item .doc-info h4{font-size:15px;margin-bottom:4px}.shared-doc-item .doc-info p{color:var(--text-muted)}.shared-doc-item .doc-info p span{margin-right:4px}.shared-doc-item .download-btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:10px;color:var(--g-600);cursor:pointer;display:flex;height:40px;justify-content:center;text-decoration:none;transition:var(--transition);width:40px}.shared-doc-item .download-btn:hover{background:var(--g-100);border-color:var(--g-300)}.conversation-item.blocked{opacity:.6}.conversation-item.blocked:after{content:"🚫";font-size:12px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.blocked-notice{align-items:center;background:#fef2f2;border-radius:8px;color:#ef4444;display:flex;font-size:13px;gap:8px;justify-content:center;margin-top:8px;padding:8px 16px}.message-input input:disabled{background:#edf2f7;background:var(--bg);cursor:not-allowed;opacity:.7}.send-btn:disabled{cursor:not-allowed;opacity:.5}.app-modal-overlay{align-items:center;animation:fadeIn .15s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.app-modal{animation:slideUp .2s ease-out;background:#fff;background:var(--surface);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:400px;overflow:hidden;width:90%}.app-modal-header{align-items:center;background:var(--background);border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:16px 20px}.app-modal-header h3{color:#0f172a;color:var(--text);font-size:16px;font-weight:600;margin:0}.app-modal-header .close-btn{background:none;border:none;border-radius:6px;color:#64748b;color:var(--muted);cursor:pointer;padding:4px;transition:all .15s ease}.app-modal-header .close-btn:hover{background:var(--hover);color:#0f172a;color:var(--text)}.app-modal-body{padding:20px}.app-modal-body p{color:#0f172a;color:var(--text);font-size:14px;line-height:1.5;margin:0 0 16px;white-space:pre-wrap}.app-modal-body p:last-child{margin-bottom:0}.app-modal-input{background:var(--background);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:8px;color:#0f172a;color:var(--text);font-size:14px;outline:none;padding:12px 14px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.app-modal-input:focus{border-color:var(--g-500);box-shadow:0 0 0 3px rgba(16,185,129,.15)}.app-modal-input::placeholder{color:#64748b;color:var(--muted)}.app-modal-actions{background:var(--background);border-top:1px solid #e6ebf2;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s ease}.modal-btn.primary{background:linear-gradient(135deg,var(--g-600),var(--g-500));color:#1a1a1a}.modal-btn.primary:hover{background:linear-gradient(135deg,var(--g-500),var(--g-400));transform:translateY(-1px)}.modal-btn.secondary{background:var(--hover);border:1px solid #e6ebf2;border:1px solid var(--line);color:#0f172a;color:var(--text)}.modal-btn.secondary:hover{background:#e6ebf2;background:var(--line)}.modal-btn.danger{color:#fff}.share-modal-enhanced{max-width:480px;width:90%}.share-document-preview{align-items:center;background:var(--hover);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;display:flex;gap:14px;margin-bottom:20px;padding:16px}.doc-preview-icon{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;box-shadow:0 2px 8px rgba(239,68,68,.25);color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.doc-preview-info{flex:1 1;min-width:0}.doc-preview-info h4{color:#0f172a;color:var(--text);font-size:14px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-preview-info p{color:var(--sub);font-size:12px;margin:0}.doc-preview-verified{background:rgba(16,185,129,.1);color:var(--g-500)}.doc-blockchain-status,.doc-preview-verified{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.doc-blockchain-status{margin-left:auto}.doc-blockchain-status.on-chain{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(5,150,105,.15));color:#059669}.doc-blockchain-status.off-chain{background:rgba(245,158,11,.15);color:#d97706}.theme-dark .doc-blockchain-status.on-chain{color:#34d399}.theme-dark .doc-blockchain-status.off-chain{color:#fbbf24}.share-recipient-info{margin-bottom:20px}.share-recipient-info label{color:var(--sub);display:block;font-size:12px;font-weight:500;margin-bottom:8px}.recipient-badge{align-items:center;background:var(--hover);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;display:flex;gap:12px;padding:12px 16px}.recipient-avatar{background:linear-gradient(135deg,var(--g-600),var(--g-400));color:#1a1a1a}.recipient-details{flex:1 1}.recipient-details strong{color:#0f172a;color:var(--text);display:block;font-size:14px}.recipient-details small{color:var(--sub);font-size:12px}.share-action-types{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.action-type-option{align-items:center;background:var(--hover);border:2px solid transparent;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:14px 10px;text-align:center;transition:all .2s ease}.action-type-option:hover{background:var(--card);border-color:#e6ebf2;border-color:var(--line)}.action-type-option.selected{background:rgba(16,185,129,.1);border-color:var(--g-500)}.action-type-option i{color:var(--sub);font-size:24px;transition:color .2s ease}.action-type-option.selected i{color:var(--g-500)}.action-type-option h4{color:#0f172a;color:var(--text);font-size:13px;font-weight:600;margin:0}.action-type-option p{color:var(--sub);font-size:11px;margin:0}.share-permission-section{margin-bottom:20px}.share-permission-section label{color:#0f172a;color:var(--text);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.permission-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.permission-option{align-items:center;background:var(--hover);border:2px solid transparent;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .2s ease}.permission-option:hover{background:var(--card);border-color:#e6ebf2;border-color:var(--line)}.permission-option.selected{background:rgba(16,185,129,.1);border-color:var(--g-500)}.permission-option i{color:var(--sub);font-size:22px;transition:color .2s ease}.permission-option.selected i{color:var(--g-500)}.permission-option h4{color:#0f172a;color:var(--text);font-size:13px;font-weight:600;margin:0}.permission-option p{color:var(--sub);font-size:11px;margin:0}.share-description-section{margin-bottom:20px}.share-description-section label{color:#0f172a;color:var(--text);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.share-description-input{background:var(--hover);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:10px;color:#0f172a;color:var(--text);font-family:inherit;font-size:14px;padding:12px;resize:none;transition:border-color .2s ease;width:100%}.share-description-input:focus{border-color:var(--g-500);outline:none}.share-description-input::placeholder{color:var(--sub)}.share-btn{align-items:center;display:inline-flex;gap:8px}.share-btn i{font-size:16px}.sharing-progress-container{justify-content:center;padding:40px 20px;text-align:center}.sharing-animation,.sharing-progress-container{align-items:center;display:flex;flex-direction:column}.sharing-animation{gap:30px;margin-bottom:24px}.progress-circle{align-items:center;background:var(--hover);border:3px solid #e6ebf2;border:3px solid var(--line);border-radius:50%;display:flex;height:80px;justify-content:center;position:relative;transition:all .3s ease;width:80px}.progress-circle.active{border-color:var(--g-500);box-shadow:0 0 20px rgba(16,185,129,.3)}.progress-circle.complete{background:linear-gradient(135deg,var(--g-600),var(--g-400));border-color:var(--g-400)}.progress-circle .spinner{animation:spin .8s linear infinite;border:3px solid #e6ebf2;border-top:3px solid var(--line);border:3px solid var(--line);border-radius:50%;border-top-color:var(--g-500);height:30px;width:30px}.progress-circle i{animation:scaleIn .3s ease;color:#1a1a1a;font-size:36px}.progress-steps{gap:8px}.progress-step{align-items:center;display:flex;flex-direction:column;gap:6px}.progress-step .step-dot{background:#e6ebf2;background:var(--line);border-radius:50%;height:10px;transition:all .3s ease;width:10px}.progress-step.active .step-dot{background:var(--g-500);box-shadow:0 0 8px rgba(16,185,129,.5)}.progress-step.complete .step-dot{background:var(--g-400)}.progress-step span{color:var(--sub);font-size:11px;font-weight:500;transition:color .3s ease}.progress-step.active span{color:var(--g-500)}.progress-step.complete span{color:#0f172a;color:var(--text)}.progress-line{background:#e6ebf2;background:var(--line);height:2px;margin-bottom:16px;width:20px}.sharing-message{color:#0f172a;color:var(--text);font-size:16px;font-weight:600;margin:0}.document-being-shared{align-items:center;background:var(--hover);border-radius:8px;color:var(--sub);display:flex;font-size:13px;gap:8px;padding:10px 16px}.document-being-shared i{color:var(--g-500)}.sharing-error-container{align-items:center;display:flex;flex-direction:column;gap:16px;padding:20px;text-align:center}.sharing-error-container .error-icon{align-items:center;animation:errorPulse .5s ease;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;display:flex;height:70px;justify-content:center;width:70px}.sharing-error-container .error-icon i{color:#fff;font-size:36px}@keyframes errorPulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.sharing-error-container .error-title{color:#ef4444;font-size:18px;font-weight:600;margin:0}.sharing-error-container .error-message{background:rgba(239,68,68,.1);border-left:3px solid #ef4444;border-radius:8px;color:var(--sub);font-size:14px;line-height:1.5;margin:0;max-width:400px;padding:12px 16px;text-align:left}.sharing-error-container .error-dismiss-btn{margin-top:8px;padding:8px 24px}.group-share-info{align-items:center;background:rgba(59,130,246,.1);border-left:3px solid #3b82f6;border-radius:8px;display:flex;gap:8px;margin-top:12px;padding:10px 14px}.group-share-info i{color:#3b82f6;flex-shrink:0;font-size:16px}.group-share-info span{color:var(--sub);font-size:12px;line-height:1.4}.group-share-progress{display:flex;flex-direction:column;gap:10px;margin-top:10px;max-width:300px;width:100%}.progress-bar-container{background:#e6ebf2;background:var(--line);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,var(--g-500),var(--g-400));border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:var(--sub);font-size:13px;font-weight:500}.completed-members{align-items:center;color:var(--g-500);display:flex;font-size:12px;gap:6px}.completed-members i{color:var(--g-500)}@media (max-width:480px){.share-action-types{grid-template-columns:1fr}.action-type-option{flex-direction:row;padding:12px 14px;text-align:left}.action-type-option>div{flex:1 1}}.shared-docs-modal.enhanced{display:flex;flex-direction:column;max-height:80vh;max-width:560px;width:95%}.shared-docs-tabs{border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);display:flex;gap:4px;padding:0 16px 16px}.shared-docs-tabs .tab-btn{align-items:center;background:var(--hover);border:none;border-radius:10px;color:var(--sub);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 12px;transition:all .2s ease}.shared-docs-tabs .tab-btn:hover{background:#e6ebf2;background:var(--line);color:#0f172a;color:var(--text)}.shared-docs-tabs .tab-btn.active{background:linear-gradient(135deg,var(--g-600),var(--g-500));color:#1a1a1a}.shared-docs-tabs .tab-btn i{font-size:16px}.shared-docs-tabs .tab-count{align-items:center;background:hsla(0,0%,100%,.2);border-radius:10px;display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.shared-docs-tabs .tab-btn:not(.active) .tab-count{background:#e6ebf2;background:var(--line)}.shared-docs-tabs .tab-count.pending{background:rgba(251,191,36,.2);color:#f59e0b}.shared-docs-tabs .tab-btn.active .tab-count.pending{background:rgba(0,0,0,.2);color:#1a1a1a}.shared-docs-content{flex:1 1;overflow-y:auto;padding:16px}.shared-docs-content .loading-state{align-items:center;color:var(--sub);display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.shared-docs-content .loading-spinner{animation:spin .8s linear infinite;border:3px solid #e6ebf2;border-top:3px solid var(--line);border:3px solid var(--line);border-radius:50%;border-top-color:var(--g-500);height:40px;margin-bottom:16px;width:40px}.shared-docs-content .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.shared-docs-content .empty-state i{color:#e6ebf2;color:var(--line);font-size:48px;margin-bottom:16px}.shared-docs-content .empty-state p{color:var(--sub);font-size:14px;margin:0 0 20px}.shared-docs-content .empty-state .action-btn{align-items:center;background:linear-gradient(135deg,var(--g-600),var(--g-500));border:none;border-radius:10px;color:#1a1a1a;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.shared-docs-content .empty-state .action-btn:hover{box-shadow:0 4px 12px rgba(16,185,129,.3);transform:translateY(-2px)}.shared-docs-list{display:flex;flex-direction:column;gap:10px}.shared-doc-item{align-items:center;background:var(--hover);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;display:flex;gap:12px;padding:14px;transition:all .2s ease}.shared-doc-item:hover{border-color:var(--g-500);box-shadow:0 2px 8px rgba(16,185,129,.1)}.shared-doc-item .doc-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.shared-doc-item .doc-icon.shared{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.shared-doc-item .doc-icon.approval{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.shared-doc-item .doc-icon.signature{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.shared-doc-item .doc-icon.approved{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.shared-doc-item .doc-icon.signed{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.shared-doc-item .doc-icon.rejected{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.shared-doc-item .doc-info{flex:1 1;min-width:0}.shared-doc-item .doc-info h4{color:#0f172a;color:var(--text);font-size:14px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-doc-item .doc-info p{color:var(--sub);font-size:12px;margin:0}.shared-doc-item .doc-info p .you{color:var(--g-500);font-weight:500}.shared-doc-item .request-type-badge{background:var(--card);border-radius:6px;color:#0f172a;color:var(--text);display:inline-block;font-size:11px;margin-top:6px;padding:4px 10px}.shared-doc-item .doc-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.shared-doc-item .action-btn-small{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.shared-doc-item .action-btn-small.view{background:var(--card);color:#0f172a;color:var(--text)}.shared-doc-item .action-btn-small.view:hover{background:#e6ebf2;background:var(--line)}.shared-doc-item .action-btn-small.download{background:linear-gradient(135deg,var(--g-600),var(--g-500));color:#1a1a1a}.shared-doc-item .action-btn-small.download:hover{box-shadow:0 2px 8px rgba(16,185,129,.3);transform:translateY(-2px)}.shared-doc-item .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px}.shared-doc-item .status-badge.pending{background:rgba(251,191,36,.15);color:#f59e0b}.shared-doc-item .status-badge.approved{background:rgba(34,197,94,.15);color:#22c55e}.shared-doc-item .status-badge.signed{background:rgba(6,182,212,.15);color:#06b6d4}.shared-doc-item .status-badge.rejected{background:rgba(239,68,68,.15);color:#ef4444}.shared-doc-item.approval-item{border-left:3px solid #f59e0b}.shared-doc-item.approved{border-left:3px solid #22c55e}.shared-doc-item.signed{border-left:3px solid #06b6d4}.shared-doc-item.rejected{border-left:3px solid #ef4444}.group-details-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.group-details-modal{animation:slideUp .3s ease;background:#fff;background:var(--surface);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.3);display:flex;flex-direction:column;max-height:85vh;max-width:480px;overflow:hidden;position:relative;width:90%}.group-details-modal .modal-close-btn{align-items:center;background:var(--hover);border:none;border-radius:50%;color:#0f172a;color:var(--text);cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px;z-index:10}.group-details-modal .modal-close-btn:hover{background:#e6ebf2;background:var(--line);transform:scale(1.1)}.group-details-header{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(59,130,246,.1));padding:30px 24px 20px;text-align:center}.group-avatar-large{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-700));border-radius:50%;box-shadow:0 8px 24px rgba(16,185,129,.3);color:#fff;display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 16px;width:80px}.group-details-header h2{color:#0f172a;color:var(--text);font-size:22px;font-weight:600;margin:0 0 8px}.group-type-badge{align-items:center;background:var(--hover);border-radius:20px;color:var(--sub);display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 14px}.group-type-badge i{font-size:14px}.group-description{color:var(--sub);font-size:13px;line-height:1.5;margin-top:12px}.group-stats{border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);display:flex;gap:24px;justify-content:center;padding:16px}.group-stats .stat-item{align-items:center;color:var(--sub);display:flex;font-size:13px;gap:8px}.group-stats .stat-item i{color:var(--g-500)}.group-members-section{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.group-members-section .section-header{align-items:center;border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:16px 20px}.group-members-section .section-header h3{align-items:center;color:#0f172a;color:var(--text);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.add-member-btn{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-600));border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.add-member-btn:hover{box-shadow:0 4px 12px rgba(16,185,129,.3);transform:scale(1.05)}.members-list{flex:1 1;max-height:250px;overflow-y:auto}.member-item{align-items:center;display:flex;gap:12px;padding:12px 20px;transition:background .2s ease}.member-item:hover{background:var(--hover)}.member-avatar{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-700));border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:42px;justify-content:center;width:42px}.member-info{flex:1 1}.member-name{align-items:center;color:#0f172a;color:var(--text);display:flex;font-size:14px;font-weight:500;gap:8px}.you-badge{background:var(--g-100);border-radius:10px;color:var(--g-700);font-size:10px;font-weight:500;padding:2px 8px}.theme-dark .you-badge{background:rgba(16,185,129,.2);color:var(--g-400)}.member-role{margin-top:2px}.admin-badge{align-items:center;color:#f59e0b;display:inline-flex;font-size:11px;gap:4px}.member-badge{color:var(--sub);font-size:11px}.remove-member-btn{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--sub);cursor:pointer;display:flex;font-size:18px;height:34px;justify-content:center;transition:all .2s ease;width:34px}.remove-member-btn:hover{background:rgba(239,68,68,.1);color:#ef4444}.group-actions-section{border-top:1px solid #e6ebf2;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;padding:16px 20px}.group-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.group-action-btn.exit{background:rgba(245,158,11,.1);color:#f59e0b}.group-action-btn.exit:hover{background:rgba(245,158,11,.2)}.group-action-btn.delete{background:rgba(239,68,68,.1);color:#ef4444}.group-action-btn.delete:hover{background:rgba(239,68,68,.2)}.default-group-notice{align-items:center;background:rgba(59,130,246,.1);border-radius:12px;color:#3b82f6;display:flex;font-size:13px;gap:10px;padding:14px 16px}.default-group-notice i{font-size:18px}.add-member-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.add-member-modal{animation:slideUp .3s ease;background:#fff;background:var(--surface);border-radius:16px;display:flex;flex-direction:column;max-height:70vh;max-width:400px;overflow:hidden;width:90%}.add-member-modal .modal-header{align-items:center;border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:16px 20px}.add-member-modal .modal-header h3{align-items:center;color:#0f172a;color:var(--text);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.member-search-container{align-items:center;border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line);display:flex;gap:10px;padding:12px 20px}.member-search-container i{color:var(--sub);font-size:18px}.member-search-container input{background:transparent;border:none;color:#0f172a;color:var(--text);flex:1 1;font-size:14px;outline:none}.member-search-container input::placeholder{color:var(--sub)}.member-search-results{flex:1 1;max-height:300px;overflow-y:auto}.member-search-results .no-results{color:var(--sub);padding:40px 20px;text-align:center}.member-search-results .no-results i{font-size:48px;margin-bottom:12px;opacity:.5}.member-search-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:background .2s ease}.member-search-item:hover{background:var(--hover)}.member-search-item .member-email{color:var(--sub);font-size:12px}.member-search-item .add-btn{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-600));border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.member-search-item .add-btn:hover{transform:scale(1.1)}.group-avatar-circle{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-700));border-radius:50%;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.group-tap-hint{color:var(--sub);font-size:12px}.group-details-modal .loading-state{color:var(--sub);padding:60px 20px;text-align:center}.group-details-modal .loading-state i{color:var(--g-500);font-size:36px;margin-bottom:12px}.no-circulars-message{align-items:center;background:var(--card);border:2px dashed var(--border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin:20px;padding:60px 20px;text-align:center}.no-circulars-message i{color:var(--g-500);font-size:64px;margin-bottom:16px;opacity:.7}.no-circulars-message h4{color:var(--foreground);font-size:20px;font-weight:600;margin:0 0 8px}.no-circulars-message p{color:var(--sub);font-size:14px;margin:0 0 24px;max-width:300px}.no-circulars-message button{align-items:center;background:linear-gradient(135deg,var(--g-500),var(--g-600));border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.no-circulars-message button:hover{box-shadow:0 8px 25px rgba(16,185,129,.35);transform:translateY(-2px)}.no-circulars-message button i{font-size:18px;margin:0;opacity:1}@media (max-width:480px){.shared-docs-tabs{padding:0 12px 12px}.shared-docs-tabs .tab-btn{font-size:12px;padding:8px 10px}.shared-docs-tabs .tab-btn span:not(.tab-count){display:none}.shared-doc-item{padding:12px}.shared-doc-item .doc-icon{font-size:18px;height:38px;width:38px}.group-details-modal{border-radius:16px 16px 0 0;max-height:90vh}}.approval-modal{max-height:85vh;max-width:560px;overflow-y:auto}.approval-purpose-section,.approval-recipients-section,.approval-type-section,.approval-workflow-section{margin-bottom:16px}.approval-purpose-section label,.approval-recipients-section label,.approval-type-section label,.approval-workflow-section label{color:#0f172a;color:var(--text);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.approval-type-options,.workflow-options{display:flex;gap:12px}.approval-type-option,.workflow-option{align-items:center;background:#edf2f7;background:var(--bg);border:2px solid #e6ebf2;border:2px solid var(--line);border-radius:12px;cursor:pointer;display:flex;flex:1 1;gap:12px;padding:14px 16px;transition:all .2s ease}.approval-type-option:hover,.workflow-option:hover{background:rgba(var(--g-500-rgb),.05);border-color:var(--g-400)}.approval-type-option.selected,.workflow-option.selected{background:rgba(var(--g-500-rgb),.1);border-color:var(--g-500)}.approval-type-option i,.workflow-option i{color:var(--g-500);font-size:22px}.approval-type-option span,.workflow-option h4{color:#0f172a;color:var(--text);font-size:14px;font-weight:600;margin:0}.workflow-option p{color:#64748b;color:var(--muted);font-size:12px;margin:2px 0 0}.recipient-search{align-items:center;background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:10px;display:flex;gap:10px;padding:10px 14px}.recipient-search i{color:#64748b;color:var(--muted);font-size:18px}.recipient-search input{background:transparent;border:none;color:#0f172a;color:var(--text);flex:1 1;outline:none}.recipients-list{background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:12px;max-height:200px}.loading-users{align-items:center;color:#64748b;color:var(--muted);display:flex;gap:10px;justify-content:center;padding:30px}.loading-users i{font-size:20px}.recipient-item{border-bottom:1px solid var(--line);padding:12px 14px;transition:all .2s ease}.recipient-item:hover{background:rgba(var(--g-500-rgb),.05)}.recipient-item.selected{background:rgba(var(--g-500-rgb),.1)}.recipient-item.no-wallet{opacity:.5}.recipient-checkbox i{color:#64748b;color:var(--muted);font-size:20px}.recipient-item.selected .recipient-checkbox i{color:var(--g-500)}.recipient-avatar{background:linear-gradient(135deg,var(--g-400),var(--g-600))}.recipient-name{color:#0f172a;color:var(--text);font-size:14px;font-weight:500}.recipient-email,.recipient-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-email{color:#64748b;color:var(--muted);font-size:12px}.no-wallet-badge{background:rgba(239,68,68,.1);border-radius:50%;color:#ef4444;font-size:14px;height:28px;justify-content:center;width:28px}.order-badge{align-items:center;background:var(--g-500);border-radius:12px;color:#fff;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;min-width:24px;padding:0 6px}.approval-purpose-section textarea{background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:10px;color:#0f172a;color:var(--text);font-size:14px;outline:none;padding:12px 14px;resize:none;transition:border-color .2s ease;width:100%}.approval-purpose-section textarea:focus{border-color:var(--g-500)}.approval-action-modal{max-width:420px}.approval-doc-info{align-items:center;background:#edf2f7;background:var(--bg);border-radius:10px;display:flex;gap:10px;margin-bottom:16px;padding:12px 16px}.approval-doc-info i{color:var(--danger);font-size:24px}.approval-doc-info span{color:#0f172a;color:var(--text);font-size:14px;font-weight:500}.rejection-reason-input{background:#edf2f7;background:var(--bg);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:10px;color:#0f172a;color:var(--text);font-size:14px;margin-top:8px;outline:none;padding:12px 14px;resize:none;transition:border-color .2s ease;width:100%}.rejection-reason-input:focus{border-color:var(--g-500)}.processing-indicator{align-items:center;background:rgba(var(--g-500-rgb),.1);border-radius:10px;color:var(--g-600);display:flex;gap:10px;justify-content:center;margin-top:12px;padding:16px}.processing-indicator i{font-size:18px}.modal-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.modal-btn.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.selected-recipients-chips{background:rgba(var(--g-500-rgb),.05);border:1px solid #e6ebf2;border:1px solid var(--line);border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:10px}.selected-chip{align-items:center;background:var(--g-500);border-radius:20px;color:#fff;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px}.selected-chip .chip-order{background:hsla(0,0%,100%,.2);border-radius:10px;font-size:11px;padding:2px 6px}.selected-chip .chip-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-chip .chip-remove{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;transition:background .2s ease;width:18px}.selected-chip .chip-remove:hover{background:hsla(0,0%,100%,.3)}.selected-chip .chip-remove i{font-size:12px}.no-users-message{color:var(--muted);gap:10px}.no-users-message i{font-size:40px}.no-users-message span{font-size:14px}.recipient-role{background:rgba(var(--g-500-rgb),.1);color:var(--g-500);display:inline-block;margin-top:2px;padding:2px 8px}.no-wallet-badge,.recipient-role{border-radius:10px;font-size:11px}.no-wallet-badge{align-items:center;background:rgba(245,158,11,.1);background:rgba(var(--warning-rgb,245,158,11),.1);color:var(--warning);display:flex;gap:4px;padding:4px 8px;white-space:nowrap}.recipient-item.no-wallet{cursor:not-allowed;opacity:.6}.recipient-item.no-wallet:hover{background:transparent}@media screen and (max-width:768px){.chat-container,.chat-interface-wrapper{height:100%!important}.chat-container,.chat-interface-wrapper,.chat-sidebar{background-color:#fff!important;opacity:1!important;visibility:visible!important;width:100%!important}.chat-sidebar{bottom:70px!important;display:flex!important;flex-direction:column!important;height:calc(100vh - 130px)!important;left:0!important;position:fixed!important;right:0!important;top:60px!important;transform:none!important;z-index:200!important}.chat-sidebar.mobile-hidden{display:none!important;visibility:hidden!important}.chat-area{background-color:#fff!important;bottom:70px!important;display:none!important;flex-direction:column!important;height:calc(100vh - 130px)!important;left:0!important;position:fixed!important;right:0!important;top:60px!important;transform:none!important;width:100%!important;z-index:100!important}.chat-area.mobile-visible{opacity:1!important;z-index:300!important}.chat-area.mobile-visible,.chat-sidebar-header{display:flex!important;visibility:visible!important}.chat-sidebar-header{background:linear-gradient(135deg,#11684f,#18a36f)!important;background:linear-gradient(135deg,var(--g-700,#11684f),var(--g-500,#18a36f))!important;color:#fff!important}.chat-sidebar-header h2,.chat-sidebar-header span{color:#fff!important;visibility:visible!important}.conversations-list{background-color:#fff!important;flex:1 1!important;overflow-y:auto!important}.conversation-item,.conversations-list{opacity:1!important;visibility:visible!important}.conversation-name,.conversation-preview{color:#0f172a!important;visibility:visible!important}:root{--dashboard-header:60px;--dashboard-bottom-nav:70px;--chat-header-height:56px;--chat-input-height:60px;--chat-transition:0.3s cubic-bezier(0.4,0,0.2,1)}.chat-interface-wrapper{--bg:#edf2f7;--bg-2:#e9eff6;--surface:#fff;--line:#e6ebf2;--text:#0f172a;--muted:#64748b;--icon:#94a3b8;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--shadow-soft:0 4px 16px rgba(15,23,42,.06);--chat-header-height:56px;--chat-input-height:60px;--chat-tab-height:48px;--chat-message-max-width:80%;--chat-touch-target:44px;--chat-padding:16px;--chat-radius:16px;--chat-radius-sm:12px;--chat-radius-lg:20px;--chat-transition:0.3s cubic-bezier(0.4,0,0.2,1);--chat-sidebar-width:100%;--chat-backdrop-blur:8px;--dashboard-header:60px;--dashboard-bottom-nav:70px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);flex-direction:column!important;height:calc(100vh - var(--dashboard-header) - var(--dashboard-bottom-nav))!important;max-height:calc(100vh - var(--dashboard-header) - var(--dashboard-bottom-nav))!important;max-width:100%!important;min-height:calc(100vh - var(--dashboard-header) - var(--dashboard-bottom-nav))!important}.chat-container,.chat-interface-wrapper{background:var(--surface)!important;display:flex!important;overflow:hidden!important;position:relative!important;width:100%!important}.chat-container{flex-direction:row!important;height:100%!important}.chat-sidebar{background:#fff!important;background:var(--surface,#fff)!important;background-color:#fff!important;border-right:none!important;bottom:70px!important;bottom:var(--dashboard-bottom-nav,70px)!important;display:flex!important;flex-direction:column!important;height:calc(100vh - 130px)!important;height:calc(100vh - var(--dashboard-header, 60px) - var(--dashboard-bottom-nav, 70px))!important;left:0!important;max-width:100%!important;min-width:100%!important;opacity:1!important;overflow:hidden!important;position:fixed!important;right:0!important;top:60px!important;top:var(--dashboard-header,60px)!important;transform:none!important;visibility:visible!important;width:100%!important;z-index:200!important}.chat-sidebar.mobile-hidden{display:none!important;visibility:hidden!important}.chat-container.sidebar-open .chat-sidebar,.chat-sidebar.mobile-open,.chat-sidebar.open{display:flex!important;visibility:visible!important}.chat-sidebar-backdrop{backdrop-filter:blur(var(--chat-backdrop-blur))!important;-webkit-backdrop-filter:blur(var(--chat-backdrop-blur))!important;background:rgba(0,0,0,.5)!important;bottom:var(--dashboard-bottom-nav)!important;cursor:pointer!important;left:0!important;opacity:0!important;position:fixed!important;right:0!important;top:var(--dashboard-header)!important;transition:opacity var(--chat-transition),visibility var(--chat-transition)!important;visibility:hidden!important;z-index:199!important}.chat-container.sidebar-open .chat-sidebar-backdrop,.chat-sidebar-backdrop.active{opacity:1!important;visibility:visible!important}.chat-sidebar-header{background:linear-gradient(135deg,var(--g-700),var(--g-500))!important;color:#fff!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important;gap:12px!important;padding:16px!important;padding-top:calc(16px + var(--safe-area-top))!important;position:relative!important;z-index:10!important}.chat-sidebar-header h2{font-size:20px!important;font-weight:700!important;letter-spacing:.3px!important;margin:0 0 4px!important}.chat-sidebar-header .blockchain-badge{align-items:center!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;background:hsla(0,0%,100%,.15)!important;border:1px solid hsla(0,0%,100%,.25)!important;border-radius:10px!important;color:hsla(0,0%,100%,.95)!important;display:inline-flex!important;font-size:12px!important;gap:6px!important;padding:6px 12px!important;width:-webkit-fit-content!important;width:fit-content!important}.chat-sidebar-header .blockchain-badge i{font-size:14px!important}.chat-sidebar-close{align-items:center!important;background:hsla(0,0%,100%,.2)!important;border:1px solid hsla(0,0%,100%,.3)!important;border-radius:10px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:18px!important;height:36px!important;justify-content:center!important;position:absolute!important;right:16px!important;top:16px!important;transition:background var(--chat-transition)!important;width:36px!important}.chat-sidebar-close:active{background:hsla(0,0%,100%,.3)!important}.user-info{background:var(--surface)!important;border-bottom:1px solid var(--line)!important;flex-shrink:0!important;max-height:70px!important;min-height:60px!important;padding:12px 16px!important}.user-profile{gap:12px!important}.user-avatar,.user-profile{align-items:center!important;display:flex!important}.user-avatar{background:linear-gradient(135deg,var(--g-500),var(--g-700))!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(24,163,111,.2)!important;color:#fff!important;flex-shrink:0!important;font-size:16px!important;font-weight:600!important;height:40px!important;justify-content:center!important;width:40px!important}.user-details{flex:1 1!important;min-width:0!important}.user-details h3{color:var(--text)!important;font-size:14px!important;font-weight:600!important;margin:0 0 2px!important}.user-details h3,.user-details p{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.user-details p{color:var(--muted)!important;font-size:12px!important;margin:0!important}.chat-area{background:#fff!important;background:var(--surface,#fff)!important;background-color:#fff!important;bottom:70px!important;bottom:var(--dashboard-bottom-nav,70px)!important;display:none!important;flex-direction:column!important;height:calc(100vh - 130px)!important;height:calc(100vh - var(--dashboard-header, 60px) - var(--dashboard-bottom-nav, 70px))!important;left:0!important;overflow:hidden!important;position:fixed!important;right:0!important;top:60px!important;top:var(--dashboard-header,60px)!important;transform:none!important;width:100%!important;z-index:100!important}.chat-area.mobile-full,.chat-area.mobile-visible{display:flex!important;opacity:1!important;visibility:visible!important;z-index:300!important}.chat-header{background:var(--surface)!important;border-bottom:1px solid var(--line)!important;box-sizing:border-box!important;flex-shrink:0!important;height:var(--chat-header-height)!important;justify-content:space-between!important;max-height:var(--chat-header-height)!important;min-height:var(--chat-header-height)!important;padding:8px 12px!important}.chat-header,.chat-header-left{align-items:center!important;display:flex!important;gap:8px!important}.chat-header-left{flex:1 1!important;min-width:0!important}.back-btn,.chat-menu-btn{align-items:center!important;background:none!important;border:1px solid var(--line)!important;border-radius:var(--chat-radius-sm)!important;color:var(--icon)!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:18px!important;height:var(--chat-touch-target)!important;justify-content:center!important;min-height:var(--chat-touch-target)!important;min-width:var(--chat-touch-target)!important;transition:all .2s ease!important;width:var(--chat-touch-target)!important}.back-btn:active,.chat-menu-btn:active{background:var(--bg)!important;transform:scale(.95)!important}.chat-header-content{cursor:pointer!important;flex:1 1!important;gap:10px!important;min-width:0!important}.chat-avatar,.chat-header-content{align-items:center!important;display:flex!important}.chat-avatar{background:radial-gradient(80% 80% at 30% 20%,var(--g-400),var(--g-700))!important;border-radius:12px!important;box-shadow:var(--shadow-soft)!important;color:#fff!important;flex-shrink:0!important;font-size:16px!important;font-weight:700!important;height:40px!important;justify-content:center!important;width:40px!important}.chat-info{flex:1 1!important;min-width:0!important}.chat-info h3{color:var(--text)!important;font-size:15px!important;font-weight:600!important;margin:0 0 2px!important}.chat-info h3,.chat-info p{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.chat-info p{color:var(--muted)!important;font-size:12px!important;margin:0!important}.chat-info .online-status{color:var(--success)!important;font-weight:500!important}.chat-header-actions{flex-shrink:0!important;gap:8px!important;z-index:100!important}.chat-header-actions,.chat-options,.header-action-btn{align-items:center!important;display:flex!important;position:relative!important}.chat-options,.header-action-btn{background:none!important;border:1px solid var(--line)!important;border-radius:var(--chat-radius-sm)!important;color:var(--icon)!important;cursor:pointer!important;font-size:18px!important;height:40px!important;justify-content:center!important;min-height:40px!important;min-width:40px!important;pointer-events:auto!important;transition:all .2s ease!important;width:40px!important;z-index:101!important}.chat-options:active,.header-action-btn:active{background:var(--bg)!important;transform:scale(.95)!important}.chat-options i,.header-action-btn i{font-size:18px!important;line-height:1!important;pointer-events:none!important}.chat-options{position:relative!important}.chat-options-menu,.options-menu{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important;display:none!important;min-width:200px!important;padding:8px!important;position:absolute!important;right:0!important;top:calc(100% + 8px)!important;z-index:1100!important}.chat-options.active .chat-options-menu,.chat-options.active .options-menu{display:block!important}.chat-options-menu button,.options-menu button{align-items:center!important;background:none!important;border:none!important;border-radius:8px!important;color:var(--text)!important;cursor:pointer!important;display:flex!important;font-size:14px!important;gap:12px!important;padding:12px 16px!important;pointer-events:auto!important;text-align:left!important;transition:background .2s ease!important;width:100%!important}.chat-options-menu button:active,.options-menu button:active{background:var(--bg)!important}.chat-options-menu button i,.options-menu button i{font-size:18px!important;text-align:center!important;width:20px!important}.chat-options-menu button.delete,.options-menu button.delete{color:var(--danger)!important}.chat-options-menu button.block,.options-menu button.block{color:var(--warning)!important}.chat-header-actions .header-action-btn:not(:first-child):not(:last-child){display:none!important}.chat-area.empty-state,.no-chat-selected{align-items:center!important;background:var(--bg)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:40px 24px!important;text-align:center!important}.chat-area.empty-state .empty-icon,.no-chat-selected .empty-icon{color:var(--g-300)!important;font-size:64px!important;margin-bottom:20px!important;opacity:.6!important}.chat-area.empty-state h3,.no-chat-selected h3{color:var(--text)!important;font-size:18px!important;font-weight:600!important;margin:0 0 8px!important}.chat-area.empty-state p,.no-chat-selected p{color:var(--muted)!important;font-size:14px!important;line-height:1.5!important;margin:0!important;max-width:280px!important}.open-sidebar-btn{align-items:center!important;background:linear-gradient(135deg,var(--g-600),var(--g-500))!important;border:none!important;border-radius:var(--chat-radius)!important;box-shadow:0 4px 12px rgba(24,163,111,.3)!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:600!important;gap:8px!important;margin-top:24px!important;padding:14px 28px!important;transition:transform .2s ease,box-shadow .2s ease!important}.open-sidebar-btn:active{transform:scale(.97)!important}}@media screen and (max-width:768px){@keyframes chatSlideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes chatSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@keyframes chatFadeIn{0%{opacity:0}to{opacity:1}}@keyframes chatBackdropFade{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(var(--chat-backdrop-blur));backdrop-filter:blur(var(--chat-backdrop-blur));opacity:1}}@keyframes chatPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.chat-hide-mobile,.desktop-only{display:none!important}.chat-show-mobile,.mobile-only{display:flex!important}.chat-touch-target{min-height:var(--chat-touch-target)!important;min-width:var(--chat-touch-target)!important}.chat-header,.chat-sidebar,.conversation-item,.tab,button{-webkit-user-select:none!important;user-select:none!important}.conversations-list,.messages-container{-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;scroll-behavior:smooth!important}.search-container{align-items:center!important;background:var(--surface)!important;border-bottom:1px solid var(--line)!important;display:flex!important;flex-shrink:0!important;height:auto!important;justify-content:center!important;max-height:68px!important;min-height:68px!important;padding:12px 16px!important;position:relative!important;z-index:5!important}.search-container .search-input,.search-container-top .search-input{background:transparent!important;border:none!important;display:block!important;height:44px!important;margin:0!important;padding:0!important;position:relative!important;width:100%!important}.search-container .search-input input,.search-container-top .search-input input{background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:var(--chat-radius-sm)!important;box-sizing:border-box!important;color:var(--text)!important;font-size:15px!important;height:100%!important;outline:none!important;padding:0 44px!important;transition:border-color .2s ease,box-shadow .2s ease!important;width:100%!important}.search-container .search-input input::placeholder{color:var(--muted)!important;font-size:14px!important}.search-container .search-input input:focus{background:var(--surface)!important;border-color:var(--g-500)!important;box-shadow:0 0 0 3px rgba(24,163,111,.12)!important}.search-container .search-input .search-icon{left:14px!important;pointer-events:none!important}.search-container .search-input .clear-icon,.search-container .search-input .search-icon{color:var(--muted)!important;font-size:18px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important}.search-container .search-input .clear-icon{align-items:center!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;height:32px!important;justify-content:center!important;right:12px!important;transition:background .2s ease,color .2s ease!important;width:32px!important}.search-container .search-input .clear-icon:active{background:rgba(239,68,68,.1)!important;color:var(--danger)!important}.tabs{background:var(--surface)!important;border-bottom:1px solid var(--line)!important;display:flex!important;flex-shrink:0!important;gap:0!important;height:var(--chat-tab-height)!important;margin:0!important;min-height:var(--chat-tab-height)!important;padding:0!important;position:relative!important}.tabs:after{background:linear-gradient(135deg,var(--g-500),var(--g-600))!important;border-radius:3px 3px 0 0!important;bottom:0!important;box-shadow:0 0 8px rgba(24,163,111,.4)!important;content:""!important;height:3px!important;left:0!important;position:absolute!important;transition:transform .35s cubic-bezier(.4,0,.2,1)!important;width:33.333%!important}.tabs[data-active=direct]:after{transform:translateX(0)!important}.tabs[data-active=groups]:after{transform:translateX(100%)!important}.tabs[data-active=circulars]:after{transform:translateX(200%)!important}.tab{align-items:center!important;background:none!important;border:none!important;border-bottom:3px solid transparent!important;color:var(--muted)!important;cursor:pointer!important;display:flex!important;flex:1 1!important;font-size:12px!important;font-weight:600!important;height:100%!important;justify-content:center!important;letter-spacing:.5px!important;padding:0 8px!important;position:relative!important;text-transform:uppercase!important;transition:color .3s ease,background .3s ease!important;z-index:1!important}.tab:active{transform:scale(.98)!important}.tab.active,.tab:active{background:var(--bg)!important}.tab.active{color:var(--g-600)!important}.tab:not(.active):hover{background:var(--bg-2)!important;color:var(--text)!important}.tab .tab-badge{background:var(--danger)!important;border-radius:10px!important;color:#fff!important;font-size:10px!important;font-weight:700!important;margin-left:6px!important;min-width:18px!important;padding:2px 6px!important;text-align:center!important}.tab.active .tab-badge{background:var(--g-600)!important}.conversations-list{background:#fff!important;background:var(--surface,#fff)!important;background-color:#fff!important;flex:1 1!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important}.conversations-list::-webkit-scrollbar{display:none!important}.conversations-list{-ms-overflow-style:none!important;scrollbar-width:none!important}.conversation-item{align-items:center!important;background:#fff!important;background:var(--surface,#fff)!important;background-color:#fff!important;border-bottom:1px solid #e6ebf2!important;border-bottom:1px solid var(--line,#e6ebf2)!important;cursor:pointer!important;display:flex!important;min-height:72px!important;padding:14px 16px!important;position:relative!important;transition:background .2s ease!important}.conversation-item:active{background:#e9eff6!important;background:var(--bg-2,#e9eff6)!important}.conversation-item.active{background:linear-gradient(135deg,rgba(24,163,111,.08),rgba(24,163,111,.04))!important;border-left:4px solid var(--g-500)!important;padding-left:12px!important}.theme-dark .conversation-item.active{background:linear-gradient(135deg,rgba(24,163,111,.15),rgba(24,163,111,.08))!important}.conversation-content{gap:12px!important;width:100%!important}.conversation-avatar,.conversation-content{align-items:center!important;display:flex!important}.conversation-avatar{border-radius:14px!important;box-shadow:var(--shadow-soft)!important;color:#fff!important;flex-shrink:0!important;font-size:18px!important;font-weight:700!important;height:52px!important;justify-content:center!important;min-width:52px!important;position:relative!important;width:52px!important}.conversation-avatar.direct{background:radial-gradient(80% 80% at 30% 20%,var(--g-400),var(--g-700))!important}.conversation-avatar.group{background:radial-gradient(80% 80% at 30% 20%,var(--g-600),var(--g-800))!important}.conversation-avatar.circular{background:radial-gradient(80% 80% at 30% 20%,var(--g-500),var(--g-700))!important}.conversation-avatar .online-indicator{background:var(--success)!important;border:3px solid var(--surface)!important;border-radius:50%!important;bottom:-2px!important;height:14px!important;position:absolute!important;right:-2px!important;width:14px!important}.conversation-details{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:4px!important;min-width:0!important}.conversation-header{align-items:flex-start!important;display:flex!important;gap:8px!important;justify-content:space-between!important}.conversation-name{color:#0f172a!important;color:var(--text,#0f172a)!important;flex:1 1!important;font-size:15px!important;font-weight:600!important;line-height:1.3!important;max-width:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.conversation-time{color:var(--muted)!important;flex-shrink:0!important;font-size:12px!important;white-space:nowrap!important}.conversation-footer{align-items:center!important;display:flex!important;gap:10px!important;justify-content:space-between!important}.conversation-message{color:var(--muted)!important;flex:1 1!important;font-size:13px!important;line-height:1.4!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.conversation-message.typing{color:var(--g-500)!important;font-style:italic!important}.unread-badge{background:linear-gradient(135deg,var(--g-500),var(--g-600))!important;border-radius:12px!important;box-shadow:0 2px 6px rgba(24,163,111,.3)!important;color:#fff!important;flex-shrink:0!important;font-size:11px!important;font-weight:700!important;min-width:22px!important;padding:4px 10px!important;text-align:center!important}.unread-badge.muted{background:var(--muted)!important;box-shadow:none!important}.conversation-meta{align-items:center!important;color:var(--icon)!important;display:flex!important;font-size:11px!important;gap:6px!important;margin-top:2px!important}.conversation-meta i{font-size:12px!important}.create-group-btn{background:linear-gradient(135deg,var(--g-700),var(--g-500))!important;border-radius:var(--chat-radius-sm)!important;box-shadow:0 4px 12px rgba(24,163,111,.25)!important;flex-shrink:0!important;font-size:14px!important;margin:16px!important;padding:14px 20px!important;transition:transform .2s ease,box-shadow .2s ease!important}.create-group-btn:active{box-shadow:0 2px 8px rgba(24,163,111,.2)!important;transform:scale(.97)!important}.create-group-btn i{font-size:18px!important}.search-results-header,.search-section-header{background:var(--bg)!important;border-bottom:1px solid var(--line)!important;color:var(--g-600)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.5px!important;padding:10px 16px!important;text-transform:uppercase!important}.conversation-item.new-user,.conversation-item.search-result{background:rgba(24,163,111,.04)!important;border-left:3px solid var(--g-500)!important}.conversation-item.new-user:active,.conversation-item.search-result:active{background:rgba(24,163,111,.1)!important}.connect-btn-inline,.conversation-item .connect-btn{align-items:center!important;background:var(--g-500)!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:12px!important;font-weight:600!important;gap:6px!important;padding:8px 14px!important;transition:background .2s ease,transform .2s ease!important}.connect-btn-inline:active,.conversation-item .connect-btn:active{background:var(--g-600)!important;transform:scale(.95)!important}.connect-btn-inline i,.search-loading-inline{font-size:14px!important}.search-loading-inline{align-items:center!important;color:var(--muted)!important;display:flex!important;gap:10px!important;justify-content:center!important;padding:24px 16px!important}.search-loading-inline .spin{animation:spin 1s linear infinite!important}.conversations-list .empty-state,.no-conversations{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:48px 24px!important;text-align:center!important}.conversations-list .empty-state i,.no-conversations i{color:var(--g-300)!important;font-size:56px!important;margin-bottom:16px!important;opacity:.5!important}.conversations-list .empty-state h4,.no-conversations h4{color:var(--text)!important;font-size:16px!important;font-weight:600!important;margin:0 0 8px!important}.conversations-list .empty-state p,.no-conversations p{color:var(--muted)!important;font-size:13px!important;line-height:1.5!important;margin:0!important;max-width:240px!important}.conversation-item.swiping{transition:transform .2s ease!important}.conversation-swipe-actions{align-items:stretch!important;bottom:0!important;display:flex!important;position:absolute!important;right:0!important;top:0!important;transform:translateX(100%)!important;z-index:-1!important}.swipe-action{align-items:center!important;color:#fff!important;display:flex!important;font-size:20px!important;justify-content:center!important;width:72px!important}.swipe-action.delete{background:var(--danger)!important}.swipe-action.mute{background:var(--warning)!important}.swipe-action.archive{background:var(--info)!important}.messages-container{background:var(--bg)!important;box-sizing:border-box!important;display:flex!important;flex:1 1!important;flex-direction:column!important;gap:12px!important;max-width:100%!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:16px!important;width:100%!important}.messages-container::-webkit-scrollbar{display:none!important}.messages-container{-ms-overflow-style:none!important;scrollbar-width:none!important}.message{animation:messageSlideIn .3s ease-out!important;display:flex!important;max-width:100%!important;will-change:transform,opacity!important}.message.own{justify-content:flex-end!important}.message.other{justify-content:flex-start!important}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.message.sending{opacity:.7!important}.message.sent{animation:messageSent .3s ease!important}@keyframes messageSent{0%{opacity:.8;transform:scale(.95)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.message-bubble{word-wrap:break-word!important;border-radius:var(--chat-radius)!important;box-shadow:0 1px 3px rgba(0,0,0,.08)!important;max-width:var(--chat-message-max-width)!important;min-width:60px!important;overflow-wrap:break-word!important;padding:10px 14px!important;position:relative!important}.message-bubble.own{background:linear-gradient(135deg,var(--g-500),var(--g-600))!important;border-bottom-right-radius:6px!important;color:#1a1a1a!important;margin-left:40px!important}.message-bubble.other{background:var(--surface)!important;border:1px solid var(--line)!important;border-bottom-left-radius:6px!important;color:var(--text)!important;margin-right:40px!important}.message-sender{color:var(--g-700)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.3px!important;margin-bottom:4px!important}.theme-dark .message-sender{color:var(--g-300)!important}.message-bubble.own .message-sender{color:rgba(0,0,0,.7)!important}.message-content{font-size:15px!important;line-height:1.45!important;margin-bottom:4px!important;word-break:break-word!important}.message-content p{margin:0!important}.message-content a{color:inherit!important;text-decoration:underline!important}.message-bubble.own .message-content a{color:rgba(0,0,0,.9)!important;font-weight:600!important}.message-footer,.message-meta{align-items:center!important;display:flex!important;gap:6px!important;justify-content:flex-end!important;margin-top:2px!important}.message-time{font-size:11px!important;font-weight:500!important;opacity:.75!important}.message-bubble.own .message-time{color:rgba(0,0,0,.6)!important}.message-bubble.other .message-time{color:var(--muted)!important}.message-status{font-size:14px!important;opacity:.7!important}.message-bubble.own .message-status{color:rgba(0,0,0,.7)!important}.message-status.status-sent{opacity:.6!important}.message-status.status-delivered{opacity:.8!important}.message-bubble.own .read-tick,.message-status.status-read{color:#60a5fa!important;opacity:1!important}.message-status.status-read:before{content:"✓✓"!important}.message.group-message{gap:8px!important}.message.group-message .message-avatar{align-items:center!important;align-self:flex-end!important;background:linear-gradient(135deg,var(--g-400),var(--g-600))!important;border-radius:10px!important;color:#fff!important;display:flex!important;flex-shrink:0!important;font-size:12px!important;font-weight:600!important;height:32px!important;justify-content:center!important;min-width:32px!important;width:32px!important}.message.group-message.own .message-avatar{display:none!important}.typing-indicator{align-items:center!important;animation:typingFade .3s ease!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--chat-radius)!important;border-bottom-left-radius:6px!important;display:flex!important;gap:8px!important;max-width:-webkit-fit-content!important;max-width:fit-content!important;padding:12px 16px!important}@keyframes typingFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.typing-indicator-dots{display:flex!important;gap:4px!important}.typing-indicator-dot{animation:typingBounce 1.4s ease-in-out infinite both!important;background:var(--g-400)!important;border-radius:50%!important;height:8px!important;width:8px!important}.typing-indicator-dot:first-child{animation-delay:0s!important}.typing-indicator-dot:nth-child(2){animation-delay:.2s!important}.typing-indicator-dot:nth-child(3){animation-delay:.4s!important}@keyframes typingBounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.typing-indicator-text{color:var(--muted)!important;font-size:13px!important;font-style:italic!important}.date-separator,.message-date-divider{align-items:center!important;display:flex!important;justify-content:center!important;padding:16px 0!important;position:relative!important}.date-separator:before,.message-date-divider:before{background:var(--line)!important;content:""!important;height:1px!important;left:0!important;position:absolute!important;right:0!important;top:50%!important}.date-separator span,.message-date-divider span{background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:20px!important;color:var(--muted)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.5px!important;padding:6px 14px!important;position:relative!important;text-transform:uppercase!important;z-index:1!important}.message-reply,.reply-preview{background:rgba(0,0,0,.06)!important;border-left:3px solid var(--g-500)!important;border-radius:0 8px 8px 0!important;color:var(--muted)!important;cursor:pointer!important;font-size:13px!important;margin-bottom:8px!important;padding:8px 12px!important}.message-bubble.own .message-reply,.message-bubble.own .reply-preview{background:hsla(0,0%,100%,.15)!important;border-left-color:hsla(0,0%,100%,.5)!important;color:hsla(0,0%,100%,.85)!important}.reply-sender{color:var(--g-600)!important;font-size:12px!important;font-weight:600!important;margin-bottom:2px!important}.message-bubble.own .reply-sender{color:hsla(0,0%,100%,.95)!important}.reply-text{max-width:200px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.message-forwarded{align-items:center!important;color:var(--muted)!important;display:flex!important;font-size:11px!important;font-style:italic!important;gap:6px!important;margin-bottom:6px!important}.message-bubble.own .message-forwarded{color:hsla(0,0%,100%,.7)!important}.message-forwarded i{font-size:12px!important}.message-image{border-radius:var(--chat-radius-sm)!important;cursor:pointer!important;max-width:280px!important;overflow:hidden!important}.message-image img{display:block!important;height:auto!important;max-height:300px!important;object-fit:cover!important;width:100%!important}.message-image.loading{align-items:center!important;background:var(--bg)!important;display:flex!important;justify-content:center!important;min-height:150px!important}.message-image.loading:after{animation:spin 1s linear infinite!important;border:2px solid var(--line)!important;border-radius:50%!important;border-top-color:var(--g-500)!important;content:""!important;height:24px!important;width:24px!important}.message-images-grid{grid-gap:4px!important;border-radius:var(--chat-radius-sm)!important;display:grid!important;gap:4px!important;max-width:280px!important;overflow:hidden!important}.message-images-grid.grid-2,.message-images-grid.grid-3{grid-template-columns:1fr 1fr!important}.message-images-grid.grid-3{grid-template-rows:1fr 1fr!important}.message-images-grid.grid-3 .image-item:first-child{grid-row:span 2!important}.message-images-grid.grid-4{grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important}.message-images-grid .image-item{aspect-ratio:1!important;cursor:pointer!important;overflow:hidden!important;position:relative!important}.message-images-grid .image-item img{height:100%!important;object-fit:cover!important;width:100%!important}.message-images-grid .image-item.more-images:after{align-items:center!important;background:rgba(0,0,0,.5)!important;color:#fff!important;content:attr(data-count)!important;display:flex!important;font-size:20px!important;font-weight:600!important;inset:0!important;justify-content:center!important;position:absolute!important}.link-preview{background:rgba(0,0,0,.04)!important;border:1px solid var(--line)!important;border-radius:var(--chat-radius-sm)!important;cursor:pointer!important;margin-top:8px!important;overflow:hidden!important}.message-bubble.own .link-preview{background:hsla(0,0%,100%,.1)!important;border-color:hsla(0,0%,100%,.2)!important}.link-preview-image{height:120px!important;object-fit:cover!important;width:100%!important}.link-preview-content{padding:10px 12px!important}.link-preview-title{color:var(--text)!important;font-size:13px!important;font-weight:600!important;margin-bottom:4px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.message-bubble.own .link-preview-title{color:#fff!important}.link-preview-description{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;color:var(--muted)!important;display:-webkit-box!important;font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important}.message-bubble.own .link-preview-description{color:hsla(0,0%,100%,.7)!important}.link-preview-domain{color:var(--g-500)!important;font-size:11px!important;margin-top:6px!important}.message-bubble.own .link-preview-domain{color:hsla(0,0%,100%,.8)!important}.message-context-menu{animation:contextMenuPop .2s ease!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--chat-radius-sm)!important;box-shadow:0 8px 32px rgba(0,0,0,.15)!important;min-width:180px!important;overflow:hidden!important;position:fixed!important;z-index:500!important}@keyframes contextMenuPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.context-menu-item{font-size:14px!important;transition:background .15s ease!important}.context-menu-item i{color:var(--icon)!important;font-size:18px!important}.context-menu-item.danger,.context-menu-item.danger i{color:var(--danger)!important}.scroll-to-bottom-btn{align-items:center!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:50%!important;bottom:80px!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;color:var(--icon)!important;cursor:pointer!important;display:flex!important;font-size:20px!important;height:44px!important;justify-content:center!important;opacity:0!important;position:absolute!important;right:16px!important;transform:translateY(20px)!important;transition:opacity .2s ease,visibility .2s ease,transform .2s ease!important;visibility:hidden!important;width:44px!important;z-index:50!important}.scroll-to-bottom-btn.visible{opacity:1!important;transform:translateY(0)!important;visibility:visible!important}.scroll-to-bottom-btn:active{background:var(--bg)!important;transform:scale(.95)!important}.scroll-to-bottom-btn .unread-count{background:var(--g-500)!important;border-radius:10px!important;font-size:11px!important;font-weight:700!important;height:20px!important;min-width:20px!important;padding:0 6px!important;position:absolute!important;right:-6px!important;top:-6px!important}.new-messages-indicator,.scroll-to-bottom-btn .unread-count{align-items:center!important;color:#fff!important;display:flex!important;justify-content:center!important}.new-messages-indicator{animation:slideDown .3s ease!important;background:linear-gradient(135deg,var(--g-500),var(--g-600))!important;cursor:pointer!important;font-size:13px!important;font-weight:600!important;gap:8px!important;margin:-16px -16px 16px!important;padding:8px 16px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.new-messages-indicator i{font-size:16px!important}.chat-input-container,.message-input-container{align-items:flex-end!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:var(--surface)!important;border-top:1px solid var(--line)!important;display:flex!important;flex-shrink:0!important;gap:10px!important;padding:12px 16px!important;padding-bottom:calc(12px + var(--safe-area-bottom))!important;position:relative!important}.input-reply-preview{align-items:center!important;animation:slideUp .2s ease!important;background:var(--bg)!important;border-bottom:1px solid var(--line)!important;display:flex!important;gap:12px!important;left:0!important;padding:10px 16px!important;position:absolute!important;right:0!important;top:0!important}.input-reply-preview,.input-reply-preview.visible{transform:translateY(-100%)!important}.input-reply-content{border-left:3px solid var(--g-500)!important;flex:1 1!important;min-width:0!important;padding-left:12px!important}.input-reply-name{color:var(--g-600)!important;font-size:12px!important;font-weight:600!important}.input-reply-text{color:var(--muted)!important;font-size:13px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.input-reply-close{align-items:center!important;background:none!important;border:none!important;border-radius:8px!important;color:var(--muted)!important;cursor:pointer!important;display:flex!important;font-size:18px!important;height:32px!important;justify-content:center!important;width:32px!important}.input-reply-close:active{background:var(--line)!important}.attachment-btn,.message-attachment-btn{align-items:center!important;background:none!important;border:1px solid var(--line)!important;border-radius:var(--chat-radius-sm)!important;color:var(--icon)!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:20px!important;height:var(--chat-touch-target)!important;justify-content:center!important;min-height:var(--chat-touch-target)!important;min-width:var(--chat-touch-target)!important;transition:all .2s ease!important;width:var(--chat-touch-target)!important}.attachment-btn:active,.message-attachment-btn:active{background:var(--bg)!important;border-color:var(--g-300)!important;color:var(--g-500)!important;transform:scale(.95)!important}.chat-input-wrapper,.message-input-wrapper{align-items:flex-end!important;display:flex!important;flex:1 1!important;position:relative!important}.chat-input,.chat-input-container textarea,.message-input,.message-input-container textarea{background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:22px!important;color:var(--text)!important;font-family:inherit!important;font-size:15px!important;line-height:1.4!important;max-height:120px!important;min-height:44px!important;outline:none!important;padding:12px 44px 12px 16px!important;resize:none!important;transition:border-color .2s ease,box-shadow .2s ease!important;width:100%!important}.chat-input::placeholder,.message-input-container textarea::placeholder,.message-input::placeholder{color:var(--muted)!important}.chat-input:focus,.message-input-container textarea:focus,.message-input:focus{border-color:var(--g-500)!important;box-shadow:0 0 0 3px rgba(24,163,111,.1)!important}.emoji-btn{align-items:center!important;background:none!important;border:none!important;border-radius:50%!important;bottom:6px!important;color:var(--muted)!important;cursor:pointer!important;display:flex!important;font-size:20px!important;height:32px!important;justify-content:center!important;position:absolute!important;right:8px!important;width:32px!important}.emoji-btn:active{background:var(--line)!important;color:var(--g-500)!important}.message-send-btn,.send-btn{align-items:center!important;background:linear-gradient(135deg,var(--g-500),var(--g-600))!important;border:none!important;border-radius:50%!important;box-shadow:0 2px 8px rgba(24,163,111,.3)!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:20px!important;height:var(--chat-touch-target)!important;justify-content:center!important;min-height:var(--chat-touch-target)!important;min-width:var(--chat-touch-target)!important;transition:transform .2s ease,box-shadow .2s ease!important;width:var(--chat-touch-target)!important}.message-send-btn:active,.send-btn:active{box-shadow:0 1px 4px rgba(24,163,111,.2)!important;transform:scale(.9)!important}.message-send-btn:disabled,.send-btn:disabled{background:var(--line)!important;box-shadow:none!important;color:var(--muted)!important;cursor:not-allowed!important}.message-send-btn i,.send-btn i{margin-left:2px!important}.voice-btn{align-items:center!important;background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:50%!important;color:var(--icon)!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:20px!important;height:var(--chat-touch-target)!important;justify-content:center!important;width:var(--chat-touch-target)!important}.voice-btn.recording,.voice-btn:active{background:var(--danger)!important;border-color:var(--danger)!important;color:#fff!important}.voice-btn.recording{animation:recordingPulse 1s infinite!important}@keyframes recordingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.attachment-menu{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:14px!important;bottom:100%!important;box-shadow:0 -2px 12px rgba(0,0,0,.15)!important;left:0!important;margin-bottom:8px!important;min-width:200px!important;overflow:hidden!important;padding:8px 0!important;position:absolute!important;right:auto!important;transform:none!important;transition:none!important;z-index:1000!important}.attachment-option{align-items:center!important;background:none!important;border:none!important;color:var(--text)!important;cursor:pointer!important;display:flex!important;flex-direction:row!important;font-size:15px!important;font-weight:500!important;gap:12px!important;padding:14px 16px!important;text-align:left!important;transition:background .15s ease!important;width:100%!important}.attachment-option:active{background:var(--bg)!important}.attachment-option i{color:var(--g-500)!important;flex-shrink:0!important;font-size:20px!important}.upload-progress-container{align-items:center!important;background:var(--bg)!important;border-bottom:1px solid var(--line)!important;display:flex!important;gap:12px!important;left:0!important;padding:12px 16px!important;position:absolute!important;right:0!important;top:0!important;transform:translateY(-100%)!important}.upload-progress-container.visible{display:flex!important}.upload-file-preview{border-radius:8px!important;flex-shrink:0!important;height:40px!important;overflow:hidden!important;width:40px!important}.upload-file-preview img{height:100%!important;object-fit:cover!important;width:100%!important}.upload-file-preview.document{align-items:center!important;background:var(--line)!important;color:var(--icon)!important;display:flex!important;font-size:18px!important;justify-content:center!important}.upload-file-name{color:var(--text)!important;font-size:13px!important;font-weight:500!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.upload-progress-bar{margin-top:6px!important}.upload-progress-fill{background:linear-gradient(90deg,var(--g-500),var(--g-400))!important;border-radius:2px!important;height:100%!important;transition:width .3s ease!important}.upload-progress-cancel{align-items:center!important;background:none!important;border:none!important;border-radius:50%!important;color:var(--danger)!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:18px!important;height:32px!important;justify-content:center!important;width:32px!important}.upload-progress-cancel:active{background:rgba(239,68,68,.1)!important}.input-attachments-preview{background:var(--bg)!important;border-bottom:1px solid var(--line)!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:12px 16px!important}.attachment-preview-chip{align-items:center!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:20px!important;display:flex!important;gap:8px!important;padding:6px 10px!important}.attachment-preview-chip img{border-radius:4px!important;height:24px!important;object-fit:cover!important;width:24px!important}.attachment-preview-chip i{color:var(--icon)!important;font-size:16px!important}.attachment-preview-chip span{color:var(--text)!important;font-size:12px!important;max-width:100px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.attachment-preview-remove{align-items:center!important;background:var(--line)!important;border:none!important;border-radius:50%!important;color:var(--muted)!important;cursor:pointer!important;display:flex!important;font-size:12px!important;height:20px!important;justify-content:center!important;width:20px!important}.attachment-preview-remove:active{background:var(--danger)!important;color:#fff!important}.emoji-picker-overlay{background:rgba(0,0,0,.3)!important;inset:0!important;opacity:0!important;position:fixed!important;transition:opacity .3s ease,visibility .3s ease!important;visibility:hidden!important;z-index:400!important}.emoji-picker-overlay.open{opacity:1!important;visibility:visible!important}.emoji-picker{background:var(--surface)!important;border-radius:20px 20px 0 0!important;bottom:0!important;display:flex!important;flex-direction:column!important;height:320px!important;left:0!important;position:fixed!important;right:0!important;transform:translateY(100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;z-index:401!important}.emoji-picker-overlay.open .emoji-picker{transform:translateY(0)!important}.emoji-picker-header{align-items:center!important;border-bottom:1px solid var(--line)!important;display:flex!important;gap:12px!important;padding:12px 16px!important}.emoji-search-input{background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:18px!important;color:var(--text)!important;flex:1 1!important;font-size:14px!important;height:36px!important;outline:none!important;padding:0 12px!important}.emoji-picker-categories{border-bottom:1px solid var(--line)!important;display:flex!important;gap:4px!important;overflow-x:auto!important;padding:8px 12px!important}.emoji-category-btn{align-items:center!important;background:none!important;border:none!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:20px!important;height:36px!important;justify-content:center!important;width:36px!important}.emoji-category-btn.active{background:var(--bg)!important}.emoji-picker-grid{grid-gap:4px!important;display:grid!important;flex:1 1!important;gap:4px!important;grid-template-columns:repeat(8,1fr)!important;overflow-y:auto!important;padding:12px!important}.emoji-item{align-items:center!important;aspect-ratio:1!important;background:none!important;border:none!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;font-size:24px!important;justify-content:center!important;width:100%!important}.emoji-item:active{background:var(--bg)!important;transform:scale(1.1)!important}.chat-document-card,.document-message,.message-document{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--chat-radius-sm)!important;display:flex!important;flex-direction:column!important;margin:4px 0!important;max-width:280px!important;overflow:hidden!important;padding:0!important;transition:var(--chat-transition)!important;width:100%!important}.message-bubble.own .chat-document-card,.message-bubble.own .document-message,.message-bubble.own .message-document{background:var(--bg)!important;border-color:rgba(var(--g-500-rgb),.2)!important}.document-card-header,.message-document-header{align-items:center!important;background:var(--bg)!important;border-bottom:1px solid var(--line)!important;display:flex!important;gap:12px!important;padding:12px!important}.message-bubble.own .document-card-header,.message-bubble.own .message-document-header{background:rgba(var(--g-500-rgb),.05)!important;border-bottom-color:rgba(var(--g-500-rgb),.1)!important}.document-icon,.message-document-icon{align-items:center!important;border-radius:10px!important;display:flex!important;flex-shrink:0!important;font-size:20px!important;height:44px!important;justify-content:center!important;width:44px!important}.document-icon.pdf,.message-document-icon.pdf{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important}.document-icon.doc,.document-icon.docx,.message-document-icon.doc,.message-document-icon.docx{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important}.document-icon.xls,.document-icon.xlsx,.message-document-icon.xls,.message-document-icon.xlsx{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important}.document-icon.ppt,.document-icon.pptx,.message-document-icon.ppt,.message-document-icon.pptx{background:linear-gradient(135deg,#f97316,#ea580c)!important;color:#fff!important}.document-icon.image,.message-document-icon.image{background:linear-gradient(135deg,#a855f7,#9333ea)!important;color:#fff!important}.document-icon.default,.message-document-icon.default{background:linear-gradient(135deg,#6b7280,#4b5563)!important;color:#fff!important}.document-info,.message-document-info{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:4px!important;min-width:0!important}.document-name,.message-document-name{color:var(--text)!important;font-size:14px!important;font-weight:600!important;line-height:1.3!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.document-meta,.message-document-meta{align-items:center!important;color:var(--muted)!important;display:flex!important;font-size:12px!important;gap:8px!important}.document-size,.message-document-size{color:var(--muted)!important}.document-type,.message-document-type{color:var(--muted)!important;font-weight:500!important;text-transform:uppercase!important}.document-card-body,.message-document-body{display:flex!important;flex-direction:column!important;gap:10px!important;padding:12px!important}.document-preview,.message-document-preview{align-items:center!important;aspect-ratio:16/9!important;background:var(--bg)!important;border-radius:8px!important;display:flex!important;justify-content:center!important;overflow:hidden!important;width:100%!important}.document-preview img,.message-document-preview img{height:100%!important;object-fit:cover!important;width:100%!important}.document-preview-placeholder{color:var(--muted)!important;font-size:40px!important;opacity:.5!important}.blockchain-badge,.document-blockchain-badge,.verification-badge{align-items:center!important;background:linear-gradient(135deg,rgba(var(--g-500-rgb),.1),rgba(var(--g-600-rgb),.15))!important;border:1px solid rgba(var(--g-500-rgb),.2)!important;border-radius:20px!important;color:var(--g-500)!important;display:inline-flex!important;font-size:11px!important;font-weight:600!important;gap:6px!important;padding:4px 10px!important;white-space:nowrap!important}.blockchain-badge i,.verification-badge i{font-size:12px!important}.blockchain-badge.verified,.verification-badge.verified{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(22,163,74,.15))!important;border-color:rgba(34,197,94,.3)!important;color:#22c55e!important}.blockchain-badge.pending,.verification-badge.pending{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(217,119,6,.15))!important;border-color:rgba(245,158,11,.3)!important;color:#f59e0b!important}.blockchain-badge.unverified,.verification-badge.unverified{background:linear-gradient(135deg,hsla(220,9%,46%,.1),rgba(75,85,99,.15))!important;border-color:hsla(220,9%,46%,.3)!important;color:#6b7280!important}.transaction-hash,.tx-hash{align-items:center!important;background:var(--bg)!important;border-radius:8px!important;color:var(--muted)!important;display:flex!important;font-family:SF Mono,Fira Code,monospace!important;font-size:11px!important;gap:6px!important;overflow:hidden!important;padding:8px 12px!important}.tx-hash-value{flex:1 1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.tx-hash-copy{align-items:center!important;background:var(--surface)!important;border:none!important;border-radius:6px!important;color:var(--muted)!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:12px!important;height:28px!important;justify-content:center!important;transition:var(--chat-transition)!important;width:28px!important}.tx-hash-copy:active{background:var(--g-500)!important;color:#fff!important;transform:scale(.95)!important}.document-actions,.message-document-actions{border-top:1px solid var(--line)!important;display:flex!important;gap:8px!important;padding:12px!important}.document-action-btn{align-items:center!important;background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:8px!important;color:var(--text)!important;cursor:pointer!important;display:flex!important;flex:1 1!important;font-size:13px!important;font-weight:500!important;gap:6px!important;height:40px!important;justify-content:center!important;min-height:var(--chat-touch-target)!important;padding:0 16px!important;transition:var(--chat-transition)!important}.document-action-btn i{font-size:14px!important}.document-action-btn:active{background:var(--line)!important;transform:scale(.98)!important}.document-action-btn.primary{background:var(--g-500)!important;border-color:var(--g-500)!important;color:#fff!important}.document-action-btn.primary:active{background:var(--g-600)!important}.document-action-btn.download{background:linear-gradient(135deg,var(--g-500),var(--g-600))!important;border-color:transparent!important;color:#fff!important}.document-share-modal,.share-document-modal{align-items:flex-end!important;background:rgba(0,0,0,.5)!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;opacity:0!important;position:fixed!important;right:0!important;top:0!important;transition:var(--chat-transition)!important;visibility:hidden!important;z-index:1100!important}.document-share-modal.open,.share-document-modal.open{opacity:1!important;visibility:visible!important}.document-share-content,.share-modal-content{background:var(--surface)!important;border-radius:var(--chat-radius-lg) var(--chat-radius-lg) 0 0!important;display:flex!important;flex-direction:column!important;max-height:85vh!important;max-width:100%!important;overflow:hidden!important;transform:translateY(100%)!important;transition:var(--chat-transition)!important;width:100%!important}.document-share-modal.open .document-share-content,.share-document-modal.open .share-modal-content{transform:translateY(0)!important}.share-modal-header{align-items:center!important;border-bottom:1px solid var(--line)!important;display:flex!important;justify-content:space-between!important;padding:16px 20px!important}.share-modal-title{color:var(--text)!important;font-size:17px!important;font-weight:600!important}.share-modal-close{align-items:center!important;background:var(--bg)!important;border:none!important;border-radius:50%!important;color:var(--muted)!important;cursor:pointer!important;display:flex!important;font-size:18px!important;height:36px!important;justify-content:center!important;width:36px!important}.share-document-preview{border-bottom:1px solid var(--line)!important;padding:16px 20px!important}.share-document-preview .document-icon{font-size:22px!important;height:48px!important;width:48px!important}.share-document-details{flex:1 1!important;min-width:0!important}.share-document-name{color:var(--text)!important;font-size:15px!important;font-weight:600!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.share-document-info{color:var(--muted)!important;font-size:13px!important;margin-top:2px!important}.share-recipients-section{-webkit-overflow-scrolling:touch!important;flex:1 1!important;overflow-y:auto!important}.share-recipients-header{align-items:center!important;background:var(--surface)!important;display:flex!important;justify-content:space-between!important;padding:12px 20px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1!important}.share-recipients-title{color:var(--muted)!important;font-size:13px!important;font-weight:600!important;letter-spacing:.5px!important;text-transform:uppercase!important}.share-select-all{background:none!important;border:none!important;color:var(--g-500)!important;cursor:pointer!important;font-size:13px!important;font-weight:500!important}.share-recipient-item{align-items:center!important;cursor:pointer!important;display:flex!important;gap:12px!important;padding:12px 20px!important;transition:var(--chat-transition)!important}.share-recipient-item:active{background:var(--bg)!important}.share-recipient-item.selected{background:rgba(var(--g-500-rgb),.08)!important}.share-recipient-avatar{border-radius:50%!important;flex-shrink:0!important;height:44px!important;object-fit:cover!important;width:44px!important}.share-recipient-info{flex:1 1!important;min-width:0!important}.share-recipient-name{color:var(--text)!important;font-size:15px!important;font-weight:500!important}.share-recipient-role{color:var(--muted)!important;font-size:13px!important;margin-top:2px!important}.share-recipient-check{align-items:center!important;background:transparent!important;border:2px solid var(--line)!important;border-radius:50%!important;display:flex!important;flex-shrink:0!important;height:24px!important;justify-content:center!important;transition:var(--chat-transition)!important;width:24px!important}.share-recipient-item.selected .share-recipient-check{background:var(--g-500)!important;border-color:var(--g-500)!important;color:#fff!important}.share-recipient-check i{font-size:12px!important;opacity:0!important;transform:scale(.5)!important;transition:var(--chat-transition)!important}.share-recipient-item.selected .share-recipient-check i{opacity:1!important;transform:scale(1)!important}.share-options-section{border-top:1px solid var(--line)!important;display:flex!important;flex-direction:column!important;gap:12px!important;padding:16px 20px!important}.share-option-toggle{align-items:center!important;background:var(--bg)!important;border-radius:12px!important;display:flex!important;justify-content:space-between!important;padding:12px 16px!important}.share-option-label{display:flex!important;flex-direction:column!important;gap:2px!important}.share-option-title{color:var(--text)!important;font-size:14px!important;font-weight:500!important}.share-option-desc{color:var(--muted)!important;font-size:12px!important}.toggle-switch{background:var(--line)!important;border-radius:14px!important;cursor:pointer!important;height:28px!important;position:relative!important;transition:var(--chat-transition)!important;width:48px!important}.toggle-switch.active{background:var(--g-500)!important}.toggle-switch:after{background:#fff!important;border-radius:50%!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important;content:""!important;height:24px!important;left:2px!important;position:absolute!important;top:2px!important;transition:var(--chat-transition)!important;width:24px!important}.toggle-switch.active:after{left:calc(100% - 26px)!important}.share-modal-footer{border-top:1px solid var(--line)!important;display:flex!important;gap:12px!important;padding:16px 20px!important;padding-bottom:calc(16px + var(--safe-area-bottom))!important}.share-cancel-btn{background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:12px!important;color:var(--text)!important;flex:1 1!important}.share-cancel-btn,.share-send-btn{cursor:pointer!important;font-size:15px!important;font-weight:600!important;height:48px!important;min-height:var(--chat-touch-target)!important;transition:var(--chat-transition)!important}.share-send-btn{align-items:center!important;background:linear-gradient(135deg,var(--g-500),var(--g-600))!important;border:none!important;border-radius:12px!important;color:#fff!important;display:flex!important;flex:2 1!important;gap:8px!important;justify-content:center!important}.share-send-btn:active{transform:scale(.98)!important}.share-send-btn:disabled{cursor:not-allowed!important;opacity:.5!important}.approval-message,.approval-request-card,.message-approval{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--chat-radius-sm)!important;margin:4px 0!important;max-width:300px!important;overflow:hidden!important;width:100%!important}.message-bubble.own .approval-message,.message-bubble.own .approval-request-card,.message-bubble.own .message-approval{background:var(--bg)!important;border-color:rgba(var(--g-500-rgb),.2)!important}.approval-header{background:linear-gradient(135deg,rgba(var(--g-500-rgb),.08),rgba(var(--g-600-rgb),.12))!important;border-bottom:1px solid rgba(var(--g-500-rgb),.15)!important;gap:10px!important;padding:12px 14px!important}.approval-header,.approval-icon{align-items:center!important;display:flex!important}.approval-icon{background:var(--g-500)!important;border-radius:10px!important;color:#fff!important;flex-shrink:0!important;font-size:16px!important;height:36px!important;justify-content:center!important;width:36px!important}.approval-title-group{flex:1 1!important;min-width:0!important}.approval-label{color:var(--g-500)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.5px!important;text-transform:uppercase!important}.approval-document-name{color:var(--text)!important;font-size:14px!important;margin-top:2px!important;overflow:hidden!important;text-overflow:ellipsis!important}.approval-document-name,.approval-status{font-weight:600!important;white-space:nowrap!important}.approval-status{align-items:center!important;border-radius:20px!important;display:inline-flex!important;font-size:11px!important;gap:4px!important;padding:4px 10px!important}.approval-status.pending{background:rgba(245,158,11,.15)!important;color:#f59e0b!important}.approval-status.approved{background:rgba(34,197,94,.15)!important;color:#22c55e!important}.approval-status.rejected{background:rgba(239,68,68,.15)!important;color:#ef4444!important}.approval-status.in-progress{background:rgba(59,130,246,.15)!important;color:#3b82f6!important}.approval-body{display:flex!important;flex-direction:column!important;gap:12px!important;padding:14px!important}.approval-info-row{align-items:center!important;display:flex!important;font-size:13px!important;justify-content:space-between!important}.approval-info-label{color:var(--muted)!important}.approval-info-value{color:var(--text)!important;font-weight:500!important}.approval-requestor{align-items:center!important;background:var(--bg)!important;border-radius:10px!important;display:flex!important;gap:10px!important;padding:10px 12px!important}.approval-requestor-avatar{border-radius:50%!important;height:32px!important;object-fit:cover!important;width:32px!important}.approval-requestor-info{flex:1 1!important;min-width:0!important}.approval-requestor-name{color:var(--text)!important;font-size:13px!important;font-weight:500!important}.approval-requestor-role{color:var(--muted)!important;font-size:11px!important}.approval-progress{display:flex!important;flex-direction:column!important;gap:8px!important}.approval-progress-header{align-items:center!important;display:flex!important;font-size:12px!important;justify-content:space-between!important}.approval-progress-label{color:var(--muted)!important}.approval-progress-count{color:var(--text)!important;font-weight:600!important}.approval-progress-bar{background:var(--bg)!important;border-radius:3px!important;height:6px!important;overflow:hidden!important}.approval-progress-fill{background:linear-gradient(90deg,var(--g-500),var(--g-400))!important;border-radius:3px!important;height:100%!important;transition:width .5s ease!important}.approval-actions{border-top:1px solid var(--line)!important;display:flex!important;gap:10px!important;padding:12px 14px!important}.approval-btn{align-items:center!important;border-radius:10px!important;cursor:pointer!important;display:flex!important;flex:1 1!important;font-weight:600!important;gap:6px!important;height:42px!important;justify-content:center!important;min-height:var(--chat-touch-target)!important;padding:0 14px!important;transition:var(--chat-transition)!important}.approval-btn,.approval-btn i{font-size:14px!important}.approval-btn.approve{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border:none!important;color:#fff!important}.approval-btn.approve:active{filter:brightness(.95)!important;transform:scale(.98)!important}.approval-btn.reject{background:var(--bg)!important;border:1px solid var(--line)!important;color:#ef4444!important}.approval-btn.reject:active{background:rgba(239,68,68,.1)!important;border-color:rgba(239,68,68,.3)!important}.approval-btn.view{background:var(--bg)!important;border:1px solid var(--line)!important;color:var(--text)!important}.document-share-modal{align-items:flex-end!important;background:rgba(0,0,0,.5)!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;z-index:1200!important}.approval-detail-modal,.modal-content.approval-modal,.share-modal-enhanced.approval-modal{animation:slideUpFast .25s cubic-bezier(.4,0,.2,1)!important;background:var(--surface)!important;border-radius:24px 24px 0 0!important;bottom:0!important;box-shadow:0 -4px 20px rgba(0,0,0,.15)!important;display:flex!important;flex-direction:column!important;height:auto!important;left:auto!important;margin:0!important;max-height:70vh!important;max-width:100%!important;overflow:hidden!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important}@keyframes slideUpFast{0%{opacity:.8;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-content.approval-modal:before,.share-modal-enhanced.approval-modal:before{background:var(--line)!important;border-radius:4px!important;content:""!important;height:4px!important;left:50%!important;position:absolute!important;top:10px!important;transform:translateX(-50%)!important;width:40px!important;z-index:10!important}.modal-content.approval-modal .modal-header{align-items:center!important;background:var(--surface)!important;border-bottom:1px solid var(--line)!important;display:flex!important;flex-shrink:0!important;justify-content:center!important;padding:24px 20px 12px!important;position:relative!important}.modal-content.approval-modal .modal-title{color:var(--text)!important;flex:1 1!important;font-size:17px!important;font-weight:700!important;margin:0!important;text-align:center!important}.modal-content.approval-modal .close-btn{align-items:center!important;background:var(--bg)!important;border:none!important;border-radius:50%!important;color:var(--text)!important;cursor:pointer!important;display:flex!important;font-size:20px!important;height:32px!important;justify-content:center!important;position:absolute!important;right:16px!important;width:32px!important}.modal-content.approval-modal .approval-workflow-section,.modal-content.approval-modal .share-document-preview,.modal-content.approval-modal>div:not(.modal-header):not(.modal-footer){padding-left:20px!important;padding-right:20px!important}.modal-content.approval-modal{padding-bottom:0!important}.modal-content.approval-modal>div:first-of-type:not(.modal-header){-webkit-overflow-scrolling:touch!important;flex:1 1!important;overflow-y:auto!important;padding-top:16px!important}.share-document-preview{background:var(--bg)!important;gap:12px!important;margin:0 20px 16px!important;padding:14px!important}.doc-preview-icon,.share-document-preview{align-items:center!important;border-radius:12px!important;display:flex!important}.doc-preview-icon{background:linear-gradient(135deg,var(--g-500),var(--g-600))!important;color:#fff!important;flex-shrink:0!important;font-size:22px!important;height:48px!important;justify-content:center!important;width:48px!important}.doc-preview-info h4{color:var(--text)!important;font-size:15px!important;font-weight:600!important;margin:0 0 3px!important}.doc-preview-info p{color:var(--muted)!important;font-size:12px!important;margin:0!important}.approval-document-section{background:var(--bg)!important;border-radius:12px!important;margin-bottom:16px!important;padding:14px!important}.approval-document-header{gap:12px!important;margin-bottom:12px!important}.approval-document-header,.approval-document-icon{align-items:center!important;display:flex!important}.approval-document-icon{border-radius:12px!important;font-size:22px!important;height:48px!important;justify-content:center!important;width:48px!important}.approval-document-details h3{color:var(--text)!important;font-size:15px!important;font-weight:600!important;margin:0 0 3px!important}.approval-document-meta{color:var(--muted)!important;font-size:12px!important}.approval-view-document-btn{align-items:center!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:10px!important;color:var(--text)!important;cursor:pointer!important;display:flex!important;font-size:13px!important;font-weight:500!important;gap:6px!important;height:40px!important;justify-content:center!important;width:100%!important}.approval-workflow-section{margin-bottom:20px!important}.approval-section-title{color:var(--muted)!important;font-size:14px!important;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:12px!important;text-transform:uppercase!important}.approval-type-section{margin-bottom:16px!important}.approval-type-section label{color:var(--muted)!important;display:block!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:10px!important;text-transform:uppercase!important}.approval-type-options{display:flex!important;flex-direction:column!important;gap:10px!important}.approval-type-option{align-items:center!important;background:var(--bg)!important;border:2px solid var(--line)!important;border-radius:14px!important;cursor:pointer!important;display:flex!important;gap:12px!important;padding:14px 16px!important;transition:all .15s ease!important;width:100%!important}.approval-type-option:active{transform:scale(.97)!important}.approval-type-option.selected{background:linear-gradient(135deg,rgba(var(--g-500-rgb),.12),rgba(var(--g-500-rgb),.08))!important;border-color:var(--g-500)!important;box-shadow:0 2px 8px rgba(var(--g-500-rgb),.2)!important}.approval-type-option i{color:var(--g-500)!important;flex-shrink:0!important;font-size:22px!important}.approval-type-option span{color:var(--text)!important;flex:1 1!important;font-size:15px!important;font-weight:600!important}.modal-content.approval-modal .modal-actions{background:var(--surface)!important;border-top:1px solid var(--line)!important;display:flex!important;flex-shrink:0!important;gap:10px!important;margin:0!important;padding:14px 20px calc(14px + env(safe-area-inset-bottom, 10px))!important}.modal-content.approval-modal .modal-actions button{align-items:center!important;border-radius:14px!important;cursor:pointer!important;display:flex!important;flex:1 1!important;font-size:15px!important;font-weight:600!important;gap:6px!important;height:48px!important;justify-content:center!important;transition:all .15s ease!important}.modal-content.approval-modal .modal-actions .btn-secondary{background:var(--bg)!important;border:1px solid var(--line)!important;color:var(--text)!important}.modal-content.approval-modal .modal-actions .btn-primary{background:linear-gradient(135deg,var(--g-500),var(--g-600))!important;border:none!important;color:#fff!important}.modal-content.approval-modal .modal-actions .btn-primary:disabled{cursor:not-allowed!important;opacity:.5!important}.modal-content.approval-modal .modal-actions button:active:not(:disabled){transform:scale(.97)!important}.approval-workflow-section{margin-bottom:16px!important}.approval-workflow-section label{color:var(--muted)!important;display:block!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:10px!important;text-transform:uppercase!important}.workflow-options{display:flex!important;flex-direction:column!important;gap:10px!important}.workflow-option{align-items:center!important;background:var(--bg)!important;border:2px solid var(--line)!important;border-radius:14px!important;cursor:pointer!important;display:flex!important;gap:12px!important;padding:14px 16px!important;transition:all .15s ease!important;width:100%!important}.workflow-option:active{transform:scale(.97)!important}.workflow-option.selected{background:linear-gradient(135deg,rgba(var(--g-500-rgb),.12),rgba(var(--g-500-rgb),.08))!important;border-color:var(--g-500)!important;box-shadow:0 2px 8px rgba(var(--g-500-rgb),.2)!important}.workflow-option i{color:var(--g-500)!important;flex-shrink:0!important;font-size:22px!important}.workflow-option h4{color:var(--text)!important;font-size:15px!important;font-weight:600!important;margin:0 0 2px!important}.workflow-option p{color:var(--muted)!important;font-size:12px!important;margin:0!important}.approval-chain{display:flex!important;flex-direction:column!important;gap:0!important}.approval-chain-item{display:flex!important;gap:12px!important;padding:12px 0!important;position:relative!important}.approval-chain-item:not(:last-child):after{background:var(--line)!important;bottom:0!important;content:""!important;left:18px!important;position:absolute!important;top:48px!important;width:2px!important}.approval-chain-item.completed:not(:last-child):after{background:var(--g-500)!important}.approval-chain-status{align-items:center!important;border-radius:50%!important;display:flex!important;flex-shrink:0!important;font-size:16px!important;height:38px!important;justify-content:center!important;width:38px!important;z-index:1!important}.approval-chain-status.pending{background:var(--bg)!important;border:2px solid var(--line)!important;color:var(--muted)!important}.approval-chain-status.approved{background:#22c55e!important;border:none!important;color:#fff!important}.approval-chain-status.rejected{background:#ef4444!important;border:none!important;color:#fff!important}.approval-chain-status.current{animation:pulse 2s infinite!important;background:var(--g-500)!important;border:none!important;color:#fff!important}.approval-chain-info{flex:1 1!important;min-width:0!important}.approval-chain-name{color:var(--text)!important;font-size:14px!important;font-weight:500!important}.approval-chain-role{color:var(--muted)!important;font-size:12px!important;margin-top:2px!important}.approval-chain-timestamp{color:var(--muted)!important;font-size:11px!important;margin-top:4px!important}.approval-comment-section{margin-bottom:20px!important}.approval-comment-input{background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:12px!important;color:var(--text)!important;font-size:15px!important;min-height:100px!important;padding:14px!important;resize:vertical!important;width:100%!important}.approval-comment-input::placeholder{color:var(--muted)!important}.approval-comment-input:focus{border-color:var(--g-500)!important;outline:none!important}.approval-modal-footer{background:var(--surface)!important;border-top:1px solid var(--line)!important;display:flex!important;flex-shrink:0!important;gap:10px!important;padding:14px 20px calc(14px + env(safe-area-inset-bottom, 10px))!important}.approval-modal-btn{align-items:center!important;border-radius:14px!important;cursor:pointer!important;display:flex!important;flex:1 1!important;font-size:16px!important;font-weight:600!important;gap:6px!important;height:48px!important;justify-content:center!important;transition:var(--chat-transition)!important}.approval-modal-btn.reject{background:var(--bg)!important;border:1px solid #ef4444!important;color:#ef4444!important}.approval-modal-btn.approve{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border:none!important;color:#fff!important}.approval-modal-btn:active{transform:scale(.98)!important}.approval-history-section{margin-bottom:20px!important}.approval-history-list{display:flex!important;flex-direction:column!important;gap:12px!important}.approval-history-item{align-items:flex-start!important;background:var(--bg)!important;border-radius:12px!important;display:flex!important;gap:12px!important;padding:14px!important}.approval-history-avatar{border-radius:50%!important;flex-shrink:0!important;height:36px!important;object-fit:cover!important;width:36px!important}.approval-history-content{flex:1 1!important;min-width:0!important}.approval-history-header{align-items:center!important;display:flex!important;gap:8px!important;justify-content:space-between!important;margin-bottom:4px!important}.approval-history-name{color:var(--text)!important;font-size:14px!important;font-weight:500!important}.approval-history-action{align-items:center!important;border-radius:10px!important;display:inline-flex!important;font-size:11px!important;font-weight:600!important;gap:4px!important;padding:2px 8px!important}.approval-history-action.approved{background:rgba(34,197,94,.15)!important;color:#22c55e!important}.approval-history-action.rejected{background:rgba(239,68,68,.15)!important;color:#ef4444!important}.approval-history-comment{color:var(--text)!important;font-size:13px!important;line-height:1.5!important}.approval-history-time{color:var(--muted)!important;font-size:11px!important;margin-top:6px!important}.chat-header.group-chat{display:flex!important;flex-direction:column!important;height:auto!important;min-height:var(--chat-header-height)!important;padding:10px 12px!important}.group-header-main{align-items:center!important;display:flex!important;gap:12px!important;width:100%!important}.group-avatar-container{flex-shrink:0!important;position:relative!important}.group-avatar{align-items:center!important;background:linear-gradient(135deg,var(--g-500),var(--g-600))!important;color:#fff!important;display:flex!important;font-size:18px!important;font-weight:600!important;height:44px!important;justify-content:center!important;width:44px!important}.group-avatar,.group-avatar img{border-radius:14px!important;object-fit:cover!important}.group-avatar img{height:100%!important;width:100%!important}.group-avatar-badge{align-items:center!important;background:var(--g-500)!important;border:2px solid var(--surface)!important;border-radius:50%!important;bottom:-2px!important;color:#fff!important;display:flex!important;font-size:10px!important;height:20px!important;justify-content:center!important;position:absolute!important;right:-2px!important;width:20px!important}.group-header-info{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:2px!important;min-width:0!important}.group-name{align-items:center!important;color:var(--text)!important;display:flex!important;font-size:16px!important;font-weight:600!important;gap:6px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.group-verified-badge{color:var(--g-500)!important;font-size:14px!important}.group-meta{color:var(--muted)!important;font-size:12px!important;gap:8px!important}.group-member-count,.group-meta{align-items:center!important;display:flex!important}.group-member-count{gap:4px!important}.group-member-count i{font-size:11px!important}.group-typing-indicator{color:var(--g-500)!important;font-style:italic!important}.group-header-actions{flex-shrink:0!important;gap:4px!important}.group-action-btn,.group-header-actions{align-items:center!important;display:flex!important}.group-action-btn{background:none!important;border:none!important;border-radius:50%!important;color:var(--text)!important;cursor:pointer!important;font-size:18px!important;height:40px!important;justify-content:center!important;transition:var(--chat-transition)!important;width:40px!important}.group-action-btn:active{background:var(--bg)!important;transform:scale(.95)!important}.group-members-preview{align-items:center!important;display:flex!important;margin-top:8px!important;padding-left:56px!important}.member-preview-avatar{background:var(--bg)!important;border:2px solid var(--surface)!important;border-radius:50%!important;height:28px!important;margin-left:-8px!important;object-fit:cover!important;width:28px!important}.member-preview-avatar:first-child{margin-left:0!important}.member-preview-more{align-items:center!important;background:var(--bg)!important;border:2px solid var(--surface)!important;border-radius:50%!important;color:var(--muted)!important;display:flex!important;font-size:10px!important;font-weight:600!important;height:28px!important;justify-content:center!important;margin-left:-8px!important;width:28px!important}.group-details-modal,.group-info-modal{background:var(--surface)!important;bottom:0!important;display:flex!important;flex-direction:column!important;left:0!important;position:fixed!important;right:0!important;top:0!important;transform:translateX(100%)!important;transition:var(--chat-transition)!important;z-index:1200!important}.group-details-modal.open,.group-info-modal.open{transform:translateX(0)!important}.group-details-header{background:var(--surface)!important;border-bottom:1px solid var(--line)!important;flex-shrink:0!important;gap:12px!important;height:var(--chat-header-height)!important;min-height:var(--chat-header-height)!important;padding:0 16px!important}.group-details-back,.group-details-header{align-items:center!important;display:flex!important}.group-details-back{background:none!important;border:none!important;border-radius:50%!important;color:var(--text)!important;cursor:pointer!important;font-size:20px!important;height:40px!important;justify-content:center!important;margin-left:-8px!important;width:40px!important}.group-details-title{color:var(--text)!important;flex:1 1!important;font-size:17px!important;font-weight:600!important}.group-details-edit{align-items:center!important;background:none!important;border:none!important;border-radius:50%!important;color:var(--g-500)!important;cursor:pointer!important;display:flex!important;font-size:18px!important;height:40px!important;justify-content:center!important;width:40px!important}.group-details-content{-webkit-overflow-scrolling:touch!important;flex:1 1!important;overflow-y:auto!important}.group-profile-section{background:linear-gradient(180deg,var(--bg) 0,var(--surface) 100%)!important;flex-direction:column!important;padding:30px 20px!important}.group-profile-avatar,.group-profile-section{align-items:center!important;display:flex!important}.group-profile-avatar{background:linear-gradient(135deg,var(--g-500),var(--g-600))!important;border-radius:24px!important;color:#fff!important;font-size:40px!important;font-weight:600!important;height:100px!important;justify-content:center!important;margin-bottom:16px!important;position:relative!important;width:100px!important}.group-profile-avatar img{border-radius:24px!important;height:100%!important;object-fit:cover!important;width:100%!important}.group-avatar-edit{align-items:center!important;background:var(--surface)!important;border:2px solid var(--surface)!important;border-radius:50%!important;bottom:-4px!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;color:var(--g-500)!important;cursor:pointer!important;display:flex!important;font-size:14px!important;height:32px!important;justify-content:center!important;position:absolute!important;right:-4px!important;width:32px!important}.group-profile-name{color:var(--text)!important;font-size:22px!important;font-weight:700!important;margin-bottom:4px!important;text-align:center!important}.group-profile-type{align-items:center!important;background:rgba(var(--g-500-rgb),.1)!important;border-radius:20px!important;color:var(--g-500)!important;display:inline-flex!important;font-size:12px!important;font-weight:500!important;gap:6px!important;padding:4px 12px!important}.group-profile-description{color:var(--muted)!important;font-size:14px!important;line-height:1.5!important;margin-top:12px!important;max-width:280px!important;text-align:center!important}.group-quick-actions{border-bottom:8px solid var(--bg)!important;display:flex!important;gap:24px!important;justify-content:center!important;padding:20px!important}.group-quick-action{background:none!important;border:none!important;cursor:pointer!important;flex-direction:column!important;gap:8px!important}.group-quick-action,.group-quick-action-icon{align-items:center!important;display:flex!important}.group-quick-action-icon{background:var(--bg)!important;border-radius:50%!important;color:var(--g-500)!important;font-size:20px!important;height:48px!important;justify-content:center!important;transition:var(--chat-transition)!important;width:48px!important}.group-quick-action:active .group-quick-action-icon{background:rgba(var(--g-500-rgb),.15)!important;transform:scale(.95)!important}.group-quick-action-label{color:var(--text)!important;font-size:12px!important;font-weight:500!important}.group-info-section{border-bottom:8px solid var(--bg)!important;padding:16px 20px!important}.group-info-section:last-child{border-bottom:none!important}.group-section-header{align-items:center!important;display:flex!important;justify-content:space-between!important;margin-bottom:12px!important}.group-section-title{color:var(--muted)!important;font-size:13px!important;font-weight:600!important;letter-spacing:.5px!important;text-transform:uppercase!important}.group-section-action{background:none!important;border:none!important;color:var(--g-500)!important;cursor:pointer!important;font-size:13px!important;font-weight:500!important}.group-info-row{align-items:center!important;border-bottom:1px solid var(--line)!important;display:flex!important;gap:14px!important;padding:14px 0!important}.group-info-row:last-child{border-bottom:none!important}.group-info-icon{align-items:center!important;background:var(--bg)!important;border-radius:10px!important;color:var(--muted)!important;display:flex!important;flex-shrink:0!important;font-size:16px!important;height:36px!important;justify-content:center!important;width:36px!important}.group-info-content{flex:1 1!important;min-width:0!important}.group-info-label{color:var(--muted)!important;font-size:12px!important;margin-bottom:2px!important}.group-info-value{color:var(--text)!important;font-size:15px!important;font-weight:500!important}.group-info-arrow{color:var(--muted)!important;font-size:14px!important}.group-members-section{padding:16px 0!important}.group-members-header{align-items:center!important;display:flex!important;justify-content:space-between!important;padding:0 20px 12px!important}.group-members-count{color:var(--muted)!important;font-size:13px!important;font-weight:600!important;letter-spacing:.5px!important;text-transform:uppercase!important}.group-add-member-btn{align-items:center!important;background:rgba(var(--g-500-rgb),.1)!important;border:none!important;border-radius:20px!important;color:var(--g-500)!important;cursor:pointer!important;display:flex!important;font-size:13px!important;font-weight:500!important;gap:6px!important;padding:6px 12px!important}.group-add-member-btn i{font-size:12px!important}.group-members-list{display:flex!important;flex-direction:column!important}.group-member-item{align-items:center!important;cursor:pointer!important;display:flex!important;gap:12px!important;padding:12px 20px!important;transition:var(--chat-transition)!important}.group-member-item:active{background:var(--bg)!important}.group-member-avatar{flex-shrink:0!important;height:44px!important;position:relative!important;width:44px!important}.group-member-avatar,.group-member-avatar img{border-radius:50%!important;object-fit:cover!important}.group-member-avatar img{height:100%!important;width:100%!important}.member-online-indicator{background:#22c55e!important;border:2px solid var(--surface)!important;border-radius:50%!important;bottom:0!important;height:12px!important;position:absolute!important;right:0!important;width:12px!important}.group-member-info{flex:1 1!important;min-width:0!important}.group-member-name{align-items:center!important;color:var(--text)!important;display:flex!important;font-size:15px!important;font-weight:500!important;gap:6px!important}.member-role-badge{border-radius:10px!important;font-size:10px!important;font-weight:600!important;letter-spacing:.3px!important;padding:2px 8px!important;text-transform:uppercase!important}.member-role-badge.admin{background:rgba(var(--g-500-rgb),.15)!important;color:var(--g-500)!important}.member-role-badge.moderator{background:rgba(59,130,246,.15)!important;color:#3b82f6!important}.member-role-badge.owner{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(234,88,12,.15))!important;color:#f59e0b!important}.group-member-status{color:var(--muted)!important;font-size:13px!important}.group-member-status.online{color:#22c55e!important}.group-member-actions{flex-shrink:0!important;gap:8px!important}.group-member-actions,.member-action-btn{align-items:center!important;display:flex!important}.member-action-btn{background:var(--bg)!important;border:none!important;border-radius:50%!important;color:var(--muted)!important;cursor:pointer!important;font-size:14px!important;height:36px!important;justify-content:center!important;width:36px!important}.member-action-btn:active{background:var(--line)!important}.create-group-modal{background:var(--surface)!important;bottom:0!important;display:flex!important;flex-direction:column!important;left:0!important;position:fixed!important;right:0!important;top:0!important;transform:translateX(100%)!important;transition:var(--chat-transition)!important;z-index:1200!important}.create-group-modal.open{transform:translateX(0)!important}.create-group-header{align-items:center!important;border-bottom:1px solid var(--line)!important;display:flex!important;flex-shrink:0!important;height:var(--chat-header-height)!important;justify-content:space-between!important;min-height:var(--chat-header-height)!important;padding:0 16px!important}.create-group-cancel{background:none!important;border:none!important;color:var(--muted)!important;cursor:pointer!important;font-size:15px!important;font-weight:500!important}.create-group-title{color:var(--text)!important;font-size:17px!important;font-weight:600!important}.create-group-next{background:none!important;border:none!important;color:var(--g-500)!important;cursor:pointer!important;font-size:15px!important;font-weight:600!important}.create-group-next:disabled{color:var(--muted)!important;opacity:.5!important}.create-group-content{-webkit-overflow-scrolling:touch!important;flex:1 1!important;overflow-y:auto!important}.create-group-info{padding:24px 20px!important}.create-group-avatar-section{margin-bottom:24px!important}.create-group-avatar-section,.create-group-avatar-upload{align-items:center!important;display:flex!important;flex-direction:column!important}.create-group-avatar-upload{background:var(--bg)!important;border:2px dashed var(--line)!important;border-radius:24px!important;cursor:pointer!important;gap:8px!important;height:100px!important;justify-content:center!important;transition:var(--chat-transition)!important;width:100px!important}.create-group-avatar-upload:active{background:rgba(var(--g-500-rgb),.05)!important;border-color:var(--g-500)!important}.create-group-avatar-upload i{color:var(--muted)!important;font-size:28px!important}.create-group-avatar-upload span{color:var(--muted)!important;font-size:11px!important}.create-group-avatar-preview{border-radius:24px!important;height:100px!important;object-fit:cover!important;position:relative!important;width:100px!important}.create-group-avatar-remove{align-items:center!important;background:#ef4444!important;border:2px solid var(--surface)!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:12px!important;height:28px!important;justify-content:center!important;position:absolute!important;right:-6px!important;top:-6px!important;width:28px!important}.create-group-field{margin-bottom:20px!important}.create-group-label{color:var(--muted)!important;display:block!important;font-size:13px!important;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:8px!important;text-transform:uppercase!important}.create-group-input{background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:12px!important;color:var(--text)!important;font-size:16px!important;padding:14px 16px!important;width:100%!important}.create-group-input::placeholder{color:var(--muted)!important}.create-group-input:focus{border-color:var(--g-500)!important;outline:none!important}.create-group-textarea{background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:12px!important;color:var(--text)!important;font-size:16px!important;min-height:100px!important;padding:14px 16px!important;resize:vertical!important;width:100%!important}.create-group-char-count{color:var(--muted)!important;font-size:12px!important;margin-top:6px!important;text-align:right!important}.create-group-type-section{margin-bottom:20px!important}.group-type-options{display:flex!important;flex-direction:column!important;gap:12px!important}.group-type-option{align-items:center!important;background:var(--bg)!important;border:2px solid var(--line)!important;border-radius:14px!important;cursor:pointer!important;display:flex!important;gap:14px!important;padding:16px!important;transition:var(--chat-transition)!important}.group-type-option.selected{background:rgba(var(--g-500-rgb),.05)!important;border-color:var(--g-500)!important}.group-type-icon{align-items:center!important;background:var(--surface)!important;border-radius:12px!important;color:var(--muted)!important;display:flex!important;font-size:20px!important;height:44px!important;justify-content:center!important;width:44px!important}.group-type-option.selected .group-type-icon{background:var(--g-500)!important;color:#fff!important}.group-type-content{flex:1 1!important}.group-type-name{color:var(--text)!important;font-size:15px!important;font-weight:600!important}.group-type-desc{color:var(--muted)!important;font-size:13px!important;margin-top:2px!important}.group-type-check{align-items:center!important;border:2px solid var(--line)!important;border-radius:50%!important;color:transparent!important;display:flex!important;font-size:12px!important;height:24px!important;justify-content:center!important;transition:var(--chat-transition)!important;width:24px!important}.group-type-option.selected .group-type-check{background:var(--g-500)!important;border-color:var(--g-500)!important;color:#fff!important}.create-group-members{display:flex!important;flex-direction:column!important;height:100%!important}.members-search-container{border-bottom:1px solid var(--line)!important;padding:16px 20px!important}.members-search-input{background:var(--bg)!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E")!important;background-position:16px!important;background-repeat:no-repeat!important;border:1px solid var(--line)!important;border-radius:12px!important;color:var(--text)!important;font-size:15px!important;padding:12px 16px 12px 44px!important;width:100%!important}.selected-members-container{border-bottom:1px solid var(--line)!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;max-height:120px!important;overflow-y:auto!important;padding:12px 20px!important}.selected-member-chip{align-items:center!important;background:rgba(var(--g-500-rgb),.1)!important;border-radius:20px!important;display:flex!important;gap:8px!important;padding:6px 10px 6px 6px!important}.selected-member-chip img{border-radius:50%!important;height:24px!important;object-fit:cover!important;width:24px!important}.selected-member-chip span{color:var(--text)!important;font-size:13px!important;font-weight:500!important}.selected-member-remove{align-items:center!important;background:var(--muted)!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:10px!important;height:18px!important;justify-content:center!important;width:18px!important}.available-members-list{-webkit-overflow-scrolling:touch!important;flex:1 1!important;overflow-y:auto!important}.available-member-item{align-items:center!important;cursor:pointer!important;display:flex!important;gap:12px!important;padding:12px 20px!important;transition:var(--chat-transition)!important}.available-member-item:active{background:var(--bg)!important}.available-member-item.selected{background:rgba(var(--g-500-rgb),.08)!important}.available-member-avatar{border-radius:50%!important;flex-shrink:0!important;height:44px!important;object-fit:cover!important;width:44px!important}.available-member-info{flex:1 1!important;min-width:0!important}.available-member-name{color:var(--text)!important;font-size:15px!important;font-weight:500!important}.available-member-role{color:var(--muted)!important;font-size:13px!important}.available-member-check{align-items:center!important;border:2px solid var(--line)!important;border-radius:50%!important;display:flex!important;flex-shrink:0!important;height:24px!important;justify-content:center!important;transition:var(--chat-transition)!important;width:24px!important}.available-member-item.selected .available-member-check{background:var(--g-500)!important;border-color:var(--g-500)!important;color:#fff!important}.available-member-check i{font-size:12px!important;opacity:0!important}.available-member-item.selected .available-member-check i{opacity:1!important}.create-group-footer{border-top:1px solid var(--line)!important;flex-shrink:0!important;padding:16px 20px!important;padding-bottom:calc(16px + var(--safe-area-bottom))!important}.create-group-btn{align-items:center!important;background:linear-gradient(135deg,var(--g-500),var(--g-600))!important;border:none!important;border-radius:14px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:16px!important;font-weight:600!important;gap:10px!important;height:50px!important;justify-content:center!important;transition:var(--chat-transition)!important;width:100%!important}.create-group-btn:active{transform:scale(.98)!important}.create-group-btn:disabled{cursor:not-allowed!important;opacity:.5!important}.group-settings-section{padding:0!important}.group-setting-item{align-items:center!important;border-bottom:1px solid var(--line)!important;cursor:pointer!important;display:flex!important;gap:14px!important;padding:16px 20px!important}.group-setting-item:last-child{border-bottom:none!important}.group-setting-icon,.group-setting-item:active{background:var(--bg)!important}.group-setting-icon{align-items:center!important;border-radius:10px!important;color:var(--muted)!important;display:flex!important;flex-shrink:0!important;font-size:16px!important;height:36px!important;justify-content:center!important;width:36px!important}.group-setting-content{flex:1 1!important;min-width:0!important}.group-setting-label{color:var(--text)!important;font-size:15px!important;font-weight:500!important}.group-setting-value{color:var(--muted)!important;font-size:13px!important;margin-top:2px!important}.group-setting-arrow{color:var(--muted)!important;font-size:14px!important}.group-danger-section{margin-top:20px!important;padding:20px!important}.group-danger-btn{background:rgba(239,68,68,.1)!important;border:1px solid rgba(239,68,68,.2)!important;border-radius:12px!important;color:#ef4444!important;cursor:pointer!important;font-size:15px!important;font-weight:500!important;margin-bottom:12px!important;padding:14px!important;width:100%!important}.group-danger-btn:last-child{margin-bottom:0!important}.group-danger-btn:active{background:rgba(239,68,68,.15)!important}.group-danger-btn i{margin-right:8px!important}.member-action-sheet{align-items:flex-end!important;background:rgba(0,0,0,.5)!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;opacity:0!important;position:fixed!important;right:0!important;top:0!important;transition:var(--chat-transition)!important;visibility:hidden!important;z-index:1300!important}.member-action-sheet.open{opacity:1!important;visibility:visible!important}.member-action-content{background:var(--surface)!important;border-radius:var(--chat-radius-lg) var(--chat-radius-lg) 0 0!important;max-width:100%!important;padding-bottom:var(--safe-area-bottom)!important;transform:translateY(100%)!important;transition:var(--chat-transition)!important;width:100%!important}.member-action-sheet.open .member-action-content{transform:translateY(0)!important}.member-action-header{align-items:center!important;border-bottom:1px solid var(--line)!important;display:flex!important;gap:12px!important;padding:16px 20px!important}.member-action-avatar{border-radius:50%!important;height:48px!important;object-fit:cover!important;width:48px!important}.member-action-info{flex:1 1!important}.member-action-name{color:var(--text)!important;font-size:16px!important;font-weight:600!important}.member-action-role{color:var(--muted)!important;font-size:13px!important}.member-action-options{padding:8px 0!important}.member-action-option{align-items:center!important;background:none!important;border:none!important;color:var(--text)!important;cursor:pointer!important;display:flex!important;font-size:15px!important;gap:14px!important;padding:14px 20px!important;text-align:left!important;width:100%!important}.member-action-option:active{background:var(--bg)!important}.member-action-option i{color:var(--muted)!important;font-size:18px!important;text-align:center!important;width:24px!important}.member-action-option.danger,.member-action-option.danger i{color:#ef4444!important}.member-action-cancel{background:var(--bg)!important;color:var(--text)!important;margin:8px 20px 16px!important;padding:14px!important;width:calc(100% - 40px)!important}.member-action-cancel,.view-feed-mobile-btn{border:none!important;border-radius:12px!important;cursor:pointer!important;font-size:15px!important;font-weight:600!important}.view-feed-mobile-btn{align-items:center!important;background:linear-gradient(135deg,var(--g-500),var(--g-600))!important;box-shadow:0 4px 12px rgba(var(--g-500-rgb),.3)!important;color:#fff!important;display:flex!important;gap:12px!important;justify-content:space-between!important;margin:16px!important;padding:16px 20px!important;transition:all .2s ease!important;width:calc(100% - 32px)!important}.view-feed-mobile-btn:active{box-shadow:0 2px 8px rgba(var(--g-500-rgb),.2)!important;transform:scale(.98)!important}.view-feed-mobile-btn i:first-child{font-size:20px!important}.view-feed-mobile-btn span{flex:1 1!important;text-align:left!important}.view-feed-mobile-btn i:last-child{font-size:18px!important;opacity:.8!important}.view-all-feed-hint,.view-all-feed-hint.desktop-only{display:none!important}.chat-area.mobile-feed-visible{transform:translateX(0)!important}.announcements-container,.circulars-feed-container{background:var(--bg)!important;display:flex!important;flex-direction:column!important;height:100%!important}.circulars-header{background:var(--surface)!important;border-bottom:1px solid var(--line)!important;flex-shrink:0!important;gap:8px!important;height:var(--chat-header-height)!important;justify-content:space-between!important;min-height:var(--chat-header-height)!important;padding:0 12px!important}.circulars-header,.circulars-header-left{align-items:center!important;display:flex!important}.circulars-header-left{flex:1 1!important;gap:10px!important;min-width:0!important}.circulars-header-left .back-btn,.circulars-header-left .back-btn.mobile-only{-webkit-tap-highlight-color:transparent!important;align-items:center!important;background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:10px!important;color:var(--text)!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:18px!important;height:40px!important;justify-content:center!important;min-height:40px!important;min-width:40px!important;opacity:1!important;pointer-events:auto!important;position:relative!important;touch-action:manipulation!important;visibility:visible!important;width:40px!important;z-index:50!important}.circulars-header-left .back-btn:active{background:var(--line)!important;transform:scale(.95)!important}.circulars-header-left .back-btn i{display:flex!important;pointer-events:none!important}.circulars-header-info{flex:1 1!important;gap:10px!important;min-width:0!important}.circulars-header-info,.circulars-icon{align-items:center!important;display:flex!important}.circulars-icon{background:linear-gradient(135deg,var(--g-500),var(--g-600))!important;border-radius:10px!important;flex-shrink:0!important;height:40px!important;justify-content:center!important;min-width:40px!important;width:40px!important}.circulars-icon i{color:#fff!important;font-size:18px!important}.circulars-title{flex:1 1!important;min-width:0!important}.circulars-title h3{color:var(--text)!important;font-size:15px!important;font-weight:600!important;margin:0 0 1px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.circulars-title p{color:var(--muted)!important;font-size:12px!important;margin:0!important}.circulars-filter-btn{align-items:center!important;background:var(--bg)!important;border:none!important;border-radius:50%!important;color:var(--text)!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:18px!important;height:40px!important;justify-content:center!important;width:40px!important}.circulars-filters{-webkit-overflow-scrolling:touch!important;-ms-overflow-style:none!important;background:var(--surface)!important;border-bottom:1px solid var(--line)!important;display:flex!important;gap:8px!important;overflow-x:auto!important;padding:12px 16px!important;scrollbar-width:none!important}.circulars-filters::-webkit-scrollbar{display:none!important}.filter-chip{align-items:center!important;background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:20px!important;color:var(--text)!important;cursor:pointer!important;display:flex!important;font-size:13px!important;font-weight:500!important;gap:6px!important;padding:8px 14px!important;transition:var(--chat-transition)!important;white-space:nowrap!important}.filter-chip.active{background:var(--g-500)!important;border-color:var(--g-500)!important;color:#fff!important}.filter-chip i{font-size:12px!important}.filter-chip .count{background:hsla(0,0%,100%,.2)!important;border-radius:10px!important;font-size:11px!important;font-weight:600!important;padding:2px 6px!important}.filter-chip.active .count{background:hsla(0,0%,100%,.3)!important}.circulars-view-toggle{background:var(--bg)!important;border-radius:8px!important;display:flex!important;flex-shrink:0!important;gap:2px!important;padding:3px!important}.view-toggle-btn{align-items:center!important;background:transparent!important;border:none!important;border-radius:6px!important;color:var(--muted)!important;cursor:pointer!important;display:flex!important;font-size:12px!important;font-weight:500!important;gap:4px!important;justify-content:center!important;padding:8px 10px!important;transition:var(--chat-transition)!important}.view-toggle-btn i{font-size:15px!important}.view-toggle-btn span{display:none!important}.view-toggle-btn.active{background:var(--surface)!important;box-shadow:0 1px 3px rgba(0,0,0,.08)!important;color:var(--g-500)!important}.circular-composer,.post-composer{align-items:flex-start!important;background:var(--surface)!important;border-bottom:8px solid var(--bg)!important;display:flex!important;gap:12px!important;padding:16px!important}.composer-avatar{border-radius:50%!important;flex-shrink:0!important;height:40px!important;object-fit:cover!important;width:40px!important}.composer-input-area{flex:1 1!important;min-width:0!important}.composer-input{background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:22px!important;color:var(--text)!important;font-size:15px!important;min-height:44px!important;padding:12px 16px!important;resize:none!important;transition:var(--chat-transition)!important;width:100%!important}.composer-input::placeholder{color:var(--muted)!important}.composer-input:focus{border-color:var(--g-500)!important;border-radius:16px!important;min-height:100px!important;outline:none!important}.composer-actions{align-items:center!important;display:flex!important;justify-content:space-between!important;margin-top:12px!important;max-height:0!important;opacity:0!important;overflow:hidden!important;transition:var(--chat-transition)!important}.composer-actions.visible,.composer-input:focus~.composer-actions{max-height:50px!important;opacity:1!important}.composer-attachments{display:flex!important;gap:4px!important}.composer-attach-btn{align-items:center!important;background:none!important;border:none!important;border-radius:50%!important;color:var(--muted)!important;cursor:pointer!important;display:flex!important;font-size:18px!important;height:40px!important;justify-content:center!important;width:40px!important}.composer-attach-btn:active{background:var(--bg)!important;color:var(--g-500)!important}.composer-post-btn{align-items:center!important;background:linear-gradient(135deg,var(--g-500),var(--g-600))!important;border:none!important;border-radius:20px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:600!important;gap:8px!important;padding:10px 20px!important;transition:var(--chat-transition)!important}.composer-post-btn:disabled{cursor:not-allowed!important;opacity:.5!important}.composer-post-btn:active:not(:disabled){transform:scale(.98)!important}.composer-media-preview{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:12px!important}.composer-media-item{border-radius:12px!important;height:80px!important;overflow:hidden!important;position:relative!important;width:80px!important}.composer-media-item img{height:100%!important;object-fit:cover!important;width:100%!important}.composer-media-remove{align-items:center!important;background:rgba(0,0,0,.6)!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:12px!important;height:24px!important;justify-content:center!important;position:absolute!important;right:4px!important;top:4px!important;width:24px!important}.circulars-feed,.posts-feed{-webkit-overflow-scrolling:touch!important;flex:1 1!important;overflow-y:auto!important;padding-bottom:var(--safe-area-bottom)!important}.circular-post,.feed-post{background:var(--surface)!important;margin-bottom:8px!important}.post-header{align-items:center!important;display:flex!important;gap:12px!important;padding:14px 16px!important}.post-author-avatar{border-radius:50%!important;flex-shrink:0!important;height:44px!important;object-fit:cover!important;width:44px!important}.post-author-info{flex:1 1!important;min-width:0!important}.post-author-name{color:var(--text)!important;display:flex!important;font-size:15px!important;gap:6px!important}.post-author-badge,.post-author-name{align-items:center!important;font-weight:600!important}.post-author-badge{background:rgba(var(--g-500-rgb),.1)!important;border-radius:10px!important;color:var(--g-500)!important;display:inline-flex!important;font-size:10px!important;gap:4px!important;padding:2px 8px!important;text-transform:uppercase!important}.post-meta{align-items:center!important;color:var(--muted)!important;display:flex!important;font-size:12px!important;gap:8px!important;margin-top:2px!important}.post-meta-dot{background:var(--muted)!important;border-radius:50%!important;height:3px!important;width:3px!important}.post-options-btn{align-items:center!important;background:none!important;border:none!important;border-radius:50%!important;color:var(--muted)!important;cursor:pointer!important;display:flex!important;font-size:18px!important;height:36px!important;justify-content:center!important;width:36px!important}.post-type-badge{align-items:center!important;border-radius:8px!important;display:inline-flex!important;font-size:12px!important;font-weight:600!important;gap:6px!important;margin:0 16px 12px!important;padding:6px 12px!important}.post-type-badge.announcement{background:rgba(239,68,68,.1)!important;color:#ef4444!important}.post-type-badge.update{background:rgba(59,130,246,.1)!important;color:#3b82f6!important}.post-type-badge.event{background:rgba(168,85,247,.1)!important;color:#a855f7!important}.post-type-badge.policy{background:rgba(245,158,11,.1)!important;color:#f59e0b!important}.post-type-badge i{font-size:12px!important}.post-content{padding:0 16px 14px!important}.post-text{word-wrap:break-word!important;color:var(--text)!important;font-size:15px!important;line-height:1.6!important;white-space:pre-wrap!important}.post-text.truncated{-webkit-line-clamp:5!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important}.post-read-more{background:none!important;border:none!important;color:var(--g-500)!important;cursor:pointer!important;display:inline!important;font-size:14px!important;font-weight:600!important;margin-top:8px!important}.post-hashtags{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:12px!important}.post-hashtag{color:var(--g-500)!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important}.post-media{margin:0 0 12px!important}.post-media.single{overflow:hidden!important}.post-media.single,.post-media.single img{max-height:400px!important;width:100%!important}.post-media.single img{height:100%!important;object-fit:cover!important}.post-media.grid-2{grid-gap:2px!important;display:grid!important;gap:2px!important;grid-template-columns:repeat(2,1fr)!important}.post-media.grid-2 img{height:200px!important;object-fit:cover!important;width:100%!important}.post-media.grid-3{grid-gap:2px!important;display:grid!important;gap:2px!important;grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(2,1fr)!important}.post-media.grid-3 img:first-child{grid-row:span 2!important;height:100%!important}.post-media.grid-3 img{height:150px!important;object-fit:cover!important;width:100%!important}.post-media.grid-4{grid-gap:2px!important;display:grid!important;gap:2px!important;grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(2,1fr)!important}.post-media.grid-4 img{height:150px!important;object-fit:cover!important;width:100%!important}.post-media-more{position:relative!important}.post-media-more:after{align-items:center!important;background:rgba(0,0,0,.6)!important;bottom:0!important;color:#fff!important;content:attr(data-count)!important;display:flex!important;font-size:24px!important;font-weight:700!important;justify-content:center!important;left:0!important;position:absolute!important;right:0!important;top:0!important}.post-video{aspect-ratio:16/9!important;background:#000!important;position:relative!important;width:100%!important}.post-video video{height:100%!important;object-fit:contain!important;width:100%!important}.video-play-btn{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:rgba(0,0,0,.6)!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;font-size:24px!important;height:60px!important;justify-content:center!important;left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:60px!important}.post-document,.video-play-btn{align-items:center!important;display:flex!important}.post-document{background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:12px!important;gap:12px!important;margin:0 16px 12px!important;padding:14px!important}.post-document-icon{align-items:center!important;border-radius:10px!important;display:flex!important;font-size:20px!important;height:44px!important;justify-content:center!important;width:44px!important}.post-document-info{flex:1 1!important;min-width:0!important}.post-document-name{color:var(--text)!important;font-size:14px!important;font-weight:600!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.post-document-meta{color:var(--muted)!important;font-size:12px!important;margin-top:2px!important}.post-document-download{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:50%!important;color:var(--g-500)!important;cursor:pointer!important;font-size:16px!important;height:40px!important;justify-content:center!important;width:40px!important}.post-document-download,.post-stats{align-items:center!important;display:flex!important}.post-stats{border-bottom:1px solid var(--line)!important;border-top:1px solid var(--line)!important;justify-content:space-between!important;padding:10px 16px!important}.post-reactions-summary{align-items:center!important;display:flex!important;gap:8px!important}.reaction-icon,.reactions-icons{display:flex!important}.reaction-icon{align-items:center!important;border:2px solid var(--surface)!important;border-radius:50%!important;font-size:12px!important;height:22px!important;justify-content:center!important;margin-left:-6px!important;width:22px!important}.reaction-icon:first-child{margin-left:0!important}.reaction-icon.like{background:#3b82f6!important}.reaction-icon.love{background:#ef4444!important}.reaction-icon.celebrate{background:#f59e0b!important}.post-engagement,.reactions-count{color:var(--muted)!important;font-size:13px!important}.post-engagement{align-items:center!important;display:flex!important;gap:12px!important}.post-actions{display:flex!important;padding:8px 12px!important}.post-action-btn{align-items:center!important;background:none!important;border:none!important;border-radius:10px!important;color:var(--muted)!important;cursor:pointer!important;display:flex!important;flex:1 1!important;font-size:14px!important;font-weight:500!important;gap:8px!important;height:44px!important;justify-content:center!important;min-height:var(--chat-touch-target)!important;transition:var(--chat-transition)!important}.post-action-btn:active{background:var(--bg)!important}.post-action-btn.active{color:var(--g-500)!important}.post-action-btn.liked{color:#3b82f6!important}.post-action-btn i{font-size:18px!important}.reaction-picker{background:var(--surface)!important;border-radius:30px!important;bottom:100%!important;box-shadow:0 4px 20px rgba(0,0,0,.15)!important;display:flex!important;gap:4px!important;left:0!important;margin-bottom:8px!important;opacity:0!important;padding:8px 12px!important;position:absolute!important;transform:scale(.8) translateY(10px)!important;transition:var(--chat-transition)!important;visibility:hidden!important}.reaction-picker.visible{opacity:1!important;transform:scale(1) translateY(0)!important;visibility:visible!important}.reaction-option{align-items:center!important;background:none!important;border:none!important;cursor:pointer!important;display:flex!important;font-size:24px!important;height:40px!important;justify-content:center!important;transition:transform .2s!important;width:40px!important}.reaction-option:active{transform:scale(1.3)!important}.post-comments{padding:0 16px 16px!important}.comments-header{align-items:center!important;display:flex!important;justify-content:space-between!important;padding:12px 0!important}.comments-title{color:var(--text)!important;font-size:14px!important;font-weight:600!important}.comments-sort{background:none!important;border:none!important;color:var(--g-500)!important;cursor:pointer!important;font-size:13px!important}.comment-item{display:flex!important;gap:10px!important;padding:12px 0!important}.comment-avatar{border-radius:50%!important;flex-shrink:0!important;height:36px!important;object-fit:cover!important;width:36px!important}.comment-content{flex:1 1!important;min-width:0!important}.comment-bubble{background:var(--bg)!important;border-radius:16px!important;border-top-left-radius:4px!important;padding:10px 14px!important}.comment-author{color:var(--text)!important;font-size:13px!important;font-weight:600!important;margin-bottom:2px!important}.comment-text{color:var(--text)!important;font-size:14px!important;line-height:1.5!important}.comment-actions{align-items:center!important;display:flex!important;gap:16px!important;padding:6px 0 0 4px!important}.comment-action{background:none!important;border:none!important;color:var(--muted)!important;cursor:pointer!important;font-size:12px!important;font-weight:500!important}.comment-action.active{color:var(--g-500)!important}.comment-time{color:var(--muted)!important;font-size:12px!important}.comment-replies{border-left:2px solid var(--line)!important;margin-top:12px!important;padding-left:12px!important}.show-replies-btn{background:none!important;border:none!important;color:var(--g-500)!important;cursor:pointer!important;font-size:13px!important;font-weight:500!important;gap:6px!important;padding:8px 0!important}.comment-input-container,.show-replies-btn{align-items:center!important;display:flex!important}.comment-input-container{background:var(--surface)!important;border-top:1px solid var(--line)!important;gap:10px!important;padding:12px 16px!important}.comment-input-avatar{border-radius:50%!important;flex-shrink:0!important;height:32px!important;object-fit:cover!important;width:32px!important}.comment-input-wrapper{align-items:center!important;background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:22px!important;display:flex!important;flex:1 1!important;padding:8px 16px!important}.comment-input{background:none!important;border:none!important;color:var(--text)!important;flex:1 1!important;font-size:14px!important}.comment-input::placeholder{color:var(--muted)!important}.comment-input:focus{outline:none!important}.comment-send-btn{align-items:center!important;background:var(--g-500)!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;height:32px!important;justify-content:center!important;margin-left:8px!important;opacity:.5!important;transition:var(--chat-transition)!important;width:32px!important}.comment-send-btn.active{opacity:1!important}.create-circular-modal{background:var(--surface)!important;bottom:0!important;display:flex!important;flex-direction:column!important;left:0!important;position:fixed!important;right:0!important;top:0!important;transform:translateY(100%)!important;transition:var(--chat-transition)!important;z-index:1200!important}.create-circular-modal.open{transform:translateY(0)!important}.create-circular-header{align-items:center!important;border-bottom:1px solid var(--line)!important;display:flex!important;flex-shrink:0!important;height:var(--chat-header-height)!important;justify-content:space-between!important;min-height:var(--chat-header-height)!important;padding:0 16px!important}.create-circular-cancel{background:none!important;border:none!important;color:var(--muted)!important;cursor:pointer!important;font-size:15px!important;font-weight:500!important}.create-circular-title{color:var(--text)!important;font-size:17px!important;font-weight:600!important}.create-circular-post{background:none!important;border:none!important;color:var(--g-500)!important;cursor:pointer!important;font-size:15px!important;font-weight:600!important}.create-circular-post:disabled{color:var(--muted)!important;opacity:.5!important}.create-circular-content{-webkit-overflow-scrolling:touch!important;flex:1 1!important;overflow-y:auto!important;padding:16px!important}.circular-type-section{margin-bottom:20px!important}.circular-type-label{color:var(--muted)!important;font-size:13px!important;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:10px!important;text-transform:uppercase!important}.circular-type-options{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.circular-type-btn{align-items:center!important;background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:20px!important;color:var(--text)!important;cursor:pointer!important;display:flex!important;font-size:13px!important;font-weight:500!important;gap:6px!important;padding:10px 14px!important;transition:var(--chat-transition)!important}.circular-type-btn.selected{background:rgba(var(--g-500-rgb),.1)!important;border-color:var(--g-500)!important;color:var(--g-500)!important}.circular-type-btn i{font-size:14px!important}.circular-text-input{background:none!important;border:none!important;color:var(--text)!important;font-size:18px!important;line-height:1.6!important;min-height:150px!important;padding:0!important;resize:none!important;width:100%!important}.circular-text-input::placeholder{color:var(--muted)!important}.circular-text-input:focus{outline:none!important}.circular-media-section{margin-top:16px!important}.circular-media-grid{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:repeat(3,1fr)!important}.circular-media-item{aspect-ratio:1!important;border-radius:12px!important;overflow:hidden!important;position:relative!important}.circular-media-item img{height:100%!important;object-fit:cover!important;width:100%!important}.circular-media-remove{background:rgba(0,0,0,.6)!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;height:28px!important;justify-content:center!important;position:absolute!important;right:6px!important;top:6px!important;width:28px!important}.circular-media-remove,.create-circular-footer{align-items:center!important;display:flex!important}.create-circular-footer{border-top:1px solid var(--line)!important;flex-shrink:0!important;justify-content:space-between!important;padding:12px 16px!important;padding-bottom:calc(12px + var(--safe-area-bottom))!important}.circular-attach-options{display:flex!important;gap:8px!important}.circular-attach-btn{align-items:center!important;background:var(--bg)!important;border:none!important;border-radius:50%!important;color:var(--muted)!important;cursor:pointer!important;display:flex!important;font-size:20px!important;height:44px!important;justify-content:center!important;width:44px!important}.circular-attach-btn:active{background:var(--line)!important;color:var(--g-500)!important}.circular-char-count{color:var(--muted)!important;font-size:13px!important}.circular-char-count.warning{color:#f59e0b!important}.circular-char-count.error{color:#ef4444!important}.profile-modal-overlay{align-items:flex-end!important;animation:fadeIn .2s ease!important;background:rgba(0,0,0,.6)!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;opacity:1!important;position:fixed!important;right:0!important;top:0!important;z-index:1300!important}.profile-modal-content{animation:slideUp .3s ease!important;background:var(--surface)!important;border-radius:20px 20px 0 0!important;display:flex!important;flex-direction:column!important;max-height:85vh!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.profile-modal-close{align-items:center!important;background:rgba(0,0,0,.1)!important;border:none!important;border-radius:50%!important;color:var(--text)!important;cursor:pointer!important;display:flex!important;font-size:20px!important;height:36px!important;justify-content:center!important;position:absolute!important;right:16px!important;top:16px!important;width:36px!important;z-index:10!important}.profile-modal-close:active{background:rgba(0,0,0,.15)!important;transform:scale(.95)!important}.profile-modal-header{align-items:center!important;background:linear-gradient(180deg,var(--g-50) 0,var(--surface) 100%)!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important;padding:30px 20px 20px!important}.profile-modal-header,.profile-modal-header .profile-avatar-large{position:relative!important}.profile-modal-header h2{color:var(--text)!important;font-size:22px!important;font-weight:700!important;margin:12px 0 4px!important;text-align:center!important}.profile-modal-header .profile-role{color:var(--muted)!important;font-size:14px!important;margin:0!important;text-align:center!important}.profile-modal-header .profile-last-seen{color:var(--muted)!important;font-size:13px!important;margin-top:8px!important}.profile-modal-body{-webkit-overflow-scrolling:touch!important;flex:1 1!important;overflow-y:auto!important;padding:16px!important}.profile-section{margin-bottom:20px!important}.profile-section h3{align-items:center!important;color:var(--text)!important;display:flex!important;font-size:14px!important;font-weight:600!important;gap:8px!important;margin-bottom:12px!important}.profile-section h3 i{color:var(--g-500)!important;font-size:18px!important}.profile-info-item{align-items:flex-start!important;background:var(--bg)!important;border-radius:10px!important;display:flex!important;gap:12px!important;margin-bottom:8px!important;padding:12px!important}.profile-info-item i{color:var(--g-500)!important;flex-shrink:0!important;font-size:20px!important;margin-top:2px!important}.profile-info-item>div{flex:1 1!important;min-width:0!important}.profile-info-item .info-label{color:var(--muted)!important;display:block!important;font-size:12px!important;font-weight:500!important;margin-bottom:2px!important}.profile-info-item .info-value{color:var(--text)!important;display:block!important;font-size:14px!important;font-weight:500!important;word-break:break-word!important}.profile-actions{display:flex!important;flex-direction:column!important;gap:8px!important}.profile-action-btn{align-items:center!important;background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:10px!important;color:var(--text)!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:500!important;gap:12px!important;padding:14px 16px!important;text-align:left!important;transition:all .2s ease!important;width:100%!important}.profile-action-btn:active{background:rgba(var(--g-500-rgb),.05)!important;transform:scale(.98)!important}.profile-action-btn i{color:var(--g-500)!important;flex-shrink:0!important;font-size:20px!important}.profile-action-btn.danger{border-color:rgba(239,68,68,.2)!important;color:#ef4444!important}.profile-action-btn.danger i{color:#ef4444!important}.profile-action-btn.danger:active{background:rgba(239,68,68,.1)!important}.profile-action-btn.warning{border-color:rgba(245,158,11,.2)!important;color:#f59e0b!important}.profile-action-btn.warning i{color:#f59e0b!important}.blockchain-verification{align-items:flex-start!important;background:linear-gradient(135deg,rgba(var(--g-500-rgb),.1),rgba(var(--g-500-rgb),.05))!important;border:1px solid rgba(var(--g-500-rgb),.2)!important;border-radius:12px!important;display:flex!important;gap:12px!important;padding:16px!important}.blockchain-verification i{color:var(--g-500)!important;flex-shrink:0!important;font-size:24px!important}.blockchain-verification h4{color:var(--text)!important;font-size:14px!important;font-weight:600!important;margin:0 0 4px!important}.blockchain-verification p{color:var(--muted)!important;font-size:13px!important;margin:0!important}.profile-header-section{align-items:center!important;background:linear-gradient(180deg,var(--bg) 0,var(--surface) 100%)!important;display:flex!important;flex-direction:column!important;padding:30px 20px!important}.profile-avatar-large{border:4px solid var(--surface)!important;border-radius:50%!important;box-shadow:0 4px 20px rgba(0,0,0,.15)!important;height:120px!important;margin-bottom:16px!important;object-fit:cover!important;width:120px!important}.profile-name-large{align-items:center!important;color:var(--text)!important;display:flex!important;font-size:24px!important;font-weight:700!important;gap:8px!important;text-align:center!important}.profile-verified-icon{color:var(--g-500)!important;font-size:20px!important}.profile-role{color:var(--muted)!important;font-size:15px!important;margin-top:4px!important}.profile-status{align-items:center!important;background:var(--bg)!important;border-radius:20px!important;color:var(--text)!important;display:inline-flex!important;font-size:13px!important;gap:6px!important;margin-top:12px!important;padding:6px 14px!important}.profile-status-dot{border-radius:50%!important;height:8px!important;width:8px!important}.profile-status-dot.online{background:#22c55e!important}.profile-status-dot.offline{background:var(--muted)!important}.profile-status-dot.away{background:#f59e0b!important}.profile-quick-actions{border-bottom:8px solid var(--bg)!important;display:flex!important;gap:20px!important;justify-content:center!important;padding:20px!important}.profile-quick-btn{background:none!important;border:none!important;cursor:pointer!important;flex-direction:column!important;gap:8px!important;min-width:70px!important}.profile-quick-btn,.profile-quick-btn-icon{align-items:center!important;display:flex!important}.profile-quick-btn-icon{background:var(--bg)!important;border-radius:50%!important;color:var(--g-500)!important;font-size:20px!important;height:50px!important;justify-content:center!important;transition:var(--chat-transition)!important;width:50px!important}.profile-quick-btn:active .profile-quick-btn-icon{background:rgba(var(--g-500-rgb),.15)!important;transform:scale(.95)!important}.profile-quick-btn-label{color:var(--text)!important;font-size:12px!important;font-weight:500!important}.profile-info-section{border-bottom:8px solid var(--bg)!important;padding:16px 20px!important}.profile-section-title{color:var(--muted)!important;font-size:13px!important;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:12px!important;text-transform:uppercase!important}.profile-info-row{align-items:center!important;border-bottom:1px solid var(--line)!important;display:flex!important;gap:14px!important;padding:14px 0!important}.profile-info-row:last-child{border-bottom:none!important}.profile-info-icon{align-items:center!important;background:var(--bg)!important;border-radius:10px!important;color:var(--muted)!important;display:flex!important;flex-shrink:0!important;font-size:16px!important;height:36px!important;justify-content:center!important;width:36px!important}.profile-info-content{flex:1 1!important;min-width:0!important}.profile-info-label{color:var(--muted)!important;font-size:12px!important;margin-bottom:2px!important}.profile-info-value{color:var(--text)!important;font-size:15px!important;font-weight:500!important;word-break:break-all!important}.profile-info-action{color:var(--g-500)!important;flex-shrink:0!important;font-size:14px!important}.profile-blockchain-section{padding:16px 20px!important}.blockchain-wallet-card{background:linear-gradient(135deg,rgba(var(--g-500-rgb),.08),rgba(var(--g-600-rgb),.12))!important;border:1px solid rgba(var(--g-500-rgb),.2)!important;border-radius:14px!important;gap:14px!important;padding:16px!important}.blockchain-wallet-card,.wallet-icon{align-items:center!important;display:flex!important}.wallet-icon{background:var(--g-500)!important;border-radius:12px!important;color:#fff!important;font-size:20px!important;height:44px!important;justify-content:center!important;width:44px!important}.wallet-info{flex:1 1!important;min-width:0!important}.wallet-label{color:var(--muted)!important;font-size:12px!important}.wallet-address{color:var(--text)!important;font-family:SF Mono,Fira Code,monospace!important;font-size:13px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.wallet-copy-btn{align-items:center!important;background:var(--surface)!important;border:none!important;border-radius:8px!important;color:var(--g-500)!important;cursor:pointer!important;display:flex!important;font-size:16px!important;height:36px!important;justify-content:center!important;width:36px!important}.image-viewer,.lightbox-modal{background:rgba(0,0,0,.95)!important;bottom:0!important;display:flex!important;flex-direction:column!important;left:0!important;opacity:0!important;position:fixed!important;right:0!important;top:0!important;transition:var(--chat-transition)!important;visibility:hidden!important;z-index:1400!important}.image-viewer.open,.lightbox-modal.open{opacity:1!important;visibility:visible!important}.image-viewer-header{background:linear-gradient(180deg,rgba(0,0,0,.6),transparent)!important;height:var(--chat-header-height)!important;justify-content:space-between!important;left:0!important;padding:0 16px!important;padding-top:var(--safe-area-top)!important;position:absolute!important;right:0!important;top:0!important;z-index:1!important}.image-viewer-close,.image-viewer-header{align-items:center!important;display:flex!important}.image-viewer-close{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:hsla(0,0%,100%,.1)!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;font-size:20px!important;height:44px!important;justify-content:center!important;width:44px!important}.image-viewer-counter{color:#fff!important;font-size:15px!important;font-weight:500!important}.image-viewer-actions{display:flex!important;gap:8px!important}.image-viewer-action{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:hsla(0,0%,100%,.1)!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;font-size:18px!important;height:44px!important;width:44px!important}.image-viewer-action,.image-viewer-container{align-items:center!important;display:flex!important;justify-content:center!important}.image-viewer-container{flex:1 1!important;overflow:hidden!important;touch-action:pan-x pan-y pinch-zoom!important}.image-viewer-img{-webkit-user-drag:none!important;max-height:100%!important;max-width:100%!important;object-fit:contain!important;transition:transform .2s ease!important;-webkit-user-select:none!important;user-select:none!important}.image-viewer-footer{background:linear-gradient(0deg,rgba(0,0,0,.6),transparent)!important;bottom:0!important;left:0!important;padding:16px!important;padding-bottom:calc(16px + var(--safe-area-bottom))!important;position:absolute!important;right:0!important}.image-viewer-caption{color:#fff!important;font-size:14px!important;margin-bottom:12px!important;text-align:center!important}.image-viewer-thumbnails{-webkit-overflow-scrolling:touch!important;display:flex!important;gap:8px!important;justify-content:center!important;overflow-x:auto!important;padding:8px 0!important}.thumbnail-item{border-radius:8px!important;flex-shrink:0!important;height:50px!important;opacity:.5!important;overflow:hidden!important;transition:var(--chat-transition)!important;width:50px!important}.thumbnail-item.active{border:2px solid #fff!important;opacity:1!important}.thumbnail-item img{height:100%!important;object-fit:cover!important;width:100%!important}.context-menu{animation:slideDown .2s ease!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px!important;bottom:auto!important;box-shadow:0 8px 24px rgba(0,0,0,.2)!important;left:auto!important;max-width:calc(100vw - 32px)!important;min-width:220px!important;padding:8px!important;position:fixed!important;right:8px!important;top:auto!important;z-index:1350!important}.context-menu-item{align-items:center!important;background:none!important;border:none!important;border-radius:8px!important;color:var(--text)!important;cursor:pointer!important;display:flex!important;font-size:15px!important;gap:12px!important;padding:14px 16px!important;text-align:left!important;transition:background .2s ease!important;width:100%!important}.context-menu-item:active{background:var(--bg)!important}.context-menu-item i{color:var(--g-600)!important;flex-shrink:0!important;font-size:20px!important;text-align:center!important;width:20px!important}.context-menu-item span{flex:1 1!important}.context-menu-divider{background:var(--line)!important;height:1px!important;margin:4px 0!important}.action-sheet{align-items:flex-end!important;background:rgba(0,0,0,.5)!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;opacity:0!important;position:fixed!important;right:0!important;top:0!important;transition:var(--chat-transition)!important;visibility:hidden!important;z-index:1350!important}.action-sheet.open{opacity:1!important;visibility:visible!important}.action-sheet-content,.context-menu-content{background:var(--surface)!important;border-radius:var(--chat-radius-lg) var(--chat-radius-lg) 0 0!important;max-width:100%!important;padding-bottom:var(--safe-area-bottom)!important;transform:translateY(100%)!important;transition:var(--chat-transition)!important;width:100%!important}.action-sheet.open .action-sheet-content,.context-menu.open .context-menu-content{transform:translateY(0)!important}.sheet-handle{background:var(--line)!important;border-radius:2px!important;height:4px!important;margin:10px auto!important;width:36px!important}.action-sheet-header,.context-menu-header{align-items:center!important;border-bottom:1px solid var(--line)!important;display:flex!important;gap:12px!important;padding:12px 20px 16px!important}.context-menu-preview{border-radius:12px!important;flex-shrink:0!important;height:56px!important;object-fit:cover!important;width:56px!important}.context-menu-info{flex:1 1!important;min-width:0!important}.context-menu-title{color:var(--text)!important;font-size:16px!important;font-weight:600!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.context-menu-subtitle{color:var(--muted)!important;font-size:13px!important;margin-top:2px!important}.action-sheet-options,.context-menu-options{padding:8px 0!important}.action-sheet-option,.context-menu-option{align-items:center!important;background:none!important;border:none!important;color:var(--text)!important;cursor:pointer!important;display:flex!important;font-size:16px!important;gap:14px!important;padding:14px 20px!important;text-align:left!important;transition:var(--chat-transition)!important;width:100%!important}.action-sheet-option:active,.context-menu-option:active{background:var(--bg)!important}.action-sheet-option i,.context-menu-option i{color:var(--muted)!important;font-size:18px!important;text-align:center!important;width:24px!important}.action-sheet-option.danger,.action-sheet-option.danger i,.context-menu-option.danger,.context-menu-option.danger i{color:#ef4444!important}.action-sheet-separator,.context-menu-separator{background:var(--bg)!important;height:8px!important;margin:8px 0!important}.action-sheet-cancel,.context-menu-cancel{background:var(--bg)!important;border:none!important;border-radius:12px!important;color:var(--text)!important;cursor:pointer!important;font-size:16px!important;font-weight:600!important;margin:8px 20px 16px!important;padding:14px!important;width:calc(100% - 40px)!important}.alert-dialog,.confirm-dialog{align-items:center!important;background:rgba(0,0,0,.5)!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;opacity:0!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;transition:var(--chat-transition)!important;visibility:hidden!important;z-index:1400!important}.alert-dialog.open,.confirm-dialog.open{opacity:1!important;visibility:visible!important}.alert-dialog-content,.confirm-dialog-content{background:var(--surface)!important;border-radius:var(--chat-radius)!important;max-width:320px!important;overflow:hidden!important;transform:scale(.9)!important;transition:var(--chat-transition)!important;width:100%!important}.alert-dialog.open .alert-dialog-content,.confirm-dialog.open .confirm-dialog-content{transform:scale(1)!important}.dialog-icon{padding:24px 24px 16px!important}.dialog-icon,.dialog-icon-circle{display:flex!important;justify-content:center!important}.dialog-icon-circle{align-items:center!important;border-radius:50%!important;font-size:28px!important;height:64px!important;width:64px!important}.dialog-icon-circle.warning{background:rgba(245,158,11,.15)!important;color:#f59e0b!important}.dialog-icon-circle.danger{background:rgba(239,68,68,.15)!important;color:#ef4444!important}.dialog-icon-circle.success{background:rgba(34,197,94,.15)!important;color:#22c55e!important}.dialog-icon-circle.info{background:rgba(59,130,246,.15)!important;color:#3b82f6!important}.dialog-body{padding:0 24px 24px!important;text-align:center!important}.dialog-title{color:var(--text)!important;font-size:18px!important;font-weight:700!important;margin-bottom:8px!important}.dialog-message{color:var(--muted)!important;font-size:14px!important;line-height:1.5!important}.dialog-actions{border-top:1px solid var(--line)!important;display:flex!important}.dialog-btn{background:none!important;border:none!important;cursor:pointer!important;flex:1 1!important;font-size:16px!important;font-weight:600!important;padding:16px!important;transition:var(--chat-transition)!important}.dialog-btn:active{background:var(--bg)!important}.dialog-btn.cancel{border-right:1px solid var(--line)!important;color:var(--muted)!important}.dialog-btn.confirm{color:var(--g-500)!important}.dialog-btn.danger{color:#ef4444!important}.dialog-actions.stacked{flex-direction:column!important}.dialog-actions.stacked .dialog-btn{border-bottom:1px solid var(--line)!important;border-right:none!important}.dialog-actions.stacked .dialog-btn:last-child{border-bottom:none!important}.tooltip{background:var(--text)!important;border-radius:8px!important;color:var(--surface)!important;font-size:12px!important;font-weight:500!important;opacity:0!important;padding:8px 12px!important;pointer-events:none!important;position:absolute!important;transform:translateY(4px)!important;transition:var(--chat-transition)!important;visibility:hidden!important;white-space:nowrap!important;z-index:1500!important}.tooltip.visible{opacity:1!important;transform:translateY(0)!important;visibility:visible!important}.tooltip:after{border:6px solid transparent!important;border-bottom:6px solid var(--text)!important;bottom:100%!important;content:""!important;left:50%!important;transform:translateX(-50%)!important}.popover,.tooltip:after{position:absolute!important}.popover{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 10px 40px rgba(0,0,0,.15)!important;max-width:280px!important;min-width:200px!important;opacity:0!important;transform:scale(.95) translateY(-10px)!important;transform-origin:top center!important;transition:var(--chat-transition)!important;visibility:hidden!important;z-index:1350!important}.popover.visible{opacity:1!important;transform:scale(1) translateY(0)!important;visibility:visible!important}.popover-header{border-bottom:1px solid var(--line)!important;padding:14px 16px!important}.popover-title{color:var(--text)!important;font-size:15px!important;font-weight:600!important}.popover-body{padding:12px 16px!important}.popover-item{align-items:center!important;color:var(--text)!important;cursor:pointer!important;display:flex!important;font-size:14px!important;gap:12px!important;padding:10px 0!important}.popover-item i{color:var(--muted)!important;text-align:center!important;width:20px!important}.modal-backdrop{background:rgba(0,0,0,.5)!important;bottom:0!important;left:0!important;opacity:0!important;position:fixed!important;right:0!important;top:0!important;transition:var(--chat-transition)!important;visibility:hidden!important;z-index:1200!important}.modal-backdrop.visible{opacity:1!important;visibility:visible!important}.forward-modal{align-items:flex-end!important;background:rgba(0,0,0,.5)!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;opacity:0!important;position:fixed!important;right:0!important;top:0!important;transition:var(--chat-transition)!important;visibility:hidden!important;z-index:1300!important}.forward-modal.open{opacity:1!important;visibility:visible!important}.forward-modal-content{background:var(--surface)!important;border-radius:var(--chat-radius-lg) var(--chat-radius-lg) 0 0!important;display:flex!important;flex-direction:column!important;max-height:80vh!important;transform:translateY(100%)!important;transition:var(--chat-transition)!important;width:100%!important}.forward-modal.open .forward-modal-content{transform:translateY(0)!important}.forward-modal-header{align-items:center!important;border-bottom:1px solid var(--line)!important;display:flex!important;flex-shrink:0!important;justify-content:space-between!important;padding:16px 20px!important}.forward-modal-title{color:var(--text)!important;font-size:17px!important;font-weight:600!important}.forward-modal-close{align-items:center!important;border:none!important;border-radius:50%!important;color:var(--muted)!important;cursor:pointer!important;font-size:18px!important;height:36px!important;justify-content:center!important;width:36px!important}.forward-message-preview,.forward-modal-close{background:var(--bg)!important;display:flex!important}.forward-message-preview{border-bottom:1px solid var(--line)!important;gap:12px!important;padding:12px 20px!important}.forward-message-preview-icon{align-items:center!important;background:var(--surface)!important;border-radius:10px!important;color:var(--g-500)!important;display:flex!important;flex-shrink:0!important;font-size:18px!important;height:40px!important;justify-content:center!important;width:40px!important}.forward-message-text{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;color:var(--text)!important;display:-webkit-box!important;flex:1 1!important;font-size:14px!important;overflow:hidden!important}.forward-search{border-bottom:1px solid var(--line)!important;padding:12px 20px!important}.forward-search-input{background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:12px!important;color:var(--text)!important;font-size:15px!important;padding:12px 16px!important;width:100%!important}.forward-recipients{-webkit-overflow-scrolling:touch!important;flex:1 1!important;overflow-y:auto!important}.forward-recipient-item{align-items:center!important;cursor:pointer!important;display:flex!important;gap:12px!important;padding:12px 20px!important}.forward-recipient-item:active{background:var(--bg)!important}.forward-recipient-item.selected{background:rgba(var(--g-500-rgb),.08)!important}.forward-recipient-avatar{border-radius:50%!important;height:44px!important;object-fit:cover!important;width:44px!important}.forward-recipient-name{color:var(--text)!important;flex:1 1!important;font-size:15px!important;font-weight:500!important}.forward-recipient-check{align-items:center!important;border:2px solid var(--line)!important;border-radius:50%!important;display:flex!important;height:24px!important;justify-content:center!important;transition:var(--chat-transition)!important;width:24px!important}.forward-recipient-item.selected .forward-recipient-check{background:var(--g-500)!important;border-color:var(--g-500)!important;color:#fff!important}.forward-modal-footer{border-top:1px solid var(--line)!important;flex-shrink:0!important;padding:16px 20px!important;padding-bottom:calc(16px + var(--safe-area-bottom))!important}.forward-send-btn{align-items:center!important;background:linear-gradient(135deg,var(--g-500),var(--g-600))!important;border:none!important;border-radius:14px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:16px!important;font-weight:600!important;gap:10px!important;height:50px!important;justify-content:center!important;width:100%!important}.forward-send-btn:disabled{opacity:.5!important}.back-btn.mobile-only{display:flex!important;opacity:1!important;pointer-events:auto!important;position:relative!important;visibility:visible!important;z-index:10!important}.back-btn{-webkit-tap-highlight-color:transparent!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--chat-radius-sm)!important;color:var(--text)!important;cursor:pointer!important;flex-shrink:0!important;height:var(--chat-touch-target)!important;min-height:var(--chat-touch-target)!important;min-width:var(--chat-touch-target)!important;pointer-events:auto!important;touch-action:manipulation!important;transition:all .15s ease!important;width:var(--chat-touch-target)!important}.back-btn,.back-btn i{align-items:center!important;display:flex!important;font-size:20px!important;justify-content:center!important}.back-btn i{pointer-events:none!important}.back-btn:active{background:var(--bg)!important;border-color:var(--g-400)!important;transform:scale(.92)!important}.circulars-header-left .back-btn{margin-right:8px!important}.chat-header .back-btn{margin-right:4px!important}.empty-chat,.empty-state,.no-conversations,.no-messages,.no-results{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:300px!important;padding:40px 24px!important;text-align:center!important}.empty-state-icon{align-items:center!important;background:linear-gradient(135deg,var(--bg),rgba(var(--g-500-rgb),.08))!important;border-radius:24px!important;display:flex!important;height:80px!important;justify-content:center!important;margin-bottom:20px!important;width:80px!important}.empty-state-icon i{color:var(--g-500)!important;font-size:36px!important}.empty-state-title{color:var(--text)!important;font-size:18px!important;font-weight:700!important;margin-bottom:8px!important}.empty-state-text{color:var(--muted)!important;font-size:14px!important;line-height:1.5!important;margin-bottom:20px!important;max-width:280px!important}.empty-state-btn{align-items:center!important;background:linear-gradient(135deg,var(--g-500),var(--g-600))!important;border:none!important;border-radius:12px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:14px!important;font-weight:600!important;gap:8px!important;padding:12px 24px!important}.no-chat-selected{background:var(--bg)!important;flex-direction:column!important;height:100%!important;padding:40px!important;text-align:center!important}.no-chat-icon,.no-chat-selected{align-items:center!important;display:flex!important;justify-content:center!important}.no-chat-icon{background:var(--surface)!important;border-radius:50%!important;box-shadow:0 8px 32px rgba(0,0,0,.08)!important;height:100px!important;margin-bottom:24px!important;width:100px!important}.no-chat-icon i{color:var(--g-500)!important;font-size:44px!important}.no-chat-title{color:var(--text)!important;font-size:20px!important;font-weight:700!important;margin-bottom:8px!important}.no-chat-text{color:var(--muted)!important;font-size:14px!important;max-width:280px!important}.loading-container,.loading-state{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:200px!important;padding:40px 20px!important}.loading-spinner{animation:spin .8s linear infinite!important;border:3px solid var(--line)!important;border-radius:50%!important;border-top-color:var(--g-500)!important;height:40px!important;margin-bottom:16px!important;width:40px!important}.loading-text{color:var(--muted)!important;font-size:14px!important}.inline-loader{align-items:center!important;color:var(--muted)!important;display:inline-flex!important;font-size:13px!important;gap:8px!important}.inline-loader-dot{animation:pulse-dot 1.4s ease-in-out infinite both!important;background:var(--g-500)!important;border-radius:50%!important;height:6px!important;width:6px!important}.inline-loader-dot:first-child{animation-delay:-.32s!important}.inline-loader-dot:nth-child(2){animation-delay:-.16s!important}@keyframes pulse-dot{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.page-loader{background:var(--surface)!important;bottom:0!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.page-loader,.page-loader-content{align-items:center!important;display:flex!important}.page-loader-content{flex-direction:column!important;gap:20px!important}.page-loader-logo{animation:pulse 1.5s ease-in-out infinite!important;height:60px!important;width:60px!important}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.skeleton{animation:skeleton-shimmer 1.5s infinite!important;background:linear-gradient(90deg,var(--bg) 25%,rgba(var(--g-500-rgb),.08) 50%,var(--bg) 75%)!important;background-size:200% 100%!important;border-radius:8px!important}.conversation-skeleton{align-items:center!important;display:flex!important;gap:12px!important;padding:14px 16px!important}.skeleton-avatar{border-radius:50%!important;flex-shrink:0!important;height:52px!important;width:52px!important}.skeleton-content{flex:1 1!important}.skeleton-line{border-radius:7px!important;height:14px!important;margin-bottom:8px!important}.skeleton-line:last-child{margin-bottom:0!important}.skeleton-line.short{width:60%!important}.skeleton-line.medium{width:80%!important}.skeleton-line.full{width:100%!important}.message-skeleton{display:flex!important;gap:10px!important;max-width:75%!important;padding:8px 16px!important}.message-skeleton.own{flex-direction:row-reverse!important;margin-left:auto!important}.message-skeleton-bubble{border-radius:var(--chat-radius)!important;padding:14px!important}.message-skeleton-bubble .skeleton-line{height:12px!important}.post-skeleton{background:var(--surface)!important;border-radius:var(--chat-radius)!important;margin-bottom:16px!important;padding:16px!important}.post-skeleton-header{align-items:center!important;display:flex!important;gap:12px!important;margin-bottom:14px!important}.post-skeleton-avatar{border-radius:50%!important;height:44px!important;width:44px!important}.post-skeleton-meta{flex:1 1!important}.post-skeleton-content,.post-skeleton-image{margin-bottom:14px!important}.post-skeleton-image{border-radius:12px!important;height:200px!important}.post-skeleton-actions{display:flex!important;gap:16px!important}.post-skeleton-action{border-radius:8px!important;height:32px!important;width:60px!important}.error-state{flex-direction:column!important;padding:40px 24px!important;text-align:center!important}.error-state,.error-state-icon{align-items:center!important;display:flex!important;justify-content:center!important}.error-state-icon{background:rgba(239,68,68,.1)!important;border-radius:50%!important;height:70px!important;margin-bottom:20px!important;width:70px!important}.error-state-icon i{color:#ef4444!important;font-size:32px!important}.error-state-title{color:var(--text)!important;font-size:18px!important;font-weight:700!important;margin-bottom:8px!important}.error-state-text{color:var(--muted)!important;font-size:14px!important;line-height:1.5!important;margin-bottom:20px!important;max-width:280px!important}.error-retry-btn{background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:12px!important;color:var(--text)!important;cursor:pointer!important;display:inline-flex!important;font-size:14px!important;font-weight:600!important;padding:12px 24px!important}.error-retry-btn,.inline-error{align-items:center!important;gap:8px!important}.inline-error{background:rgba(239,68,68,.08)!important;border:1px solid rgba(239,68,68,.2)!important;border-radius:10px!important;color:#ef4444!important;display:flex!important;font-size:13px!important;padding:12px 16px!important}.inline-error i{font-size:16px!important}.connection-error{align-items:center!important;background:#fef2f2!important;border-bottom:1px solid #fecaca!important;color:#dc2626!important;display:flex!important;font-size:13px!important;gap:10px!important;justify-content:center!important;padding:12px 16px!important}[data-theme=dark] .connection-error{background:rgba(239,68,68,.12)!important;border-color:rgba(239,68,68,.25)!important}.connection-error i{font-size:18px!important}.connection-error-retry{background:#dc2626!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-size:12px!important;font-weight:600!important;padding:6px 12px!important}.toast-container{bottom:calc(86px + var(--safe-area-bottom))!important;bottom:calc(var(--dashboard-nav-height, 70px) + 16px + var(--safe-area-bottom))!important;display:flex!important;flex-direction:column!important;gap:10px!important;left:16px!important;pointer-events:none!important;position:fixed!important;right:16px!important;z-index:9000!important}.toast{align-items:center!important;background:var(--text)!important;border-radius:14px!important;box-shadow:0 8px 32px rgba(0,0,0,.2)!important;display:flex!important;gap:12px!important;opacity:0!important;padding:14px 16px!important;pointer-events:auto!important;transform:translateY(100px)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.toast.visible{opacity:1!important;transform:translateY(0)!important}.toast-icon{align-items:center!important;border-radius:50%!important;display:flex!important;flex-shrink:0!important;font-size:14px!important;height:28px!important;justify-content:center!important;width:28px!important}.toast.success .toast-icon{background:rgba(34,197,94,.2)!important;color:#22c55e!important}.toast.error .toast-icon{background:rgba(239,68,68,.2)!important;color:#ef4444!important}.toast.warning .toast-icon{background:rgba(245,158,11,.2)!important;color:#f59e0b!important}.toast.info .toast-icon{background:rgba(59,130,246,.2)!important;color:#3b82f6!important}.toast-content{flex:1 1!important;min-width:0!important}.toast-title{color:var(--surface)!important;font-size:14px!important;font-weight:600!important}.toast-message{color:hsla(0,0%,100%,.75)!important;font-size:13px!important;margin-top:2px!important}.toast-close{align-items:center!important;background:hsla(0,0%,100%,.1)!important;border:none!important;border-radius:50%!important;color:hsla(0,0%,100%,.7)!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:14px!important;height:28px!important;justify-content:center!important;width:28px!important}.toast-progress{animation:toast-progress 4s linear forwards!important;background:hsla(0,0%,100%,.3)!important;border-radius:0 0 14px 14px!important;bottom:0!important;height:3px!important;left:0!important;position:absolute!important}@keyframes toast-progress{0%{width:100%}to{width:0}}.progress-bar{background:var(--bg)!important;border-radius:3px!important;height:6px!important;overflow:hidden!important}.progress-fill{background:linear-gradient(90deg,var(--g-500),var(--g-400))!important;border-radius:3px!important;height:100%!important;transition:width .3s ease!important}.circular-progress{height:48px!important;position:relative!important;width:48px!important}.circular-progress svg{transform:rotate(-90deg)!important}.circular-progress-bg{fill:none!important;stroke:var(--bg)!important;stroke-width:4!important}.circular-progress-fill{fill:none!important;stroke:var(--g-500)!important;stroke-width:4!important;stroke-linecap:round!important;transition:stroke-dashoffset .3s ease!important}.circular-progress-text{color:var(--text)!important;font-size:11px!important;font-weight:700!important;left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important}.upload-progress{background:var(--bg)!important;border-radius:12px!important;gap:12px!important;padding:12px 16px!important}.upload-progress,.upload-progress-icon{align-items:center!important;display:flex!important}.upload-progress-icon{background:rgba(var(--g-500-rgb),.1)!important;border-radius:10px!important;color:var(--g-500)!important;font-size:18px!important;height:40px!important;justify-content:center!important;width:40px!important}.upload-progress-info{flex:1 1!important;min-width:0!important}.upload-progress-name{color:var(--text)!important;font-size:14px!important;font-weight:500!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.upload-progress-bar{background:var(--line)!important;border-radius:2px!important;height:4px!important;margin-top:8px!important;overflow:hidden!important}.upload-progress-bar-fill{background:var(--g-500)!important;border-radius:2px!important;height:100%!important;transition:width .2s ease!important}.upload-progress-percent{color:var(--g-500)!important;font-size:13px!important;font-weight:600!important;min-width:40px!important;text-align:right!important}.snackbar{align-items:center!important;background:#323232!important;border-radius:10px!important;bottom:calc(86px + var(--safe-area-bottom))!important;bottom:calc(var(--dashboard-nav-height, 70px) + 16px + var(--safe-area-bottom))!important;display:flex!important;gap:12px!important;justify-content:space-between!important;left:16px!important;opacity:0!important;padding:14px 16px!important;position:fixed!important;right:16px!important;transform:translateY(100px)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;z-index:8500!important}.snackbar.visible{opacity:1!important;transform:translateY(0)!important}.snackbar-text{color:#fff!important;flex:1 1!important;font-size:14px!important}.snackbar-action{background:none!important;border:none!important;color:var(--g-400)!important;cursor:pointer!important;flex-shrink:0!important;font-size:14px!important;font-weight:600!important;padding:6px 12px!important;text-transform:uppercase!important}.notification-badge{align-items:center!important;background:#ef4444!important;border:2px solid var(--surface)!important;border-radius:10px!important;color:#fff!important;display:flex!important;font-size:10px!important;font-weight:700!important;height:18px!important;justify-content:center!important;min-width:18px!important;padding:0 5px!important;position:absolute!important;right:-4px!important;top:-4px!important}.notification-badge.large{font-size:11px!important;height:22px!important;min-width:22px!important}.notification-dot{background:#ef4444!important;border:2px solid var(--surface)!important;border-radius:50%!important;height:10px!important;position:absolute!important;right:0!important;top:0!important;width:10px!important}.notification-dot.pulse{animation:notification-pulse 2s infinite!important}@keyframes notification-pulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.5)}70%{box-shadow:0 0 0 8px rgba(239,68,68,0)}to{box-shadow:0 0 0 0 rgba(239,68,68,0)}}.touch-feedback{-webkit-tap-highlight-color:transparent!important;overflow:hidden!important;position:relative!important}.touch-feedback:after{background:rgba(var(--g-500-rgb),.15)!important;border-radius:50%!important;content:""!important;height:0!important;left:50%!important;opacity:0!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;transition:width .4s ease,height .4s ease,opacity .4s ease!important;width:0!important}.touch-feedback:active:after{height:200px!important;opacity:1!important;transition:width 0s,height 0s,opacity 0s!important;width:200px!important}.btn:active,[role=button]:active,button:active{transform:scale(.97)!important}.conversation-item:active,.feed-post:active,.list-item:active,.message-bubble:active{background:var(--bg)!important}:focus-visible{outline:2px solid var(--g-500)!important;outline-offset:2px!important}:focus:not(:focus-visible){outline:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 4px rgba(var(--g-500-rgb),.2)!important;outline:2px solid var(--g-500)!important;outline-offset:2px!important}.skip-link{background:var(--g-500)!important;border-radius:8px!important;color:#fff!important;font-weight:600!important;left:16px!important;padding:12px 20px!important;position:absolute!important;text-decoration:none!important;top:-100px!important;transition:top .2s ease!important;z-index:10000!important}.skip-link:focus{top:16px!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.action-sheet,.chat-sidebar,.modal,.sidebar-backdrop,.snackbar,.toast{transition:none!important}.skeleton{animation:none!important;background:var(--bg)!important}.loading-spinner{border-top-color:var(--g-500)!important}.loading-spinner,.typing-indicator span{animation:none!important}}@media (prefers-contrast:high){.message-bubble{border:2px solid!important}.conversation-item{border:1px solid var(--line)!important}.btn,button{border:2px solid!important}.chat-input{border:2px solid var(--text)!important}.unread-badge{border:2px solid #fff!important}}.sr-only{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.sr-only-focusable:focus{clip:auto!important;height:auto!important;margin:inherit!important;overflow:visible!important;padding:inherit!important;position:static!important;white-space:normal!important;width:auto!important}[aria-live]{position:relative!important}.aria-announce{height:1px!important;left:-9999px!important;overflow:hidden!important;position:absolute!important;width:1px!important}::selection{background:rgba(var(--g-500-rgb),.25)!important;color:var(--text)!important}::-moz-selection{background:rgba(var(--g-500-rgb),.25)!important;color:var(--text)!important}::-webkit-scrollbar{height:4px!important;width:4px!important}::-webkit-scrollbar-track{background:transparent!important}::-webkit-scrollbar-thumb{background:var(--line)!important;border-radius:4px!important}::-webkit-scrollbar-thumb:hover{background:var(--muted)!important}.conversations-list::-webkit-scrollbar,.feed-container::-webkit-scrollbar,.messages-container::-webkit-scrollbar{display:none!important;width:0!important}.conversations-list,.feed-container,.messages-container{-ms-overflow-style:none!important;scrollbar-width:none!important}.action-sheet-content,.conversations-list,.feed-container,.messages-container,.modal-content{-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}body{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeLegibility!important}html{-webkit-text-size-adjust:100%!important;-ms-text-size-adjust:100%!important}.safe-area-top{padding-top:var(--safe-area-top)!important}.safe-area-bottom{padding-bottom:var(--safe-area-bottom)!important}.safe-area-left{padding-left:var(--safe-area-left)!important}.safe-area-right{padding-right:var(--safe-area-right)!important}.clickable,[role=button],[tabindex="0"]{cursor:pointer!important}.not-allowed{cursor:not-allowed!important;opacity:.5!important;pointer-events:none!important}}@media screen and (max-width:480px){.chat-header,.chat-mobile-header{height:52px!important;padding:0 12px!important}.chat-header .chat-avatar{height:36px!important;width:36px!important}.chat-info h3{font-size:15px!important}.chat-info p{font-size:11px!important}.back-btn{font-size:18px!important;height:38px!important;min-height:38px!important;min-width:38px!important;width:38px!important}.chat-tabs{height:44px!important}.chat-tab{font-size:12px!important;padding:10px 8px!important}.chat-tab i{font-size:16px!important}.conversation-item{gap:10px!important;padding:12px!important}.conversation-avatar{height:46px!important;width:46px!important}.conversation-name{font-size:14px!important}.conversation-preview{font-size:12px!important}.message-bubble{max-width:85%!important;padding:10px 12px!important}.message-text{font-size:14px!important}.message-time{font-size:10px!important}.message-input-container{padding:8px 10px!important}.chat-input-wrapper{padding:8px 12px!important}.chat-input{font-size:14px!important;min-height:36px!important}.send-btn{font-size:16px!important;height:38px!important;width:38px!important}.feed-post{border-radius:14px!important;padding:14px!important}.feed-post-header{margin-bottom:10px!important}.feed-post-avatar{height:38px!important;width:38px!important}.feed-post-author{font-size:14px!important}.feed-post-time{font-size:11px!important}.feed-post-content{font-size:14px!important}.feed-action-btn{font-size:12px!important;padding:8px 10px!important}.feed-action-btn i{font-size:16px!important}.modal-header{padding:14px 16px!important}.modal-title{font-size:16px!important}.modal-body{padding:16px!important}.doc-card{padding:12px!important}.doc-icon{font-size:18px!important;height:40px!important;width:40px!important}.doc-name{font-size:13px!important}.toast{padding:12px 14px!important}.toast-icon{font-size:12px!important;height:24px!important;width:24px!important}.toast-title{font-size:13px!important}.toast-message{font-size:12px!important}.empty-state-icon{height:70px!important;width:70px!important}.empty-state-icon i{font-size:30px!important}.empty-state-title{font-size:16px!important}.empty-state-text{font-size:13px!important}.circulars-header-info{gap:10px!important}.circulars-icon{height:36px!important;width:36px!important}.circulars-title h3{font-size:16px!important}.circulars-title p{font-size:11px!important}.circulars-view-toggle{padding:3px!important}.view-toggle-btn{font-size:12px!important;padding:8px 12px!important}.view-toggle-btn i{font-size:14px!important}.view-toggle-btn span{display:none!important}.group-details-avatar{height:80px!important;width:80px!important}.group-details-name{font-size:20px!important}.profile-avatar-large{height:100px!important;width:100px!important}.profile-name-large{font-size:20px!important}.profile-quick-btn-icon{font-size:18px!important;height:44px!important;width:44px!important}}@media screen and (max-width:768px) and (orientation:landscape){.chat-header,.chat-mobile-header{height:48px!important;padding:0 16px!important}.chat-interface-wrapper{bottom:56px!important;top:50px!important}.chat-tabs{height:40px!important}.chat-tab{padding:8px 12px!important}.conversations-list{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:repeat(2,1fr)!important;padding:8px!important}.conversation-item{border:1px solid var(--line)!important;border-radius:12px!important;padding:10px 12px!important}.chat-avatar{height:36px!important;width:36px!important}.conversation-avatar{height:44px!important;width:44px!important}.message-input-container{padding:6px 12px!important}.chat-input{max-height:80px!important;min-height:36px!important}.message-bubble{max-width:60%!important;padding:10px 12px!important}.circulars-feed{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,1fr)!important}.circulars-feed,.feed-post{padding:12px!important}.modal-content{max-height:90vh!important}.action-sheet-content{max-height:70vh!important}.dialog-actions{flex-direction:row!important}.dialog-actions .dialog-btn{border-bottom:none!important;border-right:1px solid var(--line)!important}.dialog-actions .dialog-btn:last-child{border-right:none!important}.post-image-grid{-webkit-overflow-scrolling:touch!important;display:flex!important;gap:8px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important}.post-image-grid .post-image{flex-shrink:0!important;height:150px!important;scroll-snap-align:start!important;width:200px!important}.toast-container{bottom:auto!important;top:60px!important}.empty-state{min-height:200px!important;padding:20px!important}.empty-state-icon{height:60px!important;width:60px!important}.no-chat-icon{height:70px!important;width:70px!important}}@media screen and (min-width:576px) and (max-width:768px){.chat-header,.chat-mobile-header{height:60px!important}.chat-sidebar{max-width:380px!important;width:85%!important}.conversation-item{padding:16px 18px!important}.conversation-avatar{height:56px!important;width:56px!important}.message-input-container{padding:14px 18px!important}.chat-input{font-size:16px!important;min-height:46px!important}.send-btn{height:48px!important;width:48px!important}.message-bubble{max-width:75%!important;padding:14px 18px!important}.message-text{font-size:16px!important}.feed-post{padding:18px!important}.feed-post-avatar{height:48px!important;width:48px!important}.feed-post-content{font-size:16px!important;line-height:1.6!important}.modal-body{padding:24px!important}.profile-avatar-large{height:130px!important;width:130px!important}.profile-name-large{font-size:26px!important}}@media print{.chat-interface-wrapper{height:auto!important;position:static!important}.chat-mobile-header,.chat-sidebar,.chat-tabs,.message-input-container,.modal,.sidebar-backdrop,.snackbar,.toast-container{display:none!important}.chat-area,.messages-container{height:auto!important;overflow:visible!important;position:static!important}.message-bubble{border:1px solid #ddd!important;box-shadow:none!important;break-inside:avoid!important;page-break-inside:avoid!important}.message-bubble.own{background:#f0f0f0!important}.feed-post{border:1px solid #ddd!important;box-shadow:none!important;break-inside:avoid!important;page-break-inside:avoid!important}}@media screen and (max-width:768px){.chat-interface-wrapper .chat-container .chat-sidebar{background-color:#fff!important;bottom:70px!important;display:flex!important;flex-direction:column!important;height:calc(100vh - 130px)!important;left:0!important;max-width:100vw!important;min-width:100vw!important;opacity:1!important;overflow-y:auto!important;position:fixed!important;right:0!important;top:60px!important;transform:none!important;visibility:visible!important;width:100vw!important;z-index:500!important}.chat-interface-wrapper .chat-container .chat-sidebar.mobile-hidden{display:none!important;visibility:hidden!important;z-index:-1!important}.chat-interface-wrapper .chat-container .chat-area{background-color:#fff!important;bottom:70px!important;display:none!important;flex-direction:column!important;height:calc(100vh - 130px)!important;left:0!important;max-width:100vw!important;position:fixed!important;right:0!important;top:60px!important;transform:none!important;width:100vw!important;z-index:100!important}.chat-interface-wrapper .chat-container .chat-area.mobile-feed-visible,.chat-interface-wrapper .chat-container .chat-area.mobile-visible{display:flex!important;opacity:1!important;visibility:visible!important;z-index:600!important}.chat-interface-wrapper .chat-container .chat-sidebar:has(~.chat-area.mobile-feed-visible){display:none!important}.chat-interface-wrapper .chat-container .chat-sidebar .conversations-list{background-color:#fff!important;display:block!important;flex:1 1!important;opacity:1!important;overflow-y:auto!important;visibility:visible!important}.chat-interface-wrapper .chat-container .chat-sidebar .conversation-item{background-color:#fff!important;border-bottom:1px solid #e0e0e0!important;display:flex!important;opacity:1!important;padding:12px 16px!important;visibility:visible!important}}.document-generation{background:#fff;color:#0f172a;color:var(--text,#0f172a);display:flex;flex-direction:column;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;gap:20px;height:100%;overflow-y:auto;padding:24px}.page-header{margin-bottom:0}.page-header h1{color:#0f172a;color:var(--text,#0f172a);font-size:28px;font-weight:700;margin:0 0 4px}.page-header p{color:#64748b;color:var(--muted,#64748b);font-size:14px;margin:0}.analytics-bar{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:0}.stat-card{background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);box-shadow:0 4px 16px rgba(15,23,42,.06);gap:12px;padding:16px;transition:all .2s}.stat-card:hover{box-shadow:0 10px 30px rgba(15,23,42,.08)}.stat-icon{border-radius:10px;display:grid;flex-shrink:0;font-size:20px;height:44px;place-items:center;width:44px}.stat-icon.green{background:rgba(59,130,246,.1);background:rgba(var(--primary-color-rgb,59,130,246),.1);color:#3b82f6;color:var(--primary-color,#3b82f6)}.stat-icon.blue{background:#dbeafe;color:#1e40af}.stat-icon.orange{background:#fed7aa;color:#c2410c}.stat-icon.purple{background:#e9d5ff;color:#7c3aed}.stat-info h4{color:#0f172a;color:var(--text,#0f172a);font-size:20px;font-weight:700;margin:0}.stat-info p{color:#64748b;color:var(--muted,#64748b);font-size:12px;margin:0}.search-filter-bar{grid-gap:16px;background:#f8fafc;border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:16px;display:grid;gap:16px;grid-template-columns:1fr auto auto;margin-bottom:24px;padding:20px}.search-container{flex:1 1}.search-input{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:12px;color:#0f172a;color:var(--text,#0f172a);font-size:14px;outline:none;padding:12px 16px 12px 44px;transition:all .2s;width:100%}.search-input:focus{border-color:#18a36f;box-shadow:0 0 0 3px rgba(24,163,111,.1)}.search-icon{color:#94a3b8;color:var(--icon,#94a3b8);font-size:16px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.filter-select{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:12px;color:#0f172a;color:var(--text,#0f172a);cursor:pointer;font-size:14px;font-weight:500;min-width:150px;padding:12px 16px}.templates-section{background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:16px;box-shadow:0 4px 16px rgba(15,23,42,.06);display:flex;flex:1 1;flex-direction:column;min-height:0;padding:20px}.section-header{flex-shrink:0;gap:12px;margin-bottom:16px}.section-title{color:#0f172a;color:var(--text,#0f172a);font-size:18px;margin:0}.search-container-inline{align-items:center;display:flex;flex:1 1;max-width:300px;position:relative}.search-container-inline .search-icon{color:#94a3b8;font-size:15px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.search-input-inline{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#0f172a;font-size:14px;height:40px;outline:none;padding:0 14px 0 44px;transition:all .2s;width:100%}.search-input-inline::placeholder{color:#94a3b8;opacity:1}.search-input-inline:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.filter-select-inline{-webkit-appearance:none;appearance:none;background:#f8fafc;background:var(--bg,#f8fafc);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2364748b' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;color:#0f172a;color:var(--text,#0f172a);cursor:pointer;font-size:14px;outline:none;padding:8px 32px 8px 12px;transition:all .2s}.filter-select-inline:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.templates-list{display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 380px);overflow-y:auto;padding-right:8px}.templates-list::-webkit-scrollbar{width:6px}.templates-list::-webkit-scrollbar-track{background:#edf2f7;background:var(--bg,#edf2f7);border-radius:3px}.templates-list::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--muted,#cbd5e1);border-radius:3px}.templates-list::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--text,#94a3b8)}.template-list-item{background:var(--surface,#fff);padding:20px;transition:all .2s}.template-list-item:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 4px 16px rgba(59,130,246,.1)}.template-icon{border-radius:12px;font-size:28px;height:56px;width:56px}.template-content{flex:1 1;min-width:0}.template-header-row{align-items:center;display:flex;gap:12px;margin-bottom:6px}.template-header-row h3{color:#0f172a;color:var(--text,#0f172a);font-size:17px;font-weight:600;margin:0}.template-category-badge{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.badge-urgent,.template-category-badge{align-items:center;border-radius:6px;display:inline-flex}.badge-urgent{background:#fef3c7;color:#92400e;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.template-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;line-height:1.5;margin:0;overflow:hidden}.template-description,.template-meta{color:#64748b;color:var(--muted,#64748b)}.template-meta{font-size:13px;gap:20px}.meta-item i{font-size:14px}.meta-item i,.template-action-btn{color:#3b82f6;color:var(--primary-color,#3b82f6)}.template-action-btn{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:10px;cursor:pointer;display:grid;flex-shrink:0;font-size:20px;height:44px;place-items:center;transition:all .2s;width:44px}.template-action-btn:hover{background:#3b82f6;background:var(--primary-color,#3b82f6);box-shadow:0 4px 12px rgba(59,130,246,.3);color:#fff;transform:scale(1.05)}.templates-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));max-height:calc(100vh - 450px);overflow-y:auto;padding-right:8px}.templates-grid::-webkit-scrollbar{width:8px}.templates-grid::-webkit-scrollbar-track{background:#edf2f7;background:var(--bg,#edf2f7);border-radius:4px}.templates-grid::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--muted,#cbd5e1);border-radius:4px}.templates-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--text,#94a3b8)}.template-card{background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:16px;box-shadow:0 4px 16px rgba(15,23,42,.06);height:100%;padding:24px}.template-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 12px 24px rgba(15,23,42,.1);transform:translateY(-5px)}.template-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.template-icon{background:linear-gradient(135deg,#13815f,#23bd7c);border-radius:14px;box-shadow:inset 0 -8px 16px rgba(0,0,0,.08);color:#fff;display:grid;flex-shrink:0;font-size:22px;height:48px;place-items:center;width:48px}.template-info h4{color:#0f172a;color:var(--text,#0f172a);font-size:18px;font-weight:600;margin:0 0 4px}.template-info p{color:#64748b;color:var(--muted,#64748b);font-size:14px;line-height:1.5;margin:0}.template-meta{flex-wrap:wrap;gap:8px;margin:16px 0}.template-chip{align-items:center;background:#f8fafc;border:1px dashed #e6ebf2;border:1px dashed var(--line,#e6ebf2);border-radius:8px;color:#64748b;color:var(--muted,#64748b);display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.template-actions{display:flex;gap:8px;margin-top:auto;padding-top:16px}.btn{background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);color:var(--text,#0f172a)}.btn:hover{transform:translateY(-2px)}.btn.primary,.btn:hover{box-shadow:0 4px 16px rgba(15,23,42,.06)}.btn.primary{background:#3b82f6;background:var(--primary-color,#3b82f6)}.btn.primary:hover{filter:brightness(1.1)}.btn.success{background:#10b981;background:var(--success-color,#10b981)}.btn.success:hover{filter:brightness(1.1)}.btn-sm{padding:8px 12px}.chip{align-items:center;background:#fff;background:var(--surface,#fff);border:1px dashed #e6ebf2;border:1px dashed var(--line,#e6ebf2);border-radius:10px;color:#0f172a;color:var(--text,#0f172a);display:inline-flex;font-size:13px;gap:6px;padding:6px 10px}.chip.success{background:rgba(59,130,246,.1);background:rgba(var(--primary-color-rgb,59,130,246),.1);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#3b82f6;color:var(--primary-color,#3b82f6)}.modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.25);display:grid;grid-template-columns:2fr 1fr;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.modal-left{border-right:1px solid #e6ebf2;border-right:1px solid var(--line,#e6ebf2);display:flex;flex-direction:column}.modal-header{flex-shrink:0}.modal-title{font-size:20px;font-weight:700;margin:0}.modal-left-content{flex:1 1;overflow-y:auto;padding:24px}.form-container{grid-gap:16px;display:grid;gap:16px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{color:#0f172a;color:var(--text,#0f172a);font-size:14px;font-weight:600}.form-field input,.form-field select,.form-field textarea{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:10px;color:#0f172a;color:var(--text,#0f172a);font-size:14px;outline:none;padding:12px;transition:all .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#18a36f;box-shadow:0 0 0 3px rgba(24,163,111,.1)}.form-actions{border-top:1px solid #e6ebf2;border-top:1px solid var(--line,#e6ebf2);flex-shrink:0;margin-top:auto}.form-actions,.modal-right{background:#f8fafc;padding:24px}.modal-right{display:flex;flex-direction:column;overflow-y:auto}.preview-container{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:16px;flex:1 1;overflow:auto;padding:24px}.document-preview{margin:0 auto;max-width:100%}.doc-header{border-bottom:2px solid #e6ebf2;border-bottom:2px solid var(--line,#e6ebf2);margin-bottom:20px;padding-bottom:12px;text-align:center}.doc-section-title{color:#11684f;font-size:16px;font-weight:800;letter-spacing:.08em;margin:16px 0 20px;text-align:center}.approval-chain{background:#f0fdf4;border:1px solid #88e2b9;border-radius:12px;margin-top:12px;padding:16px}.approval-step{gap:12px;padding:8px 0}.step-number{background:#18a36f;flex-shrink:0;font-size:14px}.step-role{color:#0f172a;color:var(--text,#0f172a);font-size:14px;font-weight:600}.blockchain-verification{align-items:center;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #88e2b9;border-radius:12px;display:flex;gap:20px;margin-top:24px;padding:20px}.verification-details h4{color:#0a3f2f;font-size:14px;font-weight:600;margin:0 0 8px}.verification-details p{color:#11684f;font-size:12px;margin:4px 0;word-break:break-all}.toast{align-items:center;animation:slideUp .3s ease-out;background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:12px;bottom:24px;box-shadow:0 10px 25px rgba(15,23,42,.15);display:flex;gap:12px;padding:16px 20px;position:fixed;right:24px;z-index:1100}.toast.success{border-left:3px solid #10b981;border-left:3px solid var(--primary-color,#10b981)}.toast.error{border-left:3px solid #ef4444}.toast.info{border-left:3px solid #3b82f6}@media (max-width:1024px){.modal{grid-template-columns:1fr}.modal-right{display:none}.search-filter-bar{grid-template-columns:1fr}}@media (max-width:768px){.document-generation{padding:16px}.analytics-bar,.templates-grid{grid-template-columns:1fr}}[data-theme=dark]{--bg:#0f172a;--bg-2:#1e293b;--surface:#1e293b;--line:#334155;--text:#f1f5f9;--muted:#94a3b8;--icon:#64748b}.docgen-header{background:#fff;background:var(--surface-color,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);flex-shrink:0;padding:1.5rem 2rem}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.header-title h1{align-items:center;color:#059669;color:var(--primary-color,#059669);display:flex;font-size:1.75rem;gap:.75rem;margin:0 0 .25rem}.header-title h1 i{font-size:2rem}.header-title p{color:#64748b;color:var(--text-muted,#64748b);font-size:.95rem}.header-actions{align-items:center;gap:1rem}.search-container{align-items:center;display:flex;position:relative}.search-container i{color:#64748b;color:var(--text-muted,#64748b);left:1rem;position:absolute;z-index:1}.search-container input{background:#fff;background:var(--surface-color,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:.75rem;color:#1e293b;color:var(--text-color,#1e293b);font-size:.875rem;min-width:300px;padding:.75rem 1rem .75rem 3rem;transition:all .2s ease}.search-container input:focus{border-color:#059669;border-color:var(--primary-color,#059669);box-shadow:0 0 0 3px rgba(5,150,105,.1);outline:none}.category-filter{background:#fff;background:var(--surface-color,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:.75rem;color:#1e293b;color:var(--text-color,#1e293b);cursor:pointer;font-size:.875rem;min-width:150px;padding:.75rem 1rem;transition:all .2s ease}.category-filter:focus{border-color:#059669;border-color:var(--primary-color,#059669);outline:none}.offline-indicator{align-items:center;background:#f59e0b;border-radius:.5rem;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.analytics-section{background:#fff;background:var(--surface-color,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);padding:1.5rem 2rem}.analytics-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1400px}.analytics-card{align-items:center;background:#fff;background:var(--surface-color,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:1rem;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.analytics-card:before{background:#059669;background:var(--primary-color,#059669);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.analytics-card.success:before{background:#10b981}.analytics-card.warning:before{background:#f59e0b}.analytics-card.error:before{background:#ef4444}.analytics-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-2px)}.card-icon{align-items:center;background:rgba(5,150,105,.1);border-radius:.75rem;color:#059669;color:var(--primary-color,#059669);display:flex;font-size:1.5rem;height:3rem;justify-content:center;width:3rem}.analytics-card.success .card-icon{background:rgba(16,185,129,.1);color:#10b981}.analytics-card.warning .card-icon{background:rgba(245,158,11,.1);color:#f59e0b}.analytics-card.error .card-icon{background:rgba(239,68,68,.1);color:#ef4444}.card-content h3{color:#1e293b;color:var(--text-color,#1e293b);font-size:2rem;font-weight:700;margin:0}.card-content p{color:#64748b;color:var(--text-muted,#64748b);font-size:.875rem;font-weight:500;margin:.25rem 0 0}.docgen-main{flex:1 1;margin:0 auto;max-width:1400px;overflow-y:auto;padding:2rem;width:100%}.content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}.templates-section{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:1rem;overflow:hidden}.section-header,.templates-section{background:#fff;background:var(--surface-color,#fff)}.section-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:1.5rem 2rem}.section-header h2{color:#1e293b;color:var(--text-color,#1e293b);font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.section-header h2 i,.template-count{color:#059669;color:var(--primary-color,#059669)}.template-count{background:rgba(5,150,105,.1);border-radius:1rem;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.templates-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:2rem}.template-card{background:#fff;background:var(--surface-color,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;position:relative;transition:all .2s ease}.template-card:hover{border-color:#059669;border-color:var(--primary-color,#059669);box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-4px)}.template-card:hover .template-arrow{transform:translateX(4px)}.template-icon{align-items:center;background:rgba(59,130,246,.1);border-radius:.75rem;display:flex;font-size:1.5rem;height:3rem;justify-content:center;width:3rem}.template-content h3{color:#1e293b;color:var(--text-color,#1e293b);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.template-content p{color:#64748b;color:var(--text-muted,#64748b);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.template-meta{align-items:center;display:flex;justify-content:space-between}.category{background:#f1f5f9;border-radius:.375rem;font-weight:500;padding:.25rem .5rem;text-transform:capitalize}.category,.time{color:#64748b;font-size:.75rem}.time{align-items:center;display:flex;gap:.25rem}.template-arrow{color:#64748b;font-size:1.2rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease}.requests-section{background:#fff;background:var(--surface-color,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:1rem;height:-webkit-fit-content;height:fit-content;overflow:hidden}.requests-list{padding:1rem}.request-item{align-items:center;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:.75rem;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem;transition:all .2s ease}.request-item:last-child{margin-bottom:0}.request-item:hover{background:#f8fafc;border-color:#059669;border-color:var(--primary-color,#059669)}.request-header{align-items:center;gap:1rem;margin-bottom:.5rem}.request-header h4{font-size:1rem;font-weight:600;margin:0}.status-badge{border-radius:1rem;padding:.25rem .75rem}.status-badge.approved{background:rgba(16,185,129,.1)}.status-badge.pending,.status-badge.processing,.status-badge.under-review{background:rgba(245,158,11,.1);color:#f59e0b}.request-meta{color:#64748b;font-size:.875rem;margin:0}.current-approver{color:#059669;color:var(--primary-color,#059669);font-size:.875rem;font-weight:500;margin:.25rem 0 0}.request-actions{gap:.5rem}.btn-icon{border:1px solid #e2e8f0;border-radius:.5rem;height:2.5rem;transition:all .2s ease;width:2.5rem}.btn-icon:hover{background:#059669;background:var(--primary-color,#059669);border-color:#059669;border-color:var(--primary-color,#059669)}.quick-actions{background:#fff;background:var(--surface-color,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:1rem;padding:1.5rem 2rem}.quick-actions h3{font-size:1.125rem;font-weight:600;margin:0 0 1rem}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;font-size:.875rem;font-weight:500;gap:.75rem;padding:1rem}.action-btn:hover{background:rgba(5,150,105,.05);border-color:#059669;border-color:var(--primary-color,#059669)}.action-btn i,.action-btn:hover{color:#059669;color:var(--primary-color,#059669)}.action-btn i{font-size:1.25rem}.modal-overlay{padding:2rem}.modal-container{background:#fff;border-radius:1rem;box-shadow:0 25px 50px rgba(0,0,0,.25);display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.modal-header{padding:2rem 2rem 1rem}.modal-title{align-items:center;display:flex;gap:.75rem}.modal-title h2{font-size:1.5rem;font-weight:600;margin:0}.modal-title i{font-size:1.75rem}.modal-close{background:#f1f5f9;border-radius:.5rem;color:#64748b;height:2.5rem;width:2.5rem}.modal-close:hover{background:#ef4444;color:#fff}.modal-body{padding:2rem}.form-progress{margin-bottom:2rem}.progress-steps{gap:2rem;justify-content:center}.progress-steps,.step{align-items:center;display:flex}.step{flex-direction:column;gap:.5rem;opacity:.5;transition:all .2s ease}.step.active{opacity:1}.step span{align-items:center;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;color:#64748b;display:flex;font-weight:600;height:2.5rem;justify-content:center;width:2.5rem}.step.active span{background:#059669;background:var(--primary-color,#059669);border-color:#059669;border-color:var(--primary-color,#059669);color:#fff}.step label{color:#64748b;font-size:.875rem;font-weight:500}.step.active label{color:#1e293b}.form-step h3{font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.form-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{gap:.5rem}.form-group label{font-size:.875rem;font-weight:500}.required{color:#ef4444;margin-left:.25rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#059669;border-color:var(--primary-color,#059669);box-shadow:0 0 0 3px rgba(5,150,105,.1)}.review-section{background:#f8fafc;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.review-item{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem 0}.review-item:last-child{border-bottom:none}.review-item label{color:#64748b;font-weight:500}.review-item span{font-weight:500;max-width:60%;text-align:right}.approval-chain{margin-top:2rem}.approval-chain h4{font-size:1rem;font-weight:600;margin:0 0 1rem}.approval-steps{flex-wrap:wrap;gap:1rem}.approval-step,.approval-steps{align-items:center;display:flex}.approval-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;gap:.5rem;padding:.5rem 1rem}.step-number{align-items:center;background:#059669;background:var(--primary-color,#059669);border-radius:50%;display:flex;font-size:.75rem;font-weight:600;height:1.5rem;justify-content:center;width:1.5rem}.success-message{padding:2rem;text-align:center}.success-message i{color:#10b981;font-size:4rem;margin-bottom:1rem}.success-message h3{font-size:1.5rem;font-weight:600;margin:0 0 1rem}.success-message p{color:#64748b;line-height:1.6;margin-bottom:2rem}.blockchain-info{background:rgba(5,150,105,.05);border:1px solid rgba(5,150,105,.2);border-radius:.75rem;padding:1.5rem;text-align:left}.blockchain-info h4{align-items:center;color:#059669;color:var(--primary-color,#059669);display:flex;font-size:1rem;gap:.5rem;margin:0 0 .75rem}.blockchain-info p{color:#64748b;font-size:.875rem;margin:0}.modal-footer{background:#f8fafc;padding:1.5rem 2rem}.footer-actions{display:flex;gap:1rem;justify-content:space-between}.btn{border:none;border-radius:.5rem;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem}.btn.primary{background:#059669;background:var(--primary-color,#059669)}.btn.primary:hover{background:#047857}.btn.secondary{background:#fff;border:1px solid #e2e8f0;color:#1e293b}.btn.secondary:hover{background:#f8fafc;border-color:#059669;border-color:var(--primary-color,#059669)}.notifications-panel{display:flex;flex-direction:column;gap:1rem;max-width:400px;position:fixed;right:2rem;top:2rem;z-index:1100}.notification{animation:slideIn .3s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 10px 25px rgba(0,0,0,.1);display:flex;gap:.75rem;padding:1rem;position:relative}.notification:before{border-radius:.75rem 0 0 .75rem;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.notification.success:before{background:#10b981}.notification.warning:before{background:#f59e0b}.notification.info:before{background:#059669}.notification.error:before{background:#ef4444}.notification i{font-size:1.25rem;margin-top:.25rem}.notification.success i{color:#10b981}.notification.warning i{color:#f59e0b}.notification.info i{color:#059669}.notification.error i{color:#ef4444}.notification-content h4{font-size:.875rem;font-weight:600;margin:0 0 .25rem}.notification-content p{color:#64748b;font-size:.8rem;margin:0 0 .5rem}.notification-time{color:#94a3b8;font-size:.75rem;font-weight:500}@media (max-width:1024px){.content-grid{grid-template-columns:1fr}.header-content{flex-direction:column;gap:1rem}}@media (max-width:768px){.analytics-section,.docgen-header,.docgen-main{padding:1rem}.form-grid,.templates-grid{grid-template-columns:1fr}.footer-actions{flex-direction:column-reverse}}.btn-my-documents{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn-my-documents:hover{box-shadow:0 4px 12px rgba(59,130,246,.3);filter:brightness(1.1);transform:translateY(-2px)}.btn-my-documents i{font-size:16px}.my-docs-modal{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.15);display:flex;flex-direction:column;max-height:85vh;max-width:800px;overflow:hidden;width:95%}.my-docs-header{background:#f8fafc;background:var(--bg,#f8fafc);border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line,#e6ebf2);gap:16px;padding:20px 24px}.my-docs-header,.my-docs-title{align-items:center;display:flex}.my-docs-title{flex:1 1;gap:14px}.my-docs-icon{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:10px;color:#fff;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.my-docs-header h2{color:#0f172a;color:var(--text,#0f172a);font-size:18px;font-weight:600;margin:0}.my-docs-subtitle{color:#64748b;color:var(--muted,#64748b);font-size:13px;margin-top:2px}.my-docs-close-btn{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;transition:all .2s;width:40px}.my-docs-close-btn:hover{background:#2563eb;transform:scale(1.05)}.my-docs-close-btn i{color:#fff;font-size:20px}.my-docs-filters{background:#fff;background:var(--surface,#fff);border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line,#e6ebf2);display:flex;gap:12px;padding:14px 24px}.my-docs-filter-select{align-items:center;background:#f8fafc;background:var(--bg,#f8fafc);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;color:#64748b;color:var(--muted,#64748b);display:flex;font-size:13px;gap:8px;padding:8px 12px}.my-docs-filter-select select{background:none;border:none;color:#0f172a;color:var(--text,#0f172a);cursor:pointer;font-size:13px;font-weight:500;outline:none}.my-docs-search{align-items:center;background:#f8fafc;background:var(--bg,#f8fafc);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;display:flex;flex:1 1;gap:10px;padding:8px 14px;transition:all .2s}.my-docs-search:focus-within{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.1);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb,59,130,246),.1)}.my-docs-search i{color:#64748b;color:var(--muted,#64748b);font-size:15px}.my-docs-search input{background:none;border:none;color:#0f172a;color:var(--text,#0f172a);flex:1 1;font-size:13px;outline:none}.my-docs-search input::placeholder{color:#64748b;color:var(--muted,#64748b)}.my-docs-content{background:#f8fafc;background:var(--bg,#f8fafc);flex:1 1;overflow-y:auto;padding:16px 24px}.my-docs-empty{flex-direction:column;padding:50px 20px;text-align:center}.my-docs-empty,.my-docs-empty-icon{align-items:center;display:flex;justify-content:center}.my-docs-empty-icon{background:#e6ebf2;background:var(--line,#e6ebf2);border-radius:14px;color:#64748b;color:var(--muted,#64748b);font-size:28px;height:64px;margin-bottom:16px;width:64px}.my-docs-empty h3{color:#0f172a;color:var(--text,#0f172a);font-size:16px;font-weight:600;margin:0 0 6px}.my-docs-empty p{color:#64748b;color:var(--muted,#64748b);font-size:13px;margin:0}.my-docs-list{display:flex;flex-direction:column;gap:10px}.my-docs-card{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:10px;display:flex;gap:16px;justify-content:space-between;padding:14px 18px;transition:all .15s}.my-docs-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 2px 12px rgba(59,130,246,.08);box-shadow:0 2px 12px rgba(var(--primary-color-rgb,59,130,246),.08)}.my-docs-card-left{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.my-docs-card-icon{align-items:center;background:#fef2f2;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.my-docs-card-icon i{color:#dc2626;font-size:18px}.my-docs-card-info{flex:1 1;min-width:0}.my-docs-card-id{color:#0f172a;color:var(--text,#0f172a);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-docs-card-type{color:#64748b;color:var(--muted,#64748b);font-size:12px;margin-top:2px}.my-docs-card-date{align-items:center;color:#94a3b8;color:var(--muted,#94a3b8);display:flex;font-size:11px;gap:4px;margin-top:4px}.my-docs-card-date i{font-size:11px}.my-docs-status{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:5px;padding:5px 10px;text-transform:capitalize}.my-docs-status-pending{background:#fef3c7;color:#b45309}.my-docs-status-approved{background:#dcfce7;color:#16a34a}.my-docs-status-signed{background:#dbeafe;color:#1e40af}.my-docs-status-rejected{background:#fee2e2;color:#dc2626}.my-docs-status-draft{background:#e0e7ff;color:#4f46e5}.my-docs-status-completed{background:#dbeafe;color:#2563eb}.my-docs-actions{flex-shrink:0;gap:6px}.my-docs-actions,.my-docs-btn{align-items:center;display:flex}.my-docs-btn{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;color:#64748b;color:var(--muted,#64748b);cursor:pointer;font-size:15px;height:34px;justify-content:center;text-decoration:none;transition:all .15s;width:34px}.my-docs-btn:hover{background:#f8fafc;background:var(--bg,#f8fafc);border-color:#94a3b8;border-color:var(--muted,#94a3b8);color:#0f172a;color:var(--text,#0f172a)}.my-docs-btn-view{background:#3b82f6;background:var(--primary-color,#3b82f6);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#fff}.my-docs-btn-view:hover{background:#2563eb;background:var(--primary-color-hover,#2563eb);border-color:#2563eb;border-color:var(--primary-color-hover,#2563eb);box-shadow:0 3px 10px rgba(59,130,246,.3);box-shadow:0 3px 10px rgba(var(--primary-color-rgb,59,130,246),.3);color:#fff;transform:translateY(-1px)}.my-docs-btn-download{background:#10b981;border-color:#10b981;color:#fff}.my-docs-btn-download:hover{background:#059669;border-color:#059669;box-shadow:0 3px 10px rgba(16,185,129,.3);color:#fff;transform:translateY(-1px)}.my-docs-btn-details:hover{background:#f1f5f9;border-color:#cbd5e1}.my-docs-btn-edit{border-color:#fcd34d;color:#f59e0b}.my-docs-btn-edit:hover{background:#fffbeb;border-color:#f59e0b}.my-docs-btn-delete{border-color:#fecaca;color:#ef4444}.my-docs-btn-delete:hover{background:#fef2f2;border-color:#ef4444}@media (max-width:640px){.my-docs-modal{border-radius:0;height:100%;max-height:100%;max-width:100%;width:100%}.my-docs-filters{flex-direction:column}.my-docs-content,.my-docs-filters{padding:12px 16px}.my-docs-card{flex-wrap:wrap;gap:12px}.my-docs-card-left{flex:1 1 100%}.my-docs-status{order:3}.my-docs-actions{margin-left:auto;order:2}}.doc-details-modal{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.15);display:flex;flex-direction:column;max-height:90vh;max-width:1100px;overflow:hidden;width:95%}.doc-details-header{align-items:center;background:#f8fafc;background:var(--bg,#f8fafc);border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line,#e6ebf2);display:flex;justify-content:space-between;padding:18px 24px}.doc-details-title{align-items:center;color:#0f172a;color:var(--text,#0f172a);display:flex;font-size:17px;font-weight:600;gap:10px}.doc-details-title i{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:20px}.doc-details-close{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;color:#64748b;color:var(--muted,#64748b);cursor:pointer;display:flex;font-size:18px;height:34px;justify-content:center;transition:all .15s;width:34px}.doc-details-close:hover{background:#e6ebf2;background:var(--line,#e6ebf2);color:#0f172a;color:var(--text,#0f172a)}.doc-details-content{display:grid;flex:1 1;grid-template-columns:380px 1fr;overflow:hidden}.doc-details-info{background:#fff;background:var(--surface,#fff);border-right:1px solid #e6ebf2;border-right:1px solid var(--line,#e6ebf2);overflow-y:auto;padding:20px}.doc-info-section{margin-bottom:20px}.doc-info-section:last-of-type{margin-bottom:0}.doc-info-section h4{align-items:center;border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line,#e6ebf2);color:#0f172a;color:var(--text,#0f172a);display:flex;font-size:13px;font-weight:600;gap:8px;margin:0 0 12px;padding-bottom:8px}.doc-info-section h4 i{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:15px}.doc-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.doc-info-item{display:flex;flex-direction:column;gap:4px}.doc-info-item.full-width{grid-column:1/-1}.doc-info-item label{color:#64748b;color:var(--muted,#64748b);font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.doc-info-value{font-size:13px;font-weight:500}.doc-hash,.doc-info-value{color:#0f172a;color:var(--text,#0f172a)}.doc-hash{background:#f8fafc;background:var(--bg,#f8fafc);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:6px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:11px;padding:6px 10px;word-break:break-all}.doc-verify-code{align-items:center;display:flex;gap:8px}.doc-verify-code code{background:#f8fafc;background:var(--bg,#f8fafc);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:6px;color:#3b82f6;color:var(--primary-color,#3b82f6);font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:12px;font-weight:600;padding:5px 10px}.doc-verify-btn{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;transition:all .15s;width:30px}.doc-verify-btn:hover{transform:scale(1.05)}.doc-status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.doc-status-pending{background:#fef3c7;color:#b45309}.doc-status-approved{background:#dcfce7;color:#16a34a}.doc-status-signed{background:#dbeafe;color:#1e40af}.doc-status-rejected{background:#fee2e2;color:#dc2626}.doc-status-draft{background:#e0e7ff;color:#4f46e5}.doc-status-completed{background:#dbeafe;color:#2563eb}.doc-approval-type{align-items:center;display:inline-flex;font-size:12px;font-weight:500;gap:5px}.doc-approval-type.digital{color:#7c3aed}.doc-approval-type.standard{color:#10b981}.doc-approvers-list{display:flex;flex-direction:column;gap:10px}.doc-approver-item{align-items:center;background:#f8fafc;background:var(--bg,#f8fafc);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;display:flex;gap:10px;padding:10px 12px}.doc-approver-avatar{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.doc-approver-info{flex:1 1;min-width:0}.doc-approver-name{color:#0f172a;color:var(--text,#0f172a);display:block;font-size:13px;font-weight:500}.doc-approver-role{color:#64748b;color:var(--muted,#64748b);font-size:11px}.doc-approver-status{align-items:center;border-radius:4px;display:flex;flex-shrink:0;font-size:11px;font-weight:500;gap:4px;padding:4px 8px}.doc-approver-status.approved{background:#dcfce7;color:#16a34a}.doc-approver-status.rejected{background:#fee2e2;color:#dc2626}.doc-approver-status.pending{background:#fef3c7;color:#b45309}.doc-details-actions{border-top:1px solid #e6ebf2;border-top:1px solid var(--line,#e6ebf2);display:flex;gap:10px;margin-top:20px;padding-top:16px}.doc-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .15s}.doc-action-btn.primary{background:#3b82f6;background:var(--primary-color,#3b82f6);color:#fff}.doc-action-btn.primary:hover{box-shadow:0 4px 12px rgba(59,130,246,.3);box-shadow:0 4px 12px rgba(var(--primary-color-rgb,59,130,246),.3);transform:translateY(-1px)}.doc-action-btn.secondary{background:#f8fafc;background:var(--bg,#f8fafc);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);color:#0f172a;color:var(--text,#0f172a)}.doc-action-btn.secondary:hover{background:#e6ebf2;background:var(--line,#e6ebf2)}.doc-details-preview{background:#f8fafc;background:var(--bg,#f8fafc);display:flex;flex-direction:column;overflow:hidden}.doc-preview-header{align-items:center;background:#fff;background:var(--surface,#fff);border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line,#e6ebf2);display:flex;justify-content:space-between;padding:14px 20px}.doc-preview-header h4{align-items:center;color:#0f172a;color:var(--text,#0f172a);display:flex;font-size:13px;font-weight:600;gap:8px;margin:0}.doc-preview-header h4 i{color:#3b82f6;color:var(--primary-color,#3b82f6)}.doc-stamped-badge{align-items:center;background:#dcfce7;border-radius:6px;color:#16a34a;display:flex;font-size:11px;font-weight:600;gap:5px;padding:4px 10px}.doc-preview-frame{display:flex;flex:1 1;flex-direction:column;padding:16px}.doc-preview-iframe{background:#fff;border:none;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06);flex:1 1;min-height:400px;width:100%}.doc-preview-empty{align-items:center;color:#64748b;color:var(--muted,#64748b);display:flex;flex:1 1;flex-direction:column;justify-content:center}.doc-preview-empty i{font-size:48px;margin-bottom:12px;opacity:.5}.doc-preview-empty p{font-size:14px;margin:0}@media (max-width:900px){.doc-details-modal{border-radius:0;height:100%;max-height:100%;max-width:100%}.doc-details-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}.doc-details-info{border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line,#e6ebf2);border-right:none;max-height:50vh}.doc-info-grid{grid-template-columns:1fr}}.my-documents-modal{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;width:95%}.my-documents-header{align-items:center;border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line,#e6ebf2);display:flex;justify-content:space-between;padding:24px}.my-documents-header h2{font-size:24px;font-weight:700;margin:0}.btn-close,.my-documents-header h2{color:#0f172a;color:var(--text,#0f172a)}.btn-close{align-items:center;background:#f8fafc;background:var(--bg,#f8fafc);display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px}.btn-close:hover{background:#e6ebf2;background:var(--line,#e6ebf2)}.my-documents-filters{background:#f8fafc;background:var(--bg,#f8fafc);border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line,#e6ebf2);display:flex;gap:12px;padding:16px 24px}.documents-table-container{flex:1 1;overflow-y:auto;padding:24px}.documents-table{border-collapse:collapse;width:100%}.documents-table thead tr{background:#f8fafc;background:var(--bg,#f8fafc);border-bottom:2px solid #e6ebf2;border-bottom:2px solid var(--line,#e6ebf2)}.documents-table th{color:#64748b;color:var(--muted,#64748b);font-size:11px;font-weight:700;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.documents-table td{border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line,#e6ebf2);font-size:14px;padding:16px}.documents-table tbody tr:hover{background:#f8fafc;background:var(--bg,#f8fafc)}.approver-info,.doc-type,.request-id{display:flex;flex-direction:column;gap:4px}.approver-info strong,.doc-type strong,.request-id strong{color:#0f172a;color:var(--text,#0f172a);font-weight:600}.approver-info small,.doc-type small,.request-id small{color:#64748b;color:var(--muted,#64748b);font-size:12px}.approval-type{align-items:center;color:#0f172a;color:var(--text,#0f172a);display:flex;font-size:13px;gap:6px}.status-badge{font-size:13px;gap:4px}.status-badge.approved{background:#dcfce7;color:#166534}.status-badge.pending{background:#fed7aa;color:#c2410c}.status-badge.rejected{background:#fee2e2;color:#991b1b}.action-buttons{align-items:center}.btn-action{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;color:#0f172a;color:var(--text,#0f172a);display:grid;font-size:16px;height:36px;place-items:center;transition:all .2s;width:36px}.btn-action:hover{box-shadow:0 4px 12px rgba(15,23,42,.1);transform:scale(1.05)}.btn-action.success{background:#10b981;background:var(--success-color,#10b981);border-color:transparent;color:#fff}.btn-action.success:hover{filter:brightness(1.1)}.btn-action.danger{background:#ef4444;background:var(--error-color,#ef4444);border-color:transparent;color:#fff}.btn-action.danger:hover{filter:brightness(1.1)}.timeline-modal{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:90%}.timeline-header{align-items:center;border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line,#e6ebf2);padding:24px}.timeline-header h2{color:#0f172a;color:var(--text,#0f172a);font-size:24px;font-weight:700;margin:0}.timeline-container{flex:1 1;overflow-y:auto;padding:32px 40px}.timeline-item{align-items:flex-start;padding-bottom:32px}.timeline-item:not(:last-child):after{background:#e6ebf2;background:var(--line,#e6ebf2);bottom:0;content:"";left:19px;position:absolute;top:40px;width:2px}.timeline-item.completed:not(:last-child):after{background:#10b981}.timeline-icon{border-radius:50%;display:grid;flex-shrink:0;font-size:20px;height:40px;place-items:center;position:relative;width:40px;z-index:1}.timeline-item.completed .timeline-icon{background:#dcfce7;color:#10b981}.timeline-item.pending .timeline-icon{background:#fed7aa;color:#c2410c}.timeline-item.inactive .timeline-icon{background:#f8fafc;background:var(--bg,#f8fafc);color:#94a3b8;color:var(--muted,#94a3b8)}.timeline-content h4{color:#0f172a;color:var(--text,#0f172a);font-size:16px;font-weight:600;margin:0 0 4px}.timeline-content p{font-size:14px;margin:0}.timeline-content p,.timeline-time{color:#64748b;color:var(--muted,#64748b)}.timeline-time{font-size:13px}.templates-grid-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:8px}.template-card-new{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:16px;cursor:default;padding:20px;transition:all .3s ease}.template-card-new:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-4px)}.template-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.template-icon-large{border-radius:16px;display:grid;height:64px;place-items:center;width:64px}.btn-favorite{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;color:#64748b;color:var(--muted,#64748b);cursor:pointer;display:grid;height:36px;place-items:center;transition:all .2s;width:36px}.btn-favorite:hover{background:#fef9c3;border-color:#fde047;color:#ca8a04}.template-card-body h3{color:#0f172a;color:var(--text,#0f172a);font-size:20px;font-weight:700;margin:0 0 8px}.template-card-body p{color:#64748b;color:var(--muted,#64748b);font-size:14px;line-height:1.5;margin:0 0 16px}.template-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tag-item{background:#f8fafc;background:var(--bg,#f8fafc);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;color:#64748b;color:var(--text,#64748b);gap:4px}.tag-item,.template-badge-urgent{align-items:center;display:inline-flex;font-size:13px;padding:6px 12px}.template-badge-urgent{background:#fef9c3;border:1px dashed #fde047;border-radius:8px;color:#854d0e;font-weight:500;gap:6px}.template-card-footer{border-top:1px solid #e6ebf2;border-top:1px solid var(--line,#e6ebf2);display:flex;gap:10px;margin-top:16px;padding-top:16px}.btn-outline{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;color:#0f172a;color:var(--text,#0f172a);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s}.btn-outline:hover{background:#f8fafc;background:var(--bg,#f8fafc);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#3b82f6;color:var(--primary-color,#3b82f6)}.btn-quick-request{align-items:center;background:#10b981;background:var(--success-color,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s}.btn-quick-request:hover{box-shadow:0 4px 12px rgba(16,185,129,.3);filter:brightness(1.1);transform:translateY(-2px)}.template-modal{background:#f8fafc;border-radius:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:flex;flex-direction:column;height:90vh;max-width:1400px;overflow:hidden;width:95vw}.template-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 24px}.template-modal-title{align-items:center;display:flex;gap:16px}.template-modal-icon{border-radius:12px;display:grid;font-size:24px;height:48px;place-items:center;width:48px}.template-modal-info h2{color:#0f172a;font-size:18px;font-weight:700;margin:0}.template-modal-info p{color:#64748b;font-size:13px;margin:4px 0 0}.template-modal-actions{align-items:center;display:flex;gap:16px}.view-toggle{background:#f1f5f9;border-radius:10px;display:flex;padding:4px}.toggle-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.toggle-btn:hover{color:#0f172a}.toggle-btn.active{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#0f172a}.close-modal-btn{background:#f1f5f9;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:grid;font-size:20px;height:36px;place-items:center;transition:all .2s;width:36px}.close-modal-btn:hover{background:#e2e8f0;color:#0f172a}.template-modal-body{display:flex;flex:1 1;overflow:hidden}.template-form-section{flex:1 1;overflow-y:auto;padding:24px;transition:all .3s ease}.template-form-section.collapsed{flex:0 0 400px}.template-preview-section{background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;transition:all .3s ease;width:45%}.template-preview-section.expanded{width:60%}.form-container{margin:0 auto;max-width:800px}.wizard-steps{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:0;justify-content:center;margin-bottom:24px;padding:16px 24px}.wizard-step,.wizard-steps{align-items:center;display:flex;flex-direction:row}.wizard-step{gap:10px;opacity:.4;transition:all .3s ease}.wizard-step.active,.wizard-step.completed{opacity:1}.wizard-step-number{align-items:center;background:#e2e8f0;border:2px solid transparent;border-radius:50%;color:#64748b;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;min-width:36px;transition:all .3s ease;width:36px}.wizard-step.active .wizard-step-number{box-shadow:0 0 0 4px rgba(16,185,129,.15)}.wizard-step.active .wizard-step-number,.wizard-step.completed .wizard-step-number{background:#10b981;border-color:#10b981;color:#fff}.wizard-step-label{color:#64748b;font-size:13px;font-weight:500;white-space:nowrap}.wizard-step.active .wizard-step-label,.wizard-step.completed .wizard-step-label{color:#0f172a;font-weight:600}.wizard-step-line{background:#e2e8f0;border-radius:2px;flex-shrink:0;height:3px;margin:0 12px;transition:background .3s ease;width:60px}.wizard-step-line.completed{background:#10b981}.form-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:20px;overflow:hidden}.form-card-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:10px;padding:16px 20px}.form-card-header i{color:#10b981;font-size:18px}.form-card-header h3{color:#0f172a;flex:1 1;font-size:15px;font-weight:600;margin:0}.header-badge{background:#dbeafe;border-radius:20px;color:#2563eb;font-size:12px;font-weight:500;padding:4px 10px}.form-card-body{padding:20px}.form-group{gap:6px}.form-label{color:#374151;font-size:13px;font-weight:600}.form-label .required{color:#ef4444;margin-left:3px}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:14px;outline:none;padding:12px 14px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8}.form-textarea{min-height:80px;resize:vertical}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.form-checkbox{align-items:center;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:all .2s}.form-checkbox:hover{background:rgba(16,185,129,.05);border-color:#10b981}.form-checkbox input[type=checkbox]{display:none}.form-checkbox .checkmark{border:2px solid #cbd5e1;border-radius:5px;display:grid;height:20px;place-items:center;transition:all .2s;width:20px}.form-checkbox input:checked+.checkmark{background:#10b981;border-color:#10b981}.form-checkbox input:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700}.checkbox-label{color:#374151;font-size:14px}.empty-form-state{align-items:center;color:#94a3b8;display:flex;flex-direction:column;padding:40px;text-align:center}.empty-form-state i{font-size:40px;margin-bottom:12px}.chain-info{align-items:center;background:#f0f9ff;border-radius:10px;color:#0369a1;display:flex;font-size:13px;gap:10px;margin-bottom:16px;padding:12px 16px}.chain-info i{font-size:16px}.approver-search{align-items:center;display:flex;margin-bottom:16px;position:relative}.approver-search i{color:#94a3b8;font-size:15px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.approver-search input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-size:14px;height:44px;outline:none;padding:0 14px 0 46px;transition:all .2s;width:100%}.approver-search input::placeholder{color:#94a3b8;opacity:1}.approver-search input:focus{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.approvers-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-height:240px;overflow-y:auto;padding:4px}.approver-card{background:#f8fafc;border:2px solid transparent;border-radius:12px;cursor:pointer;flex-direction:column;gap:8px;position:relative;transition:all .2s}.approver-card:hover{background:#fff;border-color:#e2e8f0}.approver-card.selected{background:#ecfdf5;border-color:#10b981}.approver-main{align-items:center;display:flex;gap:12px;width:100%}.approver-checkbox{position:relative}.approver-checkbox input{display:none}.custom-checkbox{border:2px solid #cbd5e1;border-radius:5px;display:grid;height:20px;place-items:center;transition:all .2s;width:20px}.approver-card.selected .custom-checkbox{background:#10b981;border-color:#10b981}.approver-card.selected .custom-checkbox:after{color:#fff;content:"✓";font-size:12px;font-weight:700}.approver-avatar{border-radius:8px;color:#475569;font-size:13px;height:36px;transition:all .2s;width:36px}.approver-card.selected .approver-avatar{background:#10b981!important;color:#fff}.approver-details{flex:1 1;min-width:0}.approver-details strong{color:#0f172a;display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approver-details small{color:#64748b;font-size:11px}.suggested-tag{background:#fef3c7;border-radius:10px;color:#92400e;font-size:10px;font-weight:600;padding:2px 8px;position:absolute;right:-6px;top:-6px}.no-approvers{align-items:center;color:#94a3b8;display:flex;flex-direction:column;grid-column:1/-1;padding:30px}.no-approvers i{font-size:32px;margin-bottom:8px}.action-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.action-option{align-items:center;background:#f8fafc;border:2px solid transparent;border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:16px;transition:all .2s}.action-option:hover{background:#fff;border-color:#e2e8f0}.action-option.selected{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.action-option input[type=radio]{display:none}.action-icon{border-radius:12px;display:grid;font-size:20px;height:44px;place-items:center;width:44px}.action-icon.standard{background:#dcfce7;color:#16a34a}.action-icon.digital{background:#dbeafe;color:#2563eb}.action-icon.share{background:#e0e7ff;color:#4f46e5}.action-icon.save{background:#fef3c7;color:#d97706}.action-info{flex:1 1}.action-info strong{color:#0f172a;display:block;font-size:14px;font-weight:600;margin-bottom:2px}.action-info small{color:#64748b;font-size:12px}.approval-flow-selector{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.flow-label{color:#475569;font-size:13px;font-weight:600}.flow-options{display:flex;gap:8px}.flow-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.flow-btn:hover{border-color:#10b981;color:#10b981}.flow-btn.active{background:#10b981;border-color:#10b981;color:#fff}.flow-btn i{font-size:14px}.permission-selector{display:flex;gap:6px;margin-top:4px;padding-left:44px}.perm-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s;width:32px}.perm-btn:hover{border-color:#4f46e5;color:#4f46e5}.perm-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.approval-order-info{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;display:flex;gap:8px;margin-top:16px;padding:12px 14px}.approval-order-info i{color:#3b82f6;flex-shrink:0;font-size:16px;margin-top:2px}.approval-order-info span{color:#1e40af;font-size:13px;line-height:1.5}.preview-wrapper{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.preview-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 20px}.preview-header span{align-items:center;color:#0f172a;display:flex;font-size:14px;font-weight:600;gap:8px}.preview-actions{display:flex;gap:8px}.preview-btn{background:#fff;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:grid;height:32px;place-items:center;transition:all .2s;width:32px}.preview-btn:hover{background:#e2e8f0;color:#0f172a}.preview-content{background:#fff;flex:1 1;overflow-y:auto;padding:24px}.preview-placeholder{flex:1 1;padding:40px}.placeholder-icon{background:#f1f5f9;border-radius:20px;display:grid;height:80px;margin-bottom:20px;place-items:center;width:80px}.placeholder-icon i{color:#94a3b8;font-size:36px}.preview-placeholder h3{color:#0f172a;font-size:18px;font-weight:600;margin:0 0 8px}.preview-placeholder p{font-size:14px}.preview-generate-btn{align-items:center;background:#10b981;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.preview-placeholder.validation-error{background:linear-gradient(135deg,#fef3f2,#fff)}.placeholder-icon.error{background:#fee2e2}.placeholder-icon.error i{color:#ef4444}.preview-placeholder.validation-error h3{color:#dc2626}.missing-fields-list{list-style:none;margin:0 0 20px;padding:0;text-align:left}.missing-fields-list li{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px;padding:6px 0}.missing-fields-list li i{color:#ef4444;font-size:8px}.preview-document{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.05);font-family:Georgia,Times New Roman,serif;margin:0 auto;max-width:700px;padding:40px}.preview-document .preview-header{background:transparent;border-bottom:2px solid #1e40af;display:block;margin-bottom:24px;padding-bottom:20px;text-align:center}.preview-document .preview-header h2{color:#1e40af;font-size:22px;font-weight:700;margin:0 0 8px}.preview-document .preview-header p{color:#64748b;font-size:13px;margin:4px 0}.preview-divider{background:#e2e8f0;border:none;height:1px;margin:20px 0}.preview-document .preview-title{margin-bottom:24px;text-align:center}.preview-document .preview-title h3{color:#0f172a;font-size:18px;font-weight:600;letter-spacing:1px;margin:0 0 8px;text-transform:uppercase}.preview-document .preview-date{color:#64748b;font-size:13px;margin:0}.preview-document .preview-body{color:#374151;font-size:14px;line-height:1.8}.preview-document .preview-body p{margin:12px 0}.preview-document .preview-body strong{color:#0f172a}.preview-document .preview-body em{color:#94a3b8;font-style:italic}.preview-document .preview-footer{border-top:1px solid #e2e8f0;color:#94a3b8;font-size:11px;margin-top:40px;padding-top:20px;text-align:center}.preview-document .preview-footer p{margin:4px 0}.preview-generate-btn:hover{background:#059669}.template-modal-footer{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 24px}.footer-left,.footer-right{display:flex;gap:12px}.footer-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}.footer-btn.outline{background:#fff;border:1px solid #e2e8f0;color:#374151}.footer-btn.outline:hover{background:#f8fafc;border-color:#cbd5e1}.footer-btn.primary{background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 4px 14px rgba(16,185,129,.3);color:#fff}.footer-btn.primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(16,185,129,.4);transform:translateY(-1px)}.footer-btn.primary:disabled{cursor:not-allowed;opacity:.6}.footer-btn i{font-size:16px}@media (max-width:1024px){.template-modal{height:95vh;width:98vw}.template-modal-body{flex-direction:column}.template-form-section,.template-form-section.collapsed{flex:none;max-height:60vh}.template-preview-section,.template-preview-section.expanded{flex:1 1;width:100%}.action-options,.form-grid{grid-template-columns:1fr}.form-steps{flex-wrap:wrap}}.modal-fullscreen{border-radius:16px;height:92vh;overflow:hidden;width:95vw}.modal-header-bar{align-items:center;border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line,#e6ebf2);display:flex;justify-content:space-between;padding:20px 24px}.modal-header-bar h2{font-size:20px;font-weight:700;margin:0}.btn-close-modal,.modal-header-bar h2{color:#0f172a;color:var(--text,#0f172a)}.btn-close-modal{background:#f8fafc;background:var(--bg,#f8fafc);border:none;border-radius:8px;cursor:pointer;display:grid;font-size:18px;height:32px;place-items:center;transition:all .2s;width:32px}.btn-close-modal:hover{background:#e6ebf2;background:var(--line,#e6ebf2)}.modal-toolbar{align-items:center;background:#f8fafc;background:var(--bg,#f8fafc);border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line,#e6ebf2);display:flex;justify-content:space-between;padding:12px 24px}.toolbar-left,.toolbar-right{display:flex;gap:8px}.toolbar-btn{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;color:#0f172a;color:var(--text,#0f172a);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.toolbar-btn:hover{background:#e6ebf2;background:var(--line,#e6ebf2)}.toolbar-btn.active{background:#3b82f6;background:var(--primary-color,#3b82f6);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#fff}.toolbar-btn-success{align-items:center;background:#10b981;background:var(--success-color,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.toolbar-btn-success:hover{filter:brightness(1.1)}.toolbar-btn-primary{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.toolbar-btn-primary:hover{filter:brightness(1.1)}.modal-content-area{display:grid;flex:1 1;grid-template-columns:1fr 1.2fr;overflow:hidden}.modal-form-panel{background:#fff;border-right:1px solid #e6ebf2;border-right:1px solid var(--line,#e6ebf2);display:flex;flex-direction:column}.form-scroll-container{flex:1 1;overflow-y:auto;padding:24px}.form-institution-header{background:linear-gradient(135deg,#18a36f10,#0ea5e910);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:12px;margin-bottom:24px;padding:16px;text-align:center}.form-institution-header h4{color:#0f172a;color:var(--text,#0f172a);font-size:16px;font-weight:700;margin:0 0 4px}.form-institution-header p{color:#64748b;color:var(--muted,#64748b);font-size:13px;margin:0}.form-scroll-container::-webkit-scrollbar{width:6px}.form-scroll-container::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg,#f8fafc)}.form-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--muted,#cbd5e1);border-radius:3px}.required-star{color:#ef4444;margin-left:4px}.form-fields-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.form-fields-grid .form-field.full-width{grid-column:1/-1}.empty-fields-message{align-items:center;background:#f8fafc;background:var(--bg,#f8fafc);border-radius:12px;color:#64748b;color:var(--muted,#64748b);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-fields-message i{font-size:36px;margin-bottom:12px;opacity:.5}.empty-fields-message p{font-size:14px;margin:0}.checkbox-wrapper{align-items:center;border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.checkbox-wrapper:hover{background:rgba(24,163,111,.05);border-color:#18a36f}.checkbox-wrapper input[type=checkbox]{accent-color:#18a36f;cursor:pointer;height:18px;width:18px}.checkbox-wrapper span{color:#0f172a;color:var(--text,#0f172a);font-size:14px}.section-divider{background:#e6ebf2;background:var(--line,#e6ebf2);height:1px;margin:24px 0}.approval-type-section,.recipients-section{margin-bottom:24px}.section-header-with-badge{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header-with-badge h4{color:#0f172a;color:var(--text,#0f172a);font-size:16px;font-weight:600;margin:0}.approval-chain-info{align-items:center;background:#f0f9ff;border-radius:10px;color:#0369a1;display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:12px 16px}.approval-chain-info i{font-size:16px}.badge-selected{background:rgba(59,130,246,.1);background:rgba(var(--primary-color-rgb,59,130,246),.1);border-radius:6px;color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:12px;font-weight:500;padding:4px 10px}.search-box{margin-bottom:12px}.search-box i{left:12px}.search-box input{border-radius:8px;padding:10px 12px 10px 36px}.search-box-recipients{margin-bottom:12px;position:relative}.search-box-recipients i{color:#64748b;color:var(--muted,#64748b);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-box-recipients input{background:#fff;border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;font-size:14px;padding:10px 12px 10px 36px;width:100%}.search-box-recipients input:focus{border-color:#18a36f;box-shadow:0 0 0 3px rgba(24,163,111,.1);outline:none}.recipients-list{gap:8px;max-height:250px;overflow-y:auto}.empty-recipients{align-items:center;color:#64748b;color:var(--muted,#64748b);display:flex;flex-direction:column;justify-content:center;padding:30px 20px;text-align:center}.empty-recipients i{font-size:32px;margin-bottom:8px;opacity:.5}.empty-recipients p{font-size:14px;margin:0}.recipient-item{border-radius:10px;padding:12px}.recipient-item.selected{background:rgba(59,130,246,.05);background:rgba(var(--primary-color-rgb,59,130,246),.05);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.recipient-avatar{background:#10b981;background:var(--success-color,#10b981);border-radius:8px;height:40px;width:40px}.recipient-info strong{font-size:14px}.recipient-info small{font-size:12px}.default-badge{background:rgba(59,130,246,.1);background:rgba(var(--primary-color-rgb,59,130,246),.1);border-radius:6px;color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:11px;font-weight:600;padding:4px 8px}.section-description{color:#64748b;color:var(--muted,#64748b);font-size:13px;margin:8px 0 16px}.approval-options{flex-direction:column;gap:10px}.approval-option{background:#f8fafc;background:var(--bg,#f8fafc);border-radius:10px;padding:14px;transition:all .2s}.approval-option:hover{background:#fff}.approval-option.selected,.approval-option:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.approval-option.selected{background:rgba(59,130,246,.05);background:rgba(var(--primary-color-rgb,59,130,246),.05)}.option-content{display:flex;flex-direction:column;gap:4px}.option-content strong{color:#0f172a;color:var(--text,#0f172a);font-size:14px}.option-content small{color:#64748b;color:var(--muted,#64748b);font-size:12px}.modal-footer-actions{background:#f8fafc;background:var(--bg,#f8fafc);border-top:1px solid #e6ebf2;border-top:1px solid var(--line,#e6ebf2);display:flex;gap:12px;padding:16px 24px}.btn-footer-outline{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;color:#0f172a;color:var(--text,#0f172a);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}.btn-footer-outline:hover{background:#e6ebf2;background:var(--line,#e6ebf2)}.btn-footer-primary{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.btn-footer-primary:hover{box-shadow:0 4px 16px rgba(59,130,246,.3);filter:brightness(1.1)}.modal-preview-panel{background:#f8fafc;background:var(--bg,#f8fafc);display:grid;padding:40px;place-items:center}.preview-empty-state{max-width:400px;text-align:center}.preview-icon{background:#fff;background:var(--surface,#fff);border:2px dashed #cbd5e1;border:2px dashed var(--line,#cbd5e1);border-radius:16px;color:#94a3b8;color:var(--muted,#94a3b8);display:grid;font-size:36px;height:80px;margin:0 auto 20px;place-items:center;width:80px}.preview-empty-state h3{color:#0f172a;color:var(--text,#0f172a);font-size:20px;font-weight:600;margin:0 0 8px}.preview-empty-state p{color:#64748b;color:var(--muted,#64748b);font-size:14px;line-height:1.6;margin:0}[data-theme=dark] .document-generation{--background-color:#0f172a;--surface-color:#1e293b;--text-color:#f1f5f9;--text-muted:#94a3b8;--border-color:#334155;--primary-color:#10b981}.institution-banner{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:12px;box-shadow:0 4px 16px rgba(15,23,42,.06);display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.institution-info{align-items:center;display:flex;gap:12px}.institution-info i{color:#10b981;color:var(--primary-color,#10b981);font-size:28px}.institution-info h4{color:#0f172a;color:var(--text,#0f172a);font-size:16px;font-weight:600;margin:0}.institution-info p{color:#64748b;color:var(--muted,#64748b);font-size:13px;margin:2px 0 0}.user-info{align-items:center;gap:10px}.user-badge{border-radius:20px;font-size:12px;padding:4px 12px}.my-documents-btn,.user-badge{background:#10b981;background:var(--primary-color,#10b981);color:#fff;font-weight:500}.my-documents-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;gap:8px;padding:12px 20px;transition:all .2s}.my-documents-btn:hover{box-shadow:0 6px 20px rgba(16,185,129,.4);transform:translateY(-2px)}.loading-state{background:#fff;background:var(--surface,#fff);border-radius:16px;padding:60px;text-align:center}.loading-state i{color:#10b981;color:var(--primary-color,#10b981);margin-bottom:16px}.filter-tabs{display:flex;gap:8px}.filter-tabs button{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;color:#64748b;color:var(--muted,#64748b);cursor:pointer;font-size:14px;padding:10px 18px;transition:all .2s}.filter-tabs button:hover{border-color:#10b981;border-color:var(--primary-color,#10b981);color:#10b981;color:var(--primary-color,#10b981)}.filter-tabs button.active{background:#10b981;background:var(--primary-color,#10b981);border-color:transparent;color:#fff}.search-box{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:10px;display:flex;gap:10px;max-width:400px;padding:12px 18px}.search-box input{background:transparent;border:none;color:#0f172a;color:var(--text,#0f172a);outline:none}.search-box input::placeholder{color:#94a3b8;color:var(--muted,#94a3b8)}.my-documents-section{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:16px;padding:24px}.documents-list{display:flex;flex-direction:column;gap:16px}.document-card{border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:12px;padding:18px;transition:all .2s}.document-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.doc-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.doc-title h4{color:#0f172a;color:var(--text,#0f172a);font-size:15px;font-weight:600;margin:0 0 4px}.doc-id{color:#94a3b8;color:var(--muted,#94a3b8);font-family:monospace;font-size:12px}.doc-meta{margin-bottom:14px}.doc-meta span{color:#64748b;color:var(--muted,#64748b);font-size:13px}.doc-actions{display:flex;gap:10px}.btn-icon{background:#f1f5f9;border:none;color:#64748b;color:var(--muted,#64748b);display:flex;height:36px;text-decoration:none;width:36px}.btn-icon:hover{background:#e2e8f0;color:#0f172a;color:var(--text,#0f172a)}.btn-danger-sm,.btn-primary-sm{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s}.btn-primary-sm{background:#10b981;background:var(--primary-color,#10b981);color:#fff}.btn-primary-sm:hover{box-shadow:0 4px 12px rgba(16,185,129,.4);transform:translateY(-1px)}.btn-danger-sm{background:#fee2e2;color:#dc2626}.btn-danger-sm:hover{background:#fecaca}.institution-preview{background:rgba(16,185,129,.08);border-bottom:1px dashed #e6ebf2;border-bottom:1px dashed var(--line,#e6ebf2);padding:18px 24px;text-align:center}.institution-preview h4{color:#0f172a;color:var(--text,#0f172a);font-size:16px;font-weight:600;margin:0 0 4px}.institution-preview p{color:#64748b;color:var(--muted,#64748b);font-size:13px;margin:0}.inst-contact{display:flex;gap:16px;justify-content:center;margin-top:8px!important}.inst-contact span{align-items:center;display:flex;gap:5px}.approval-chain-section{border-top:1px solid #e6ebf2;border-top:1px solid var(--line,#e6ebf2);margin-top:24px;padding-top:20px}.approval-chain-section h4{align-items:center;color:#64748b;color:var(--muted,#64748b);display:flex;font-size:14px;gap:8px;margin:0 0 14px}.approval-chain{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.approver-badge{align-items:center;background:#f1f5f9;border-radius:8px;color:#0f172a;color:var(--text,#0f172a);display:flex;font-size:13px;gap:6px;padding:8px 14px}.chain-arrow{color:#94a3b8;color:var(--muted,#94a3b8)}.doc-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.detail-item{gap:4px}.detail-item label{color:#94a3b8;color:var(--muted,#94a3b8)}.form-data-section,.preview-section{border-top:1px solid #e6ebf2;border-top:1px solid var(--line,#e6ebf2);margin-top:20px;padding-top:20px}.form-data-section h4,.preview-section h4{color:#0f172a;color:var(--text,#0f172a);font-size:15px;margin:0 0 14px}.form-data-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.form-data-item{background:#f8fafc;border-radius:8px;padding:10px 14px}.form-data-item label{color:#94a3b8;color:var(--muted,#94a3b8);display:block;font-size:11px;margin-bottom:2px;text-transform:capitalize}.form-data-item span{color:#0f172a;color:var(--text,#0f172a);font-size:13px}.document-preview{background:#f8fafc;border-radius:12px;font-size:14px;line-height:1.6;max-height:300px;overflow-y:auto;padding:20px}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.spinner{border:3px solid #e2e8f0;border-top-color:#4f46e5;height:40px;width:40px}.loading-spinner span{color:#64748b;color:var(--muted,#64748b);font-size:14px}.template-list-view{display:flex;flex-direction:column;gap:8px}.template-list-item{align-items:center;background:#fff;border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px 20px;transition:all .2s ease}.template-list-item:hover{background:#fafbff;border-color:#4f46e5;box-shadow:0 2px 8px rgba(79,70,229,.1);transform:translateX(4px)}.template-list-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}.template-list-info{flex:1 1;min-width:0}.template-list-info h4{color:#0f172a;color:var(--text,#0f172a);font-size:15px;font-weight:600;margin:0 0 4px}.template-list-info p{color:#64748b;color:var(--muted,#64748b);font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-list-meta{align-items:center;display:flex;flex-shrink:0;gap:12px}.template-category-badge{background:#f1f5f9;border-radius:20px;color:#64748b;color:var(--muted,#64748b);font-size:11px;font-weight:500;padding:4px 10px;text-transform:capitalize}.template-arrow{color:#cbd5e1;font-size:18px;transition:transform .2s ease}.template-list-item:hover .template-arrow{color:#4f46e5;transform:translateX(4px)}.modal-fullscreen{background:#fff;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-fullscreen-header{align-items:center;background:#fff;border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line,#e6ebf2);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.modal-fullscreen-header h2{align-items:center;color:#0f172a;color:var(--text,#0f172a);display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.modal-header-actions{display:flex;gap:12px}.btn-close-fullscreen{align-items:center;background:#fff;border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;color:#64748b;color:var(--muted,#64748b);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s ease}.btn-close-fullscreen:hover{background:#f8fafc;border-color:#cbd5e1}.modal-fullscreen-content{display:flex;flex:1 1;overflow:hidden}.form-panel{background:#fafbff;border-right:1px solid #e6ebf2;border-right:1px solid var(--line,#e6ebf2);overflow-y:auto;padding:24px;width:50%}.form-panel h3{color:#0f172a;color:var(--text,#0f172a);font-size:16px;font-weight:600;margin:0 0 8px}.form-panel>p{color:#64748b;color:var(--muted,#64748b);font-size:13px;margin:0 0 24px}.form-section{margin-bottom:28px}.form-section-title{align-items:center;color:#64748b;color:var(--muted,#64748b);display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.form-section-title:after{background:#e6ebf2;background:var(--line,#e6ebf2);content:"";flex:1 1;height:1px}.form-section h4{align-items:center;color:#64748b;color:var(--muted,#64748b);display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.form-section h4:after{background:#e6ebf2;background:var(--line,#e6ebf2);content:"";flex:1 1;height:1px}.form-fields{display:flex;flex-direction:column;gap:16px}.preview-panel{background:#f1f5f9;overflow-y:auto;padding:24px;width:50%}.preview-panel h3{align-items:center;color:#0f172a;color:var(--text,#0f172a);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.document-preview-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);min-height:600px;overflow:hidden}.institution-letterhead{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:24px;text-align:center}.institution-logo{align-items:center;background:hsla(0,0%,100%,.2);border-radius:50%;display:flex;font-size:28px;height:60px;justify-content:center;margin:0 auto 12px;width:60px}.institution-letterhead h2{font-size:20px;font-weight:700;margin:0 0 4px}.institution-letterhead p{font-size:12px;margin:0;opacity:.9}.document-body{padding:32px}.document-title{margin-bottom:24px;text-align:center}.document-title h3{color:#0f172a;color:var(--text,#0f172a);font-size:18px;font-weight:600;letter-spacing:1px;margin:0 0 4px;text-transform:uppercase}.document-title p{font-size:12px;margin:0}.document-title p,.preview-empty{color:#64748b;color:var(--muted,#64748b)}.preview-empty{padding:60px 20px;text-align:center}.preview-empty span{display:block;font-size:48px;margin-bottom:12px;opacity:.5}.preview-details{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.preview-details .detail-row{display:flex;gap:16px}.preview-details .detail-row .label{color:#64748b;color:var(--muted,#64748b);flex-shrink:0;font-size:13px;font-weight:600;width:140px}.preview-content-text,.preview-details .detail-row .value{color:#0f172a;color:var(--text,#0f172a);font-size:14px}.preview-content-text{background:#f8fafc;border-radius:8px;line-height:1.8;margin:32px 0;min-height:150px;padding:24px;white-space:pre-wrap}.signature-area{display:flex;justify-content:space-between;margin-top:48px}.signature-block{text-align:center}.signature-line{background:#0f172a;background:var(--text,#0f172a);height:1px;margin-bottom:8px;width:180px}.signature-block p{color:#64748b;color:var(--muted,#64748b);font-size:12px;margin:0}.recipient-selection{margin-top:16px}.recipient-search{margin-bottom:12px;position:relative}.recipient-search input{border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:10px;font-size:14px;padding:12px 16px 12px 42px;transition:all .2s ease;width:100%}.recipient-search input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1);outline:none}.recipient-search:before{content:"🔍";font-size:14px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.recipient-list{background:#fff;border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:10px;max-height:200px;overflow-y:auto}.recipient-item{border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line,#e6ebf2);cursor:pointer;gap:12px;padding:12px 16px;transition:background .2s ease}.recipient-item:last-child{border-bottom:none}.recipient-item:hover{background:#f8fafc}.recipient-item.selected{background:#eff6ff}.recipient-checkbox{align-items:center;border:2px solid #cbd5e1;border-radius:4px;display:flex;flex-shrink:0;font-size:12px;height:20px;justify-content:center;transition:all .2s ease;width:20px}.recipient-item.selected .recipient-checkbox{background:#4f46e5;border-color:#4f46e5;color:#fff}.recipient-avatar{align-items:center;border-radius:50%;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.recipient-info{min-width:0}.recipient-info .name{color:#0f172a;color:var(--text,#0f172a);font-size:14px;font-weight:500;margin:0 0 2px}.recipient-info .role{color:#64748b;color:var(--muted,#64748b);font-size:12px;margin:0}.selected-recipients{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.selected-recipient-tag{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;color:#1d4ed8;display:flex;font-size:13px;gap:6px;padding:6px 10px}.selected-recipient-tag button{background:none;border:none;cursor:pointer;font-size:14px;opacity:.6;padding:0;transition:opacity .2s ease}.selected-recipient-tag button:hover{opacity:1}.approval-options{display:flex;gap:12px;margin-top:8px}.approval-option{align-items:center;background:#fff;border:2px solid #e6ebf2;border:2px solid var(--line,#e6ebf2);border-radius:12px;cursor:pointer;display:flex;flex:1 1;gap:12px;padding:16px;transition:all .2s ease}.approval-option:hover{background:#fafbff;border-color:#cbd5e1}.approval-option.selected{background:#eff6ff;border-color:#4f46e5}.approval-option input[type=radio]{display:none}.approval-radio{align-items:center;border:2px solid #cbd5e1;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.approval-option.selected .approval-radio{border-color:#4f46e5}.approval-radio:after{background:#4f46e5;border-radius:50%;content:"";height:10px;opacity:0;transform:scale(0);transition:all .2s ease;width:10px}.approval-option.selected .approval-radio:after{opacity:1;transform:scale(1)}.approval-option-content{flex:1 1}.approval-option-content span{color:#0f172a;color:var(--text,#0f172a);display:block;font-size:14px;font-weight:600;margin-bottom:2px}.approval-option-content small{color:#64748b;color:var(--muted,#64748b);font-size:12px}.approval-option-icon{font-size:24px;opacity:.7}.approval-option.selected .approval-option-icon{opacity:1}.notes-textarea{border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:10px;font-family:inherit;font-size:14px;min-height:100px;padding:14px 16px;resize:vertical;transition:all .2s ease;width:100%}.notes-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1);outline:none}.submit-section{background:#fff;border-top:1px solid #e6ebf2;border-top:1px solid var(--line,#e6ebf2);padding:20px 24px}.submit-actions{display:flex;gap:12px;justify-content:flex-end}.btn-save-draft{align-items:center;background:#fff;border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:10px;color:#0f172a;color:var(--text,#0f172a);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-save-draft:hover{background:#f8fafc;border-color:#cbd5e1}.btn-submit-approval{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-submit-approval:hover{box-shadow:0 4px 12px rgba(79,70,229,.35);transform:translateY(-1px)}.btn-submit-approval:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.documents-list-empty{padding:60px 20px;text-align:center}.documents-list-empty span{display:block;font-size:48px;margin-bottom:12px;opacity:.5}.documents-list-empty h4{color:#0f172a;color:var(--text,#0f172a);font-size:16px;margin:0 0 8px}.documents-list-empty p{color:#64748b;color:var(--muted,#64748b);font-size:14px;margin:0}.document-timeline{border-top:1px solid #e6ebf2;border-top:1px solid var(--line,#e6ebf2);margin-top:20px;padding-top:20px}.document-timeline h4{color:#0f172a;color:var(--text,#0f172a);font-size:14px;font-weight:600;margin:0 0 16px}.timeline-items{display:flex;flex-direction:column;gap:0;padding-left:24px;position:relative}.timeline-items:before{background:#e6ebf2;background:var(--line,#e6ebf2);bottom:8px;content:"";left:7px;position:absolute;top:8px;width:2px}.timeline-item{padding:8px 0}.timeline-item:before{background:#fff;border:2px solid #4f46e5;border-radius:50%;content:"";height:10px;left:-20px;position:absolute;top:14px;width:10px}.timeline-item.completed:before{background:#10b981;border-color:#10b981}.timeline-item.pending:before{background:#f59e0b;border-color:#f59e0b}.timeline-item.rejected:before{background:#ef4444;border-color:#ef4444}.timeline-item .time{color:#64748b;color:var(--muted,#64748b);font-size:11px;margin-bottom:4px}.timeline-item .action{color:#0f172a;color:var(--text,#0f172a);font-size:13px}.templates-empty{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;padding:60px 20px;text-align:center}.templates-empty span{display:block;font-size:48px;margin-bottom:12px}.templates-empty h4{color:#0f172a;color:var(--text,#0f172a);font-size:16px;margin:0 0 8px}.templates-empty p{color:#64748b;color:var(--muted,#64748b);font-size:14px;margin:0}.category-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.category-filter-btn{background:#fff;border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:20px;color:#64748b;color:var(--muted,#64748b);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.category-filter-btn:hover{border-color:#4f46e5;color:#4f46e5}.category-filter-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.success-toast{align-items:center;animation:slideInRight .3s ease;background:#10b981;border-radius:12px;bottom:24px;box-shadow:0 8px 24px rgba(16,185,129,.35);color:#fff;display:flex;gap:12px;padding:16px 24px;position:fixed;right:24px;z-index:1100}.success-toast span{font-size:20px}.success-toast p{font-size:14px;font-weight:500;margin:0}@media (max-width:1024px){.modal-fullscreen-content{flex-direction:column}.form-panel,.preview-panel{border-right:none;width:100%}.form-panel{border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line,#e6ebf2)}.preview-panel{max-height:50vh}}@media (max-width:768px){.approval-options{flex-direction:column}.modal-fullscreen-header{padding:12px 16px}.modal-fullscreen-header h2{font-size:16px}.form-panel,.preview-panel{padding:16px}.signature-area{align-items:center;flex-direction:column;gap:32px}}@media screen and (max-width:768px){:root{--dashboard-header:60px;--dashboard-bottom-nav:70px;--docgen-header-height:56px;--docgen-input-height:48px;--docgen-button-height:48px;--docgen-touch-target:44px;--docgen-padding:16px;--docgen-padding-sm:12px;--docgen-radius:12px;--docgen-radius-sm:10px;--docgen-radius-lg:16px;--docgen-transition:0.3s cubic-bezier(0.4,0,0.2,1);--docgen-shadow:0 4px 12px rgba(0,0,0,.08);--docgen-shadow-lg:0 8px 24px rgba(0,0,0,.12)}.document-generation{-webkit-overflow-scrolling:touch!important;background:#fff!important;gap:0!important;gap:16px!important;height:auto!important;min-height:calc(100vh - var(--dashboard-header) - var(--dashboard-bottom-nav))!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0!important;padding:var(--docgen-padding) var(--docgen-padding) calc(var(--dashboard-bottom-nav) + 20px)!important;width:100%!important}.document-generation,.page-header{display:flex!important;flex-direction:column!important}.page-header{align-items:flex-start!important;background:transparent!important;border:none!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--line,#e2e8f0)!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0 0 16px!important}.page-header h1{align-items:center!important;color:#0f172a!important;color:var(--text,#0f172a)!important;display:flex!important;font-size:22px!important;font-weight:700!important;gap:10px!important;line-height:1.3!important;margin:0 0 4px!important}.page-header h1 i{color:#059669!important;color:var(--primary-color,#059669)!important;font-size:24px!important}.page-header p{color:#64748b!important;color:var(--muted,#64748b)!important;font-size:13px!important;line-height:1.4!important;margin:0!important}.docgen-header{background:#fff!important;background:var(--surface,#fff)!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--line,#e2e8f0)!important;padding:16px!important}.header-content{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}.header-title h1{font-size:20px!important;gap:8px!important}.header-title h1 i{font-size:22px!important}.header-title p{font-size:13px!important}.header-actions{flex-direction:column!important;gap:10px!important;width:100%!important}.docgen-main{max-width:100%!important;overflow-x:hidden!important;padding:var(--docgen-padding)!important;width:100%!important}.content-grid{display:flex!important;flex-direction:column!important;gap:16px!important}.analytics-section,.recent-documents-section,.templates-section{background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius)!important;box-shadow:var(--docgen-shadow)!important;margin:0!important;padding:var(--docgen-padding)!important;width:100%!important}.section-header{align-items:flex-start!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--line,#e2e8f0)!important;display:flex!important;flex-direction:column!important;gap:12px!important;margin-bottom:12px!important;padding:0 0 12px!important}.section-header .section-title,.section-title{color:#0f172a!important;color:var(--text,#0f172a)!important;font-size:17px!important;font-weight:700!important;margin:0!important}.section-header-row{align-items:center!important;display:flex!important;flex-direction:row!important;gap:12px!important;justify-content:space-between!important;width:100%!important}.btn,button.btn{align-items:center!important;border-radius:var(--docgen-radius-sm)!important;cursor:pointer!important;display:inline-flex!important;font-size:14px!important;font-weight:600!important;gap:8px!important;justify-content:center!important;min-height:var(--docgen-touch-target)!important;padding:12px 16px!important;touch-action:manipulation!important;transition:var(--docgen-transition)!important}.btn:active{transform:scale(.97)!important}.btn.primary{background:#059669!important;background:var(--primary-color,#059669)!important}.btn.primary,.btn.success{border:none!important;color:#fff!important}.btn.success{background:#10b981!important;background:var(--success-color,#10b981)!important}.btn-sm{font-size:13px!important;min-height:36px!important;padding:8px 12px!important}.btn-full,.btn.full-width{width:100%!important}.btn-icon{align-items:center!important;border-radius:var(--docgen-radius-sm)!important;display:flex!important;height:var(--docgen-touch-target)!important;justify-content:center!important;min-width:var(--docgen-touch-target)!important;padding:0!important;width:var(--docgen-touch-target)!important}.btn-icon i{font-size:18px!important}.btn-my-documents{align-items:center!important;background:#059669!important;background:var(--primary-color,#059669)!important;border:none!important;border-radius:var(--docgen-radius-sm)!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:600!important;gap:8px!important;justify-content:center!important;min-height:var(--docgen-touch-target)!important;padding:12px 16px!important;transition:var(--docgen-transition)!important;width:100%!important}.btn-my-documents:active{opacity:.9!important;transform:scale(.97)!important}.btn-my-documents i{font-size:18px!important}input[type=date],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=text],select,textarea{-webkit-appearance:none!important;appearance:none!important;background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius-sm)!important;color:#0f172a!important;color:var(--text,#0f172a)!important;font-size:15px!important;min-height:var(--docgen-input-height)!important;outline:none!important;padding:12px 16px!important;transition:var(--docgen-transition)!important}input:focus,select:focus,textarea:focus{border-color:#059669!important;border-color:var(--primary-color,#059669)!important;box-shadow:0 0 0 3px rgba(5,150,105,.15)!important}textarea{min-height:100px!important;resize:vertical!important}.document-generation::-webkit-scrollbar,.templates-grid::-webkit-scrollbar,.templates-list::-webkit-scrollbar{width:4px!important}.document-generation::-webkit-scrollbar-track,.templates-grid::-webkit-scrollbar-track,.templates-list::-webkit-scrollbar-track{background:transparent!important}.document-generation::-webkit-scrollbar-thumb,.templates-grid::-webkit-scrollbar-thumb,.templates-list::-webkit-scrollbar-thumb{background:#cbd5e1!important;background:var(--muted,#cbd5e1)!important;border-radius:2px!important}.mobile-only{display:flex!important}.desktop-only,.mobile-hidden{display:none!important}.mobile-full-width{width:100%!important}.mobile-stack{flex-direction:column!important}.mobile-center{align-items:center!important;justify-content:center!important;text-align:center!important}.card,[class*=-card]{background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius)!important;box-shadow:var(--docgen-shadow)!important;transition:var(--docgen-transition)!important}.badge,.chip,[class*=-badge],[class*=-chip]{align-items:center!important;border-radius:8px!important;display:inline-flex!important;font-size:12px!important;font-weight:600!important;gap:6px!important;padding:6px 12px!important;white-space:nowrap!important}.chip.success{background:rgba(16,185,129,.1)!important;color:#059669!important}.chip i{font-size:14px!important}.icon-container,[class*=-icon]{align-items:center!important;display:flex!important;flex-shrink:0!important;justify-content:center!important}.analytics-card,.stat-card,.template-card,.template-list-item,.touchable,[role=button],a,button{-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}.analytics-card:active,.stat-card:active,.template-card:active,.template-list-item:active{opacity:.9!important;transform:scale(.98)!important}.analytics-bar{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,1fr)!important;margin:0!important;padding:0!important;width:100%!important}.stat-card{align-items:center!important;background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius)!important;cursor:pointer!important;display:flex!important;gap:12px!important;min-height:80px!important;padding:14px!important;transition:var(--docgen-transition)!important}.stat-card,.stat-card:hover{box-shadow:var(--docgen-shadow)!important}.stat-card:hover{transform:none!important}.stat-card:active{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;transform:scale(.97)!important}.stat-icon{align-items:center!important;border-radius:10px!important;display:flex!important;flex-shrink:0!important;font-size:18px!important;height:40px!important;justify-content:center!important;min-width:40px!important;width:40px!important}.stat-icon.green{background:rgba(16,185,129,.12)!important;color:#059669!important}.stat-icon.blue{background:rgba(59,130,246,.12)!important;color:#2563eb!important}.stat-icon.orange{background:rgba(245,158,11,.12)!important;color:#d97706!important}.stat-icon.purple{background:rgba(139,92,246,.12)!important;color:#7c3aed!important}.stat-info{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:2px!important;min-width:0!important}.stat-info h4{color:#0f172a!important;color:var(--text,#0f172a)!important;font-size:20px!important;font-weight:700!important;line-height:1.2!important;margin:0!important}.stat-info p{color:#64748b!important;color:var(--muted,#64748b)!important;font-size:11px!important;font-weight:500!important;line-height:1.3!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.analytics-section{background:transparent!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--line,#e2e8f0)!important;padding:0 0 16px!important}.analytics-grid{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:repeat(2,1fr)!important;margin:0!important;max-width:100%!important}.analytics-card{align-items:center!important;background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius)!important;display:flex!important;gap:10px!important;min-height:70px!important;overflow:hidden!important;padding:12px!important;position:relative!important;transition:var(--docgen-transition)!important}.analytics-card:before{left:0!important;width:3px!important}.analytics-card:hover{box-shadow:none!important;transform:none!important}.analytics-card:active{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;transform:scale(.97)!important}.card-icon{align-items:center!important;border-radius:8px!important;display:flex!important;flex-shrink:0!important;font-size:16px!important;height:36px!important;justify-content:center!important;min-width:36px!important;width:36px!important}.card-content{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:2px!important;min-width:0!important}.card-content h3{color:#0f172a!important;color:var(--text,#0f172a)!important;font-size:18px!important;font-weight:700!important;line-height:1.2!important;margin:0!important}.card-content p{color:#64748b!important;color:var(--muted,#64748b)!important;font-size:11px!important;font-weight:500!important;line-height:1.3!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.quick-stats-row{-webkit-overflow-scrolling:touch!important;-ms-overflow-style:none!important;display:flex!important;gap:10px!important;margin:0 -16px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 16px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}.quick-stats-row::-webkit-scrollbar{display:none!important}.quick-stats-row .analytics-card,.quick-stats-row .stat-card{flex-shrink:0!important;min-width:140px!important;scroll-snap-align:start!important;width:140px!important}.mini-stats{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.mini-stat{align-items:center!important;background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border-radius:8px!important;display:flex!important;font-size:12px!important;gap:6px!important;padding:8px 12px!important}.mini-stat-value{color:#0f172a!important;color:var(--text,#0f172a)!important;font-weight:700!important}.mini-stat-label{color:#64748b!important;color:var(--muted,#64748b)!important}.mini-stat-icon{font-size:14px!important}.search-filter-bar{background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius)!important;box-shadow:var(--docgen-shadow)!important;display:flex!important;flex-direction:column!important;gap:12px!important;margin:0!important;padding:16px!important}.search-container{flex:none!important;position:relative!important;width:100%!important}.search-container i,.search-icon{color:#64748b!important;color:var(--muted,#64748b)!important;font-size:18px!important;left:14px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:1!important}.search-container input,.search-input{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius-sm)!important;color:#0f172a!important;color:var(--text,#0f172a)!important;font-size:15px!important;height:var(--docgen-input-height)!important;min-height:var(--docgen-input-height)!important;outline:none!important;padding:0 44px!important;transition:var(--docgen-transition)!important;width:100%!important}.search-container input::placeholder,.search-input::placeholder{color:#94a3b8!important;color:var(--muted,#94a3b8)!important}.search-container input:focus,.search-input:focus{background:#fff!important;background:var(--surface,#fff)!important;border-color:#059669!important;border-color:var(--primary-color,#059669)!important;box-shadow:0 0 0 3px rgba(5,150,105,.12)!important}.search-clear-btn{align-items:center!important;background:#e2e8f0!important;background:var(--bg,#e2e8f0)!important;border:none!important;border-radius:50%!important;color:#64748b!important;color:var(--muted,#64748b)!important;cursor:pointer!important;display:flex!important;font-size:14px!important;height:32px!important;justify-content:center!important;position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;transition:var(--docgen-transition)!important;width:32px!important}.search-clear-btn:active{background:#cbd5e1!important;background:var(--line,#cbd5e1)!important;transform:translateY(-50%) scale(.9)!important}.search-container-inline{flex:none!important;max-width:100%!important;position:relative!important;width:100%!important}.search-container-inline .search-icon{color:#94a3b8!important;color:var(--muted,#94a3b8)!important;font-size:16px!important;left:12px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important}.search-input-inline{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius-sm)!important;box-sizing:border-box!important;color:#0f172a!important;color:var(--text,#0f172a)!important;font-size:14px!important;height:44px!important;outline:none!important;padding:0 14px 0 40px!important;transition:var(--docgen-transition)!important;width:100%!important}.search-input-inline::placeholder{color:#94a3b8!important;color:var(--muted,#94a3b8)!important}.search-input-inline:focus{border-color:#059669!important;border-color:var(--primary-color,#059669)!important;box-shadow:0 0 0 3px rgba(5,150,105,.1)!important}.category-filter,.filter-select,.search-input-inline:focus{background:#fff!important;background:var(--surface,#fff)!important}.category-filter,.filter-select{appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius-sm)!important;color:#0f172a!important;color:var(--text,#0f172a)!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;height:var(--docgen-input-height)!important;min-height:var(--docgen-input-height)!important;outline:none!important;padding:12px 40px 12px 16px!important;transition:var(--docgen-transition)!important;width:100%!important}.category-filter:focus,.filter-select:focus{border-color:#059669!important;border-color:var(--primary-color,#059669)!important;box-shadow:0 0 0 3px rgba(5,150,105,.1)!important}.filter-select-inline{appearance:none!important;-webkit-appearance:none!important;background:#f8fafc!important;background:var(--bg,#f8fafc)!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2364748b' d='M6 9 1 4h10z'/%3E%3C/svg%3E")!important;background-position:right 10px center!important;background-repeat:no-repeat!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius-sm)!important;color:#0f172a!important;color:var(--text,#0f172a)!important;cursor:pointer!important;font-size:14px!important;height:44px!important;outline:none!important;padding:10px 36px 10px 14px!important;transition:var(--docgen-transition)!important;width:100%!important}.filter-select-inline:focus,.filter-select-inline:hover{border-color:#059669!important;border-color:var(--primary-color,#059669)!important}.view-toggle,.view-toggle-group{background:#f1f5f9!important;background:var(--bg,#f1f5f9)!important;border-radius:var(--docgen-radius-sm)!important;display:flex!important;gap:0!important;overflow:hidden!important;padding:4px!important}.view-toggle button,.view-toggle-btn{align-items:center!important;background:transparent!important;border:none!important;border-radius:8px!important;color:#64748b!important;color:var(--muted,#64748b)!important;cursor:pointer!important;display:flex!important;flex:1 1!important;font-size:16px!important;height:36px!important;justify-content:center!important;min-width:44px!important;transition:var(--docgen-transition)!important;width:44px!important}.view-toggle button.active,.view-toggle-btn.active{background:#fff!important;background:var(--surface,#fff)!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;color:#059669!important;color:var(--primary-color,#059669)!important}.view-toggle button:active,.view-toggle-btn:active{transform:scale(.95)!important}.view-toggle button span,.view-toggle-btn span{display:none!important}.category-chips,.filter-chips{-webkit-overflow-scrolling:touch!important;-ms-overflow-style:none!important;display:flex!important;gap:8px!important;margin:0 -16px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 16px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}.category-chips::-webkit-scrollbar,.filter-chips::-webkit-scrollbar{display:none!important}.category-chip,.filter-chip{align-items:center!important;background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:20px!important;color:#0f172a!important;color:var(--text,#0f172a)!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:13px!important;font-weight:500!important;gap:6px!important;min-height:40px!important;padding:10px 16px!important;scroll-snap-align:start!important;transition:var(--docgen-transition)!important;white-space:nowrap!important}.category-chip:active,.filter-chip:active{transform:scale(.95)!important}.category-chip.active,.filter-chip.active{background:#059669!important;background:var(--primary-color,#059669)!important;border-color:#059669!important;border-color:var(--primary-color,#059669)!important;color:#fff!important}.category-chip i,.filter-chip i{font-size:14px!important}.category-chip .count,.filter-chip .count{align-items:center!important;background:#e2e8f0!important;background:var(--bg,#e2e8f0)!important;border-radius:10px!important;display:inline-flex!important;font-size:11px!important;font-weight:600!important;height:20px!important;justify-content:center!important;min-width:20px!important;padding:0 6px!important}.category-chip.active .count,.filter-chip.active .count{background:hsla(0,0%,100%,.25)!important;color:#fff!important}.filter-row,.filters-row{gap:10px!important;width:100%!important}.filter-group,.filter-row,.filters-row{display:flex!important;flex-direction:column!important}.filter-group{gap:6px!important}.filter-label{color:#64748b!important;color:var(--muted,#64748b)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px!important;text-transform:uppercase!important}.search-dropdown,.search-results{background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius)!important;box-shadow:var(--docgen-shadow-lg)!important;left:0!important;max-height:300px!important;overflow-y:auto!important;position:absolute!important;right:0!important;top:calc(100% + 4px)!important;z-index:100!important}.search-result-item{align-items:center!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--line,#e2e8f0)!important;cursor:pointer!important;display:flex!important;gap:12px!important;padding:12px 16px!important;transition:var(--docgen-transition)!important}.search-result-item:last-child{border-bottom:none!important}.search-result-item:active{background:#f8fafc!important;background:var(--bg,#f8fafc)!important}.offline-indicator{align-items:center!important;background:#f59e0b!important;border-radius:var(--docgen-radius-sm)!important;color:#fff!important;display:flex!important;font-size:13px!important;font-weight:500!important;gap:8px!important;justify-content:center!important;padding:10px 16px!important;width:100%!important}.offline-indicator i{font-size:16px!important}.templates-section{height:auto!important;margin:0!important;max-height:none!important;min-height:450px!important;opacity:1!important;overflow:visible!important;visibility:visible!important;width:100%!important}.templates-section,.templates-section>.section-header{background:transparent!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;padding:0!important}.templates-section>.section-header{align-items:stretch!important;border-bottom:none!important;gap:12px!important;margin-bottom:16px!important}.templates-section .section-title,.templates-section>.section-header>h2{color:#0f172a!important;color:var(--text,#0f172a)!important;font-size:18px!important;font-weight:700!important;margin:0 0 4px!important}.templates-section>.section-header>div[style]{align-items:stretch!important;display:flex!important;flex:none!important;flex-direction:column!important;gap:10px!important;justify-content:flex-start!important;width:100%!important}.templates-section .search-container-inline{order:1!important;width:100%!important}.templates-section .btn-my-documents{order:2!important;width:100%!important}.templates-section .chip.success{align-self:flex-start!important;order:3!important}.templates-section-header{align-items:center!important;display:flex!important;justify-content:space-between!important;margin-bottom:8px!important;padding:0 0 12px!important}.templates-section-header h2,.templates-section-title{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:16px!important;font-weight:600!important;margin:0!important}.templates-count{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:13px!important;font-weight:400!important}.templates-grid{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:1fr!important;padding:0!important;width:100%!important}@media screen and (min-width:400px) and (max-width:768px){.templates-grid{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}}.template-card{-webkit-tap-highlight-color:transparent!important;background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius)!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;min-height:140px!important;padding:16px!important;transition:var(--docgen-transition)!important}.template-card:active{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;transform:scale(.98)!important}.template-card.active,.template-card.selected,.template-card:active{border-color:#3b82f6!important;border-color:var(--accent,#3b82f6)!important}.template-card.active,.template-card.selected{background:rgba(59,130,246,.04)!important;box-shadow:0 0 0 3px rgba(59,130,246,.15)!important}.template-card-header{align-items:flex-start!important;display:flex!important;gap:12px!important;margin-bottom:12px!important}.template-card-icon{align-items:center!important;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border-radius:var(--docgen-radius-sm)!important;color:#fff!important;display:flex!important;height:44px!important;justify-content:center!important;min-width:44px!important;width:44px!important}.template-card-icon,.template-card-icon i{font-size:20px!important}.template-card-info{flex:1 1!important;min-width:0!important}.template-card-title{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:15px!important;font-weight:600!important;margin:0 0 4px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.template-card-category{align-items:center!important;color:#3b82f6!important;color:var(--accent,#3b82f6)!important;display:inline-flex!important;font-size:11px!important;font-weight:500!important;letter-spacing:.5px!important;text-transform:uppercase!important}.template-card-description{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;display:-webkit-box!important;font-size:13px!important;line-height:1.5!important;margin:0!important;overflow:hidden!important}.template-card-footer{border-top:1px solid #e2e8f0!important;border-top:1px solid var(--line,#e2e8f0)!important;justify-content:space-between!important;margin-top:auto!important;padding-top:12px!important}.template-card-footer,.template-card-meta{align-items:center!important;display:flex!important}.template-card-meta{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:12px!important;gap:8px!important}.template-card-meta i{color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important;font-size:12px!important}.template-card-action{align-items:center!important;background:#3b82f6!important;background:var(--accent,#3b82f6)!important;border:none!important;border-radius:var(--docgen-radius-sm)!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:12px!important;font-weight:500!important;gap:4px!important;padding:6px 12px!important;transition:var(--docgen-transition)!important}.template-card-action:active{background:#2563eb!important;transform:scale(.95)!important}.templates-list{flex-direction:column!important;gap:12px!important;margin:0!important;max-height:none!important;min-height:360px!important;overflow:visible!important;padding:0 0 20px!important}.template-list-item,.templates-list{display:flex!important;opacity:1!important;visibility:visible!important;width:100%!important}.template-list-item{-webkit-tap-highlight-color:transparent!important;align-items:center!important;background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:12px!important;box-shadow:0 2px 6px rgba(0,0,0,.06)!important;cursor:pointer!important;flex-direction:row!important;gap:14px!important;min-height:80px!important;padding:14px 16px!important;position:relative!important;transition:all .2s ease!important}.template-list-item:active{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border-color:#3b82f6!important;border-color:var(--accent,#3b82f6)!important;transform:scale(.99)!important}.template-list-item.active,.template-list-item.selected{background:rgba(59,130,246,.04)!important;border-color:#3b82f6!important;border-color:var(--accent,#3b82f6)!important}.template-icon,.template-list-item .template-icon{align-items:center!important;border-radius:12px!important;display:flex!important;flex-shrink:0!important;font-size:22px!important;height:48px!important;justify-content:center!important;min-width:48px!important;width:48px!important}.template-icon span{font-size:22px!important;line-height:1!important}.template-content,.template-list-item .template-content{align-items:flex-start!important;display:flex!important;flex:1 1!important;flex-direction:column!important;gap:4px!important;min-width:0!important;padding-right:40px!important;text-align:left!important}.template-header-row{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;justify-content:space-between!important;width:100%!important}.template-header-row h3{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;flex:1 1!important;font-size:15px!important;font-weight:600!important;line-height:1.3!important;margin:0!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.template-category-badge{align-items:center!important;border-radius:6px!important;display:inline-flex!important;flex-shrink:0!important;font-size:10px!important;font-weight:600!important;letter-spacing:.3px!important;padding:3px 8px!important;text-transform:capitalize!important}.template-description,.template-list-item .template-description{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:13px!important;line-height:1.4!important;margin:0!important;overflow:hidden!important;text-align:left!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important}.template-action-btn,.template-list-item .template-action-btn{align-items:center!important;background:#3b82f6!important;background:var(--accent,#3b82f6)!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:16px!important;height:36px!important;justify-content:center!important;min-width:36px!important;position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;transition:var(--docgen-transition)!important;width:36px!important}.template-action-btn:active{background:#2563eb!important;background:var(--accent-hover,#2563eb)!important;transform:translateY(-50%) scale(.95)!important}.template-list-icon{align-items:center!important;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border-radius:var(--docgen-radius-sm)!important;color:#fff!important;display:flex!important;font-size:18px!important;height:44px!important;justify-content:center!important;min-width:44px!important;width:44px!important}.template-list-content{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:4px!important;min-width:0!important}.template-list-title{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:14px!important;font-weight:600!important}.template-list-subtitle,.template-list-title{margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.template-list-subtitle{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:12px!important}.template-list-chevron{align-items:center!important;color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important;display:flex!important;font-size:14px!important;height:24px!important;justify-content:center!important;width:24px!important}.template-category-group{display:flex!important;flex-direction:column!important;gap:10px!important;margin-bottom:20px!important}.template-category-header{gap:10px!important;padding:8px 0!important}.template-category-header,.template-category-icon{align-items:center!important;display:flex!important}.template-category-icon{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border-radius:8px!important;color:#3b82f6!important;color:var(--accent,#3b82f6)!important;font-size:14px!important;height:32px!important;justify-content:center!important;width:32px!important}.template-category-name{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:14px!important;font-weight:600!important;margin:0!important}.template-category-count{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border-radius:100px!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:11px!important;font-weight:500!important;margin-left:auto!important;padding:4px 10px!important}.empty-state-inline,.loading-state{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:40px 20px!important;text-align:center!important}.empty-state-inline i,.loading-state i{color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important;font-size:32px!important;margin-bottom:12px!important}.loading-state i.spinning{animation:spin 1s linear infinite!important}.empty-state-inline p,.loading-state p{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:14px!important;margin:0!important}.no-templates-found,.templates-empty-state{flex-direction:column!important;padding:48px 24px!important;text-align:center!important}.no-templates-found,.templates-empty-icon,.templates-empty-state{align-items:center!important;display:flex!important;justify-content:center!important}.templates-empty-icon{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border-radius:50%!important;color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important;font-size:32px!important;height:72px!important;margin-bottom:20px!important;width:72px!important}.templates-empty-title{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:16px!important;font-weight:600!important;margin:0 0 8px!important}.templates-empty-text{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:14px!important;line-height:1.5!important;margin:0!important}.templates-empty-action{align-items:center!important;background:#3b82f6!important;background:var(--accent,#3b82f6)!important;border:none!important;border-radius:var(--docgen-radius-sm)!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:14px!important;font-weight:500!important;gap:8px!important;margin-top:20px!important;padding:12px 24px!important;transition:var(--docgen-transition)!important}.templates-empty-action:active{transform:scale(.95)!important}.templates-loading{align-items:center!important;display:flex!important;flex-direction:column!important;gap:16px!important;justify-content:center!important;padding:48px 24px!important}.templates-loading-spinner{animation:templates-spin .8s linear infinite!important;border:3px solid #e2e8f0!important;border-top-color:#3b82f6!important;border:3px solid var(--line,#e2e8f0)!important;border-radius:50%!important;border-top-color:var(--accent,#3b82f6)!important;height:40px!important;width:40px!important}@keyframes templates-spin{to{transform:rotate(1turn)}}.templates-loading-text{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:14px!important}.template-skeleton{background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius)!important;min-height:140px!important;padding:16px!important}.template-skeleton-header{align-items:center!important;display:flex!important;gap:12px!important;margin-bottom:12px!important}.template-skeleton-icon{animation:skeleton-shimmer 1.5s infinite!important;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%)!important;background-size:200% 100%!important;border-radius:var(--docgen-radius-sm)!important;height:44px!important;width:44px!important}.template-skeleton-title{height:16px!important;width:60%!important}.template-skeleton-text,.template-skeleton-title{animation:skeleton-shimmer 1.5s infinite!important;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%)!important;background-size:200% 100%!important;border-radius:4px!important}.template-skeleton-text{height:12px!important;margin-top:8px!important;width:100%!important}.template-favorite-btn{-webkit-tap-highlight-color:transparent!important;align-items:center!important;background:transparent!important;border:none!important;border-radius:50%!important;color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important;cursor:pointer!important;display:flex!important;font-size:18px!important;height:36px!important;justify-content:center!important;transition:var(--docgen-transition)!important;width:36px!important}.template-favorite-btn:active{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;transform:scale(.9)!important}.template-favorite-btn.favorited{color:#f59e0b!important}.template-favorite-btn.favorited i{animation:favorite-pop .3s ease!important}@keyframes favorite-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.template-badge{align-items:center!important;border-radius:100px!important;display:inline-flex!important;font-size:10px!important;font-weight:600!important;gap:4px!important;letter-spacing:.3px!important;padding:3px 8px!important;text-transform:uppercase!important}.template-badge.new{background:rgba(34,197,94,.1)!important;color:#16a34a!important}.template-badge.popular{background:rgba(249,115,22,.1)!important;color:#ea580c!important}.template-badge.premium{background:rgba(139,92,246,.1)!important;color:#7c3aed!important}.template-badge.blockchain{background:rgba(59,130,246,.1)!important;color:#2563eb!important}.document-modal-overlay,.modal-overlay,.template-modal-overlay{align-items:center!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;background:rgba(0,0,0,.5)!important;justify-content:center!important;opacity:1!important;visibility:visible!important;z-index:1000!important}.document-modal,.document-modal-overlay,.generation-modal,.modal-overlay,.template-modal,.template-modal-overlay{bottom:0!important;display:flex!important;left:0!important;position:fixed!important;right:0!important;top:0!important}.document-modal,.generation-modal,.template-modal{background:#fff!important;background:var(--surface,#fff)!important;flex-direction:column!important;padding-bottom:env(safe-area-inset-bottom,0)!important;padding-top:env(safe-area-inset-top,0)!important;transform:translateY(100%)!important;transition:transform .4s cubic-bezier(.32,.72,0,1)!important;z-index:1001!important}.document-modal.active,.document-modal.open,.generation-modal.active,.generation-modal.open,.template-modal.active,.template-modal.open{transform:translateY(0)!important}.document-modal-header,.modal-header,.template-modal-header{align-items:center!important;background:#fff!important;background:var(--surface,#fff)!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--line,#e2e8f0)!important;display:flex!important;height:56px!important;justify-content:space-between!important;min-height:56px!important;padding:0 16px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.modal-back-btn,.modal-close-btn{-webkit-tap-highlight-color:transparent!important;align-items:center!important;background:transparent!important;border:none!important;border-radius:50%!important;color:#1e293b!important;color:var(--text-primary,#1e293b)!important;cursor:pointer!important;display:flex!important;font-size:20px!important;height:40px!important;justify-content:center!important;transition:var(--docgen-transition)!important;width:40px!important}.modal-back-btn:active,.modal-close-btn:active{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;transform:scale(.9)!important}.modal-title{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;flex:1 1!important;font-size:17px!important;font-weight:600!important;margin:0 12px!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important}.modal-action-btn{align-items:center!important;background:#3b82f6!important;background:var(--accent,#3b82f6)!important;border:none!important;border-radius:var(--docgen-radius-sm)!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:500!important;justify-content:center!important;padding:8px 16px!important;transition:var(--docgen-transition)!important}.modal-action-btn:active{transform:scale(.95)!important}.modal-action-btn:disabled{cursor:not-allowed!important;opacity:.5!important}.document-modal-body,.modal-body,.modal-content,.template-modal-body{-webkit-overflow-scrolling:touch!important;background:#f8fafc!important;background:var(--bg,#f8fafc)!important;display:flex!important;flex:1 1!important;flex-direction:column!important;overflow-x:hidden!important;overflow-y:auto!important;padding:16px!important}.template-preview-section{background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius)!important;display:flex!important;flex-direction:column!important;gap:16px!important;margin-bottom:16px!important;padding:16px!important}.template-preview-header{gap:14px!important}.template-preview-header,.template-preview-icon{align-items:center!important;display:flex!important}.template-preview-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border-radius:var(--docgen-radius)!important;color:#fff!important;font-size:24px!important;height:56px!important;justify-content:center!important;width:56px!important}.template-preview-info h3{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:18px!important;font-weight:600!important;margin:0 0 6px!important}.template-preview-description,.template-preview-info p{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:14px!important;margin:0!important}.template-preview-description{line-height:1.6!important}.document-form,.generation-form,.template-form{display:flex!important;flex-direction:column!important;gap:16px!important}.form-section{background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius)!important;display:flex!important;flex-direction:column!important;gap:12px!important;padding:16px!important}.form-section-title{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:15px!important;font-weight:600!important;margin:0 0 4px!important}.form-group{display:flex!important;flex-direction:column!important;gap:6px!important}.form-label{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:13px!important;font-weight:500!important}.form-label.required:after{color:#ef4444!important;content:" *"!important}.form-input,.form-select,.form-textarea{-webkit-appearance:none!important;appearance:none!important;background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius-sm)!important;color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:15px!important;height:var(--docgen-input-height)!important;padding:0 14px!important;transition:var(--docgen-transition)!important;width:100%!important}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fff!important;background:var(--surface,#fff)!important;border-color:#3b82f6!important;border-color:var(--accent,#3b82f6)!important;box-shadow:0 0 0 3px rgba(59,130,246,.15)!important;outline:none!important}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important}.form-textarea{height:auto!important;line-height:1.5!important;min-height:100px!important;padding:12px 14px!important;resize:vertical!important}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;padding-right:40px!important}.form-helper{color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important}.form-error,.form-helper{font-size:12px!important;margin-top:4px!important}.form-error{color:#ef4444!important}.document-modal-footer,.modal-footer,.template-modal-footer{background:#fff!important;background:var(--surface,#fff)!important;border-top:1px solid #e2e8f0!important;border-top:1px solid var(--line,#e2e8f0)!important;bottom:0!important;display:flex!important;flex-direction:column!important;gap:10px!important;padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0))!important;position:-webkit-sticky!important;position:sticky!important;z-index:10!important}.modal-footer-primary{-webkit-tap-highlight-color:transparent!important;align-items:center!important;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:none!important;border-radius:var(--docgen-radius-sm)!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:15px!important;font-weight:600!important;gap:8px!important;height:var(--docgen-button-height)!important;justify-content:center!important;transition:var(--docgen-transition)!important;width:100%!important}.modal-footer-primary:active{transform:scale(.98)!important}.modal-footer-primary:disabled{cursor:not-allowed!important;opacity:.5!important}.modal-footer-primary i{font-size:18px!important}.modal-footer-secondary{align-items:center!important;background:transparent!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius-sm)!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;cursor:pointer!important;display:flex!important;font-size:15px!important;font-weight:500!important;gap:8px!important;height:var(--docgen-button-height)!important;justify-content:center!important;transition:var(--docgen-transition)!important;width:100%!important}.modal-footer-secondary:active{background:#f8fafc!important;background:var(--bg,#f8fafc)!important}.modal-footer-row{display:flex!important;gap:10px!important}.modal-footer-row .modal-footer-primary,.modal-footer-row .modal-footer-secondary{flex:1 1!important}.modal-stepper{background:#fff!important;background:var(--surface,#fff)!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--line,#e2e8f0)!important;gap:8px!important;padding:12px 16px!important}.modal-stepper,.stepper-step{align-items:center!important;display:flex!important;justify-content:center!important}.stepper-step{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border:2px solid #e2e8f0!important;border:2px solid var(--line,#e2e8f0)!important;border-radius:50%!important;color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important;font-size:12px!important;font-weight:600!important;height:28px!important;transition:var(--docgen-transition)!important;width:28px!important}.stepper-step.active{background:#3b82f6!important;background:var(--accent,#3b82f6)!important;border-color:#3b82f6!important;border-color:var(--accent,#3b82f6)!important;color:#fff!important}.stepper-step.completed{background:#22c55e!important;border-color:#22c55e!important;color:#fff!important}.stepper-step.completed i{font-size:14px!important}.stepper-line{background:#e2e8f0!important;background:var(--line,#e2e8f0)!important;height:2px!important;transition:var(--docgen-transition)!important;width:24px!important}.stepper-line.completed{background:#22c55e!important}.modal-tabs{-webkit-overflow-scrolling:touch!important;background:#fff!important;background:var(--surface,#fff)!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--line,#e2e8f0)!important;display:flex!important;overflow-x:auto!important;scrollbar-width:none!important}.modal-tabs::-webkit-scrollbar{display:none!important}.modal-tab{-webkit-tap-highlight-color:transparent!important;align-items:center!important;background:transparent!important;border:none!important;border-bottom:2px solid transparent!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;cursor:pointer!important;display:flex!important;flex:1 1!important;font-size:14px!important;font-weight:500!important;gap:6px!important;justify-content:center!important;min-width:-webkit-fit-content!important;min-width:fit-content!important;padding:14px 16px!important;transition:var(--docgen-transition)!important;white-space:nowrap!important}.modal-tab.active{border-bottom-color:#3b82f6!important;border-bottom-color:var(--accent,#3b82f6)!important;color:#3b82f6!important;color:var(--accent,#3b82f6)!important}.modal-tab i{font-size:16px!important}.modal-tab-badge{align-items:center!important;background:#3b82f6!important;background:var(--accent,#3b82f6)!important;border-radius:100px!important;color:#fff!important;display:inline-flex!important;font-size:10px!important;font-weight:600!important;height:18px!important;justify-content:center!important;min-width:18px!important;padding:0 5px!important}.document-preview,.preview-container{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden!important;width:100%!important}.preview-header{background:#fff!important;background:var(--surface,#fff)!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--line,#e2e8f0)!important;justify-content:space-between!important;padding:12px 16px!important}.preview-doc-info,.preview-header{align-items:center!important;display:flex!important}.preview-doc-info{flex:1 1!important;gap:12px!important;min-width:0!important}.preview-doc-icon{align-items:center!important;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border-radius:8px!important;color:#fff!important;display:flex!important;font-size:18px!important;height:40px!important;justify-content:center!important;min-width:40px!important;width:40px!important}.preview-doc-details{flex:1 1!important;min-width:0!important}.preview-doc-title{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:14px!important;font-weight:600!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.preview-doc-meta{align-items:center!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;display:flex!important;font-size:12px!important;gap:8px!important;margin-top:2px!important}.document-status,.preview-status{align-items:center!important;border-radius:100px!important;display:inline-flex!important;font-size:11px!important;font-weight:600!important;gap:5px!important;letter-spacing:.3px!important;padding:4px 10px!important;text-transform:uppercase!important}.document-status.pending,.preview-status.pending{background:rgba(251,191,36,.1)!important;color:#d97706!important}.document-status.approved,.preview-status.approved{background:rgba(34,197,94,.1)!important;color:#16a34a!important}.document-status.rejected,.preview-status.rejected{background:rgba(239,68,68,.1)!important;color:#dc2626!important}.document-status.draft,.preview-status.draft{background:rgba(100,116,139,.1)!important;color:#64748b!important}.document-status.verified,.preview-status.verified{background:rgba(59,130,246,.1)!important;color:#2563eb!important}.document-status i,.preview-status i{font-size:10px!important}.preview-toolbar{align-items:center!important;background:#fff!important;background:var(--surface,#fff)!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--line,#e2e8f0)!important;display:flex!important;justify-content:space-between!important;padding:10px 16px!important}.preview-toolbar-left,.preview-toolbar-right{align-items:center!important;display:flex!important;gap:8px!important}.preview-toolbar-center{font-size:13px!important;gap:12px!important}.preview-toolbar-btn,.preview-toolbar-center{align-items:center!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;display:flex!important}.preview-toolbar-btn{-webkit-tap-highlight-color:transparent!important;background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:8px!important;cursor:pointer!important;font-size:16px!important;height:36px!important;justify-content:center!important;transition:var(--docgen-transition)!important;width:36px!important}.preview-toolbar-btn:active{background:#e2e8f0!important;background:var(--line,#e2e8f0)!important;transform:scale(.95)!important}.preview-toolbar-btn.active{background:#3b82f6!important;background:var(--accent,#3b82f6)!important;border-color:#3b82f6!important;border-color:var(--accent,#3b82f6)!important;color:#fff!important}.preview-zoom-controls{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:8px!important;gap:4px!important;padding:4px!important}.preview-zoom-controls,.zoom-btn{align-items:center!important;display:flex!important}.zoom-btn{background:transparent!important;border:none!important;border-radius:6px!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;cursor:pointer!important;font-size:14px!important;height:32px!important;justify-content:center!important;transition:var(--docgen-transition)!important;width:32px!important}.zoom-btn:active{background:#e2e8f0!important;background:var(--line,#e2e8f0)!important}.zoom-level{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:13px!important;font-weight:500!important;padding:0 8px!important}.preview-body,.preview-content{-webkit-overflow-scrolling:touch!important;align-items:flex-start!important;background:#f8fafc!important;background:var(--bg,#f8fafc)!important;display:flex!important;flex:1 1!important;justify-content:center!important;overflow:auto!important;padding:16px!important}.preview-document{background:#fff!important;background:var(--surface,#fff)!important;border-radius:var(--docgen-radius)!important;box-shadow:var(--docgen-shadow)!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.preview-document-page{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:14px!important;line-height:1.7!important;padding:24px 16px!important}.preview-document img{height:auto!important;max-width:100%!important}.preview-image,.preview-pdf{border:none!important;height:auto!important;min-height:400px!important;width:100%!important}.preview-image img{height:auto!important;object-fit:contain!important;width:100%!important}.blockchain-verification,.verification-section{background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius)!important;display:flex!important;flex-direction:column!important;gap:12px!important;margin:16px!important;padding:16px!important}.verification-header{gap:10px!important}.verification-header,.verification-icon{align-items:center!important;display:flex!important}.verification-icon{background:rgba(34,197,94,.1)!important;border-radius:50%!important;color:#16a34a!important;font-size:18px!important;height:40px!important;justify-content:center!important;width:40px!important}.verification-icon.pending{background:rgba(251,191,36,.1)!important;color:#d97706!important}.verification-icon.failed{background:rgba(239,68,68,.1)!important;color:#dc2626!important}.verification-title{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:15px!important;font-weight:600!important;margin:0!important}.verification-subtitle{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:13px!important;margin:0!important}.verification-details{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border-radius:var(--docgen-radius-sm)!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:12px!important}.verification-row{align-items:flex-start!important;display:flex!important;gap:12px!important;justify-content:space-between!important}.verification-label{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:12px!important;white-space:nowrap!important}.verification-value{font-size:12px!important;font-weight:500!important;text-align:right!important}.verification-hash,.verification-value{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-family:SF Mono,Monaco,Courier New,monospace!important;word-break:break-all!important}.verification-hash{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border-radius:var(--docgen-radius-sm)!important;font-size:11px!important;gap:8px!important;padding:10px 12px!important}.copy-hash-btn,.verification-hash{align-items:center!important;display:flex!important}.copy-hash-btn{background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:6px!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;cursor:pointer!important;font-size:14px!important;height:32px!important;justify-content:center!important;min-width:32px!important;transition:var(--docgen-transition)!important;width:32px!important}.copy-hash-btn:active{background:#3b82f6!important;background:var(--accent,#3b82f6)!important;border-color:#3b82f6!important;border-color:var(--accent,#3b82f6)!important;color:#fff!important}.preview-actions{background:#fff!important;background:var(--surface,#fff)!important;border-top:1px solid #e2e8f0!important;border-top:1px solid var(--line,#e2e8f0)!important;flex-direction:column!important;padding:16px!important}.preview-action-row,.preview-actions{display:flex!important;gap:10px!important}.preview-action-btn{-webkit-tap-highlight-color:transparent!important;align-items:center!important;border:none!important;border-radius:var(--docgen-radius-sm)!important;cursor:pointer!important;display:flex!important;flex:1 1!important;font-size:14px!important;font-weight:500!important;gap:8px!important;height:var(--docgen-button-height)!important;justify-content:center!important;transition:var(--docgen-transition)!important}.preview-action-btn:active{transform:scale(.98)!important}.preview-action-btn.approve{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important}.preview-action-btn.reject{background:rgba(239,68,68,.1)!important;border:1px solid rgba(239,68,68,.3)!important;color:#dc2626!important}.preview-action-btn.download{background:#3b82f6!important;background:var(--accent,#3b82f6)!important;color:#fff!important}.preview-action-btn.share{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;color:#1e293b!important;color:var(--text-primary,#1e293b)!important}.preview-action-btn.verify{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;color:#fff!important}.preview-action-btn i{font-size:16px!important}.document-info-panel{background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius)!important;display:flex!important;flex-direction:column!important;gap:12px!important;margin:16px!important;padding:16px!important}.document-info-title{border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--line,#e2e8f0)!important;color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:14px!important;font-weight:600!important;margin:0 0 8px!important;padding-bottom:8px!important}.document-info-row{align-items:flex-start!important;display:flex!important;gap:12px!important;justify-content:space-between!important;padding:8px 0!important}.document-info-label{align-items:center!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;display:flex!important;font-size:13px!important;gap:8px!important}.document-info-label i{font-size:14px!important;width:18px!important}.document-info-value{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:13px!important;font-weight:500!important;text-align:right!important}.preview-loading{align-items:center!important;display:flex!important;flex:1 1!important;flex-direction:column!important;gap:16px!important;justify-content:center!important;padding:48px!important}.preview-loading-spinner{animation:preview-spin .8s linear infinite!important;border:3px solid #e2e8f0!important;border-top-color:#3b82f6!important;border:3px solid var(--line,#e2e8f0)!important;border-radius:50%!important;border-top-color:var(--accent,#3b82f6)!important;height:48px!important;width:48px!important}@keyframes preview-spin{to{transform:rotate(1turn)}}.preview-loading-text{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:14px!important}.preview-error{flex:1 1!important;flex-direction:column!important;gap:16px!important;padding:48px 24px!important;text-align:center!important}.preview-error,.preview-error-icon{align-items:center!important;display:flex!important;justify-content:center!important}.preview-error-icon{background:rgba(239,68,68,.1)!important;border-radius:50%!important;color:#dc2626!important;font-size:28px!important;height:64px!important;width:64px!important}.preview-error-title{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:16px!important;font-weight:600!important;margin:0!important}.preview-error-text{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:14px!important;margin:0!important}.preview-error-action{align-items:center!important;background:#3b82f6!important;background:var(--accent,#3b82f6)!important;border:none!important;border-radius:var(--docgen-radius-sm)!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:14px!important;font-weight:500!important;gap:8px!important;margin-top:8px!important;padding:10px 20px!important;transition:var(--docgen-transition)!important}.preview-error-action:active{transform:scale(.95)!important}.recipient-section,.recipients-container{background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius)!important;display:flex!important;flex-direction:column!important;gap:12px!important;padding:16px!important}.recipient-section-header{align-items:center!important;display:flex!important;justify-content:space-between!important;margin-bottom:4px!important}.recipient-section-title{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:15px!important;font-weight:600!important;margin:0!important}.recipient-section-count{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:13px!important}.recipient-search{position:relative!important;width:100%!important}.recipient-search-input{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius-sm)!important;color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:15px!important;height:var(--docgen-input-height)!important;padding:0 14px 0 44px!important;transition:var(--docgen-transition)!important;width:100%!important}.recipient-search-input:focus{background:#fff!important;background:var(--surface,#fff)!important;border-color:#3b82f6!important;border-color:var(--accent,#3b82f6)!important;box-shadow:0 0 0 3px rgba(59,130,246,.15)!important;outline:none!important}.recipient-search-input::placeholder{color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important}.recipient-search-icon{color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important;font-size:16px!important;left:14px!important;pointer-events:none!important}.recipient-search-clear,.recipient-search-icon{position:absolute!important;top:50%!important;transform:translateY(-50%)!important}.recipient-search-clear{align-items:center!important;background:#e2e8f0!important;background:var(--line,#e2e8f0)!important;border:none!important;border-radius:50%!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;cursor:pointer!important;display:flex!important;font-size:12px!important;height:28px!important;justify-content:center!important;right:8px!important;transition:var(--docgen-transition)!important;width:28px!important}.recipient-search-clear:active{background:#94a3b8!important;background:var(--text-tertiary,#94a3b8)!important;color:#fff!important}.selected-recipients{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:8px 0!important}.recipient-chip{align-items:center!important;background:rgba(59,130,246,.1)!important;border:1px solid rgba(59,130,246,.2)!important;border-radius:100px!important;color:#1e293b!important;color:var(--text-primary,#1e293b)!important;display:inline-flex!important;font-size:13px!important;gap:8px!important;padding:6px 10px 6px 6px!important;transition:var(--docgen-transition)!important}.recipient-chip-avatar{object-fit:cover!important}.recipient-chip-avatar,.recipient-chip-initial{border-radius:50%!important;height:24px!important;width:24px!important}.recipient-chip-initial{align-items:center!important;background:#3b82f6!important;background:var(--accent,#3b82f6)!important;color:#fff!important;display:flex!important;font-size:11px!important;font-weight:600!important;justify-content:center!important}.recipient-chip-name{font-weight:500!important;max-width:120px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.recipient-chip-remove{-webkit-tap-highlight-color:transparent!important;align-items:center!important;background:transparent!important;border:none!important;border-radius:50%!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;cursor:pointer!important;display:flex!important;font-size:10px!important;height:20px!important;justify-content:center!important;transition:var(--docgen-transition)!important;width:20px!important}.recipient-chip-remove:active{background:rgba(239,68,68,.1)!important;color:#dc2626!important}.recipient-list{-webkit-overflow-scrolling:touch!important;display:flex!important;flex-direction:column!important;gap:4px!important;margin:0 -16px!important;max-height:280px!important;overflow-y:auto!important;padding:0 16px!important}.recipient-item{-webkit-tap-highlight-color:transparent!important;align-items:center!important;background:transparent!important;border:none!important;border-radius:var(--docgen-radius-sm)!important;cursor:pointer!important;display:flex!important;gap:12px!important;padding:12px!important;transition:var(--docgen-transition)!important}.recipient-item:active{background:#f8fafc!important;background:var(--bg,#f8fafc)!important}.recipient-item.selected{background:rgba(59,130,246,.06)!important}.recipient-avatar{object-fit:cover!important;position:relative!important}.recipient-avatar,.recipient-avatar-placeholder{border-radius:50%!important;height:44px!important;min-width:44px!important;width:44px!important}.recipient-avatar-placeholder{align-items:center!important;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;display:flex!important;font-size:16px!important;font-weight:600!important;justify-content:center!important}.recipient-online-indicator{background:#22c55e!important;border:2px solid #fff!important;border:2px solid var(--surface,#fff)!important;border-radius:50%!important;bottom:2px!important;height:12px!important;position:absolute!important;right:2px!important;width:12px!important}.recipient-info{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:2px!important;min-width:0!important}.recipient-name{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:14px!important;font-weight:600!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.recipient-role{align-items:center!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;display:inline-flex!important;font-size:12px!important;gap:4px!important}.recipient-role i{font-size:10px!important}.recipient-department{color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important;font-size:12px!important}.recipient-checkbox{align-items:center!important;background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border:2px solid #e2e8f0!important;border:2px solid var(--line,#e2e8f0)!important;border-radius:6px!important;color:transparent!important;display:flex!important;font-size:12px!important;height:24px!important;justify-content:center!important;transition:var(--docgen-transition)!important;width:24px!important}.recipient-item.selected .recipient-checkbox{background:#3b82f6!important;background:var(--accent,#3b82f6)!important;border-color:#3b82f6!important;border-color:var(--accent,#3b82f6)!important;color:#fff!important}.recipient-groups{gap:12px!important}.recipient-group,.recipient-groups{display:flex!important;flex-direction:column!important}.recipient-group{gap:4px!important}.recipient-group-header{-webkit-tap-highlight-color:transparent!important;align-items:center!important;background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border-radius:var(--docgen-radius-sm)!important;cursor:pointer!important;display:flex!important;justify-content:space-between!important;padding:10px 12px!important;transition:var(--docgen-transition)!important}.recipient-group-header:active{background:#e2e8f0!important;background:var(--line,#e2e8f0)!important}.recipient-group-info{gap:10px!important}.recipient-group-icon,.recipient-group-info{align-items:center!important;display:flex!important}.recipient-group-icon{background:rgba(59,130,246,.1)!important;border-radius:8px!important;color:#3b82f6!important;color:var(--accent,#3b82f6)!important;font-size:14px!important;height:32px!important;justify-content:center!important;width:32px!important}.recipient-group-name{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:14px!important;font-weight:600!important;margin:0!important}.recipient-group-count{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:12px!important}.recipient-group-chevron{color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important;font-size:14px!important;transition:var(--docgen-transition)!important}.recipient-group.expanded .recipient-group-chevron{transform:rotate(180deg)!important}.recipient-group-members{display:none!important;flex-direction:column!important;gap:2px!important;padding:8px 0 8px 16px!important}.recipient-group.expanded .recipient-group-members{display:flex!important}.recipient-quick-select{border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--line,#e2e8f0)!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:8px!important;padding:8px 0!important}.quick-select-btn{-webkit-tap-highlight-color:transparent!important;align-items:center!important;background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:100px!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;cursor:pointer!important;display:inline-flex!important;font-size:13px!important;font-weight:500!important;gap:6px!important;padding:8px 14px!important;transition:var(--docgen-transition)!important}.quick-select-btn:active{background:#e2e8f0!important;background:var(--line,#e2e8f0)!important}.quick-select-btn.selected{background:#3b82f6!important;background:var(--accent,#3b82f6)!important;border-color:#3b82f6!important;border-color:var(--accent,#3b82f6)!important;color:#fff!important}.quick-select-btn i{font-size:12px!important}.role-badge{align-items:center!important;border-radius:100px!important;display:inline-flex!important;font-size:10px!important;font-weight:600!important;gap:4px!important;letter-spacing:.3px!important;padding:2px 8px!important;text-transform:uppercase!important}.role-badge.admin{background:rgba(139,92,246,.1)!important;color:#7c3aed!important}.role-badge.approver{background:rgba(34,197,94,.1)!important;color:#16a34a!important}.role-badge.manager{background:rgba(59,130,246,.1)!important;color:#2563eb!important}.role-badge.staff{background:rgba(100,116,139,.1)!important;color:#64748b!important}.recent-recipients{border-top:1px solid #e2e8f0!important;border-top:1px solid var(--line,#e2e8f0)!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding-top:8px!important}.recent-recipients-title{color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important;font-size:12px!important;font-weight:500!important;letter-spacing:.5px!important;margin:0!important;text-transform:uppercase!important}.recent-recipients-list{-webkit-overflow-scrolling:touch!important;display:flex!important;gap:12px!important;margin:0 -16px!important;overflow-x:auto!important;padding:4px 16px!important;scrollbar-width:none!important}.recent-recipients-list::-webkit-scrollbar{display:none!important}.recent-recipient{-webkit-tap-highlight-color:transparent!important;align-items:center!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;gap:6px!important;min-width:60px!important;transition:var(--docgen-transition)!important}.recent-recipient:active{transform:scale(.95)!important}.recent-recipient-avatar{border:2px solid #fff!important;border:2px solid var(--surface,#fff)!important;border-radius:50%!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important;height:48px!important;object-fit:cover!important;width:48px!important}.recent-recipient-name{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:11px!important;max-width:60px!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important}.no-recipients{flex-direction:column!important;padding:32px 16px!important;text-align:center!important}.no-recipients,.no-recipients-icon{align-items:center!important;display:flex!important;justify-content:center!important}.no-recipients-icon{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border-radius:50%!important;color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important;font-size:24px!important;height:56px!important;margin-bottom:12px!important;width:56px!important}.no-recipients-text{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:14px!important;margin:0!important}.documents-list-container,.my-documents{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;display:flex!important;flex-direction:column!important;height:100%!important;width:100%!important}.documents-header-bar{align-items:center!important;background:#fff!important;background:var(--surface,#fff)!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--line,#e2e8f0)!important;display:flex!important;justify-content:space-between!important;padding:12px 16px!important}.documents-count{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:14px!important}.documents-count strong{color:#1e293b!important;color:var(--text-primary,#1e293b)!important}.documents-actions{gap:8px!important}.documents-action-btn,.documents-actions{align-items:center!important;display:flex!important}.documents-action-btn{-webkit-tap-highlight-color:transparent!important;background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:8px!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;cursor:pointer!important;font-size:16px!important;height:36px!important;justify-content:center!important;transition:var(--docgen-transition)!important;width:36px!important}.documents-action-btn:active{background:#e2e8f0!important;background:var(--line,#e2e8f0)!important}.documents-action-btn.active{background:#3b82f6!important;background:var(--accent,#3b82f6)!important;border-color:#3b82f6!important;border-color:var(--accent,#3b82f6)!important;color:#fff!important}.documents-filter-tabs{-webkit-overflow-scrolling:touch!important;background:#fff!important;background:var(--surface,#fff)!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--line,#e2e8f0)!important;display:flex!important;overflow-x:auto!important;scrollbar-width:none!important}.documents-filter-tabs::-webkit-scrollbar{display:none!important}.filter-tab{-webkit-tap-highlight-color:transparent!important;align-items:center!important;background:transparent!important;border:none!important;border-bottom:2px solid transparent!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;cursor:pointer!important;display:flex!important;flex:none!important;font-size:13px!important;font-weight:500!important;gap:6px!important;padding:12px 16px!important;transition:var(--docgen-transition)!important;white-space:nowrap!important}.filter-tab.active{border-bottom-color:#3b82f6!important;border-bottom-color:var(--accent,#3b82f6)!important;color:#3b82f6!important;color:var(--accent,#3b82f6)!important}.filter-tab-count{align-items:center!important;background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border-radius:100px!important;display:inline-flex!important;font-size:11px!important;font-weight:600!important;height:20px!important;justify-content:center!important;min-width:20px!important;padding:0 6px!important}.filter-tab.active .filter-tab-count{background:rgba(59,130,246,.1)!important;color:#3b82f6!important;color:var(--accent,#3b82f6)!important}.documents-sort-bar{align-items:center!important;background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--line,#e2e8f0)!important;display:flex!important;justify-content:space-between!important;padding:10px 16px!important}.sort-select{-webkit-appearance:none!important;appearance:none!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:8px!important;color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:13px!important;gap:6px!important;padding:8px 12px!important}.sort-direction-btn,.sort-select{align-items:center!important;background:#fff!important;background:var(--surface,#fff)!important;cursor:pointer!important;display:flex!important}.sort-direction-btn{border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:6px!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:14px!important;height:32px!important;justify-content:center!important;transition:var(--docgen-transition)!important;width:32px!important}.sort-direction-btn:active{background:#f8fafc!important;background:var(--bg,#f8fafc)!important}.documents-list{-webkit-overflow-scrolling:touch!important;flex:1 1!important;gap:8px!important;overflow-y:auto!important;padding:12px 16px!important}.document-card,.documents-list{display:flex!important;flex-direction:column!important}.document-card{-webkit-tap-highlight-color:transparent!important;background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius)!important;cursor:pointer!important;padding:14px!important;transition:var(--docgen-transition)!important}.document-card:active{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;transform:scale(.99)!important}.document-card.selected{border-color:#3b82f6!important;border-color:var(--accent,#3b82f6)!important;box-shadow:0 0 0 3px rgba(59,130,246,.15)!important}.document-card-header{align-items:flex-start!important;display:flex!important;gap:12px!important;margin-bottom:10px!important}.document-card-icon{align-items:center!important;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border-radius:10px!important;color:#fff!important;display:flex!important;font-size:18px!important;height:44px!important;justify-content:center!important;min-width:44px!important;width:44px!important}.document-card-icon.pdf{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.document-card-icon.doc{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}.document-card-icon.image{background:linear-gradient(135deg,#22c55e,#16a34a)!important}.document-card-info{flex:1 1!important;min-width:0!important}.document-card-title{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:14px!important;font-weight:600!important;margin:0 0 4px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.document-card-template{color:#3b82f6!important;color:var(--accent,#3b82f6)!important;font-size:12px!important;margin:0 0 4px!important}.document-card-date{color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important;font-size:12px!important;margin:0!important}.document-card-status{align-self:flex-start!important}.document-card-footer{border-top:1px solid #e2e8f0!important;border-top:1px solid var(--line,#e2e8f0)!important;justify-content:space-between!important;margin-top:10px!important;padding-top:10px!important}.document-card-footer,.document-card-meta{align-items:center!important;display:flex!important}.document-card-meta{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:12px!important;gap:12px!important}.document-card-meta-item{align-items:center!important;display:flex!important;gap:4px!important}.document-card-meta-item i{color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important;font-size:12px!important}.document-card-actions{gap:4px!important}.document-card-action,.document-card-actions{align-items:center!important;display:flex!important}.document-card-action{-webkit-tap-highlight-color:transparent!important;background:transparent!important;border:none!important;border-radius:6px!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;cursor:pointer!important;font-size:14px!important;height:32px!important;justify-content:center!important;transition:var(--docgen-transition)!important;width:32px!important}.document-card-action:active{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;color:#3b82f6!important;color:var(--accent,#3b82f6)!important}.document-list-item{-webkit-tap-highlight-color:transparent!important;align-items:center!important;background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius-sm)!important;cursor:pointer!important;display:flex!important;gap:12px!important;padding:12px 14px!important;transition:var(--docgen-transition)!important}.document-list-item:active{background:#f8fafc!important;background:var(--bg,#f8fafc)!important}.document-list-icon{align-items:center!important;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border-radius:8px!important;color:#fff!important;display:flex!important;font-size:16px!important;height:40px!important;justify-content:center!important;min-width:40px!important;width:40px!important}.document-list-content{flex:1 1!important;min-width:0!important}.document-list-title{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:14px!important;font-weight:500!important;margin:0 0 2px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.document-list-subtitle{color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important;font-size:12px!important;margin:0!important}.document-list-status{font-size:10px!important;padding:3px 8px!important}.document-list-chevron{color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important;font-size:14px!important}.batch-selection-bar{background:#3b82f6!important;background:var(--accent,#3b82f6)!important;color:#fff!important;justify-content:space-between!important;padding:12px 16px!important}.batch-selection-bar,.batch-selection-info{align-items:center!important;display:flex!important}.batch-selection-info{gap:12px!important}.batch-close-btn{align-items:center!important;background:hsla(0,0%,100%,.2)!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;height:32px!important;justify-content:center!important;width:32px!important}.batch-selection-count{font-size:14px!important;font-weight:500!important}.batch-actions{gap:8px!important}.batch-action-btn,.batch-actions{align-items:center!important;display:flex!important}.batch-action-btn{background:hsla(0,0%,100%,.2)!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-size:16px!important;height:36px!important;justify-content:center!important;transition:var(--docgen-transition)!important;width:36px!important}.batch-action-btn:active{background:hsla(0,0%,100%,.3)!important}.document-checkbox{align-items:center!important;background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border:2px solid #e2e8f0!important;border:2px solid var(--line,#e2e8f0)!important;border-radius:6px!important;color:transparent!important;display:flex!important;font-size:12px!important;height:24px!important;justify-content:center!important;min-width:24px!important;transition:var(--docgen-transition)!important;width:24px!important}.document-card.selected .document-checkbox,.document-list-item.selected .document-checkbox{background:#3b82f6!important;background:var(--accent,#3b82f6)!important;border-color:#3b82f6!important;border-color:var(--accent,#3b82f6)!important;color:#fff!important}.documents-pagination{background:#fff!important;background:var(--surface,#fff)!important;border-top:1px solid #e2e8f0!important;border-top:1px solid var(--line,#e2e8f0)!important;gap:8px!important;padding:16px!important}.documents-pagination,.pagination-btn{align-items:center!important;display:flex!important;justify-content:center!important}.pagination-btn{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:8px!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;cursor:pointer!important;font-size:14px!important;height:36px!important;transition:var(--docgen-transition)!important;width:36px!important}.pagination-btn:disabled{cursor:not-allowed!important;opacity:.5!important}.pagination-btn:active:not(:disabled){background:#e2e8f0!important;background:var(--line,#e2e8f0)!important}.pagination-info{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:13px!important;padding:0 12px!important}.load-more-container{padding:16px!important}.load-more-btn,.load-more-container{display:flex!important;justify-content:center!important}.load-more-btn{align-items:center!important;background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius-sm)!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;gap:8px!important;padding:12px 24px!important;transition:var(--docgen-transition)!important}.load-more-btn:active{background:#f8fafc!important;background:var(--bg,#f8fafc)!important}.load-more-btn.loading{pointer-events:none!important}.load-more-btn.loading i{animation:spin .8s linear infinite!important}.no-documents{flex:1 1!important;flex-direction:column!important;padding:48px 24px!important;text-align:center!important}.no-documents,.no-documents-icon{align-items:center!important;display:flex!important;justify-content:center!important}.no-documents-icon{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border-radius:50%!important;color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important;font-size:32px!important;height:72px!important;margin-bottom:20px!important;width:72px!important}.no-documents-title{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:16px!important;font-weight:600!important;margin:0 0 8px!important}.no-documents-text{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:14px!important;line-height:1.5!important;margin:0 0 20px!important}.no-documents-action{align-items:center!important;background:#3b82f6!important;background:var(--accent,#3b82f6)!important;border:none!important;border-radius:var(--docgen-radius-sm)!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:14px!important;font-weight:500!important;gap:8px!important;padding:12px 24px!important;transition:var(--docgen-transition)!important}.no-documents-action:active{transform:scale(.95)!important}.document-date-group{display:flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:16px!important}.document-date-header{align-items:center!important;display:flex!important;gap:8px!important;padding:8px 0!important}.document-date-label{color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px!important;text-transform:uppercase!important}.document-date-line{background:#e2e8f0!important;background:var(--line,#e2e8f0)!important;flex:1 1!important;height:1px!important}.loading-spinner{align-items:center!important;animation:spin .8s linear infinite!important;border:2px solid #e2e8f0!important;border-top-color:#3b82f6!important;border:2px solid var(--line,#e2e8f0)!important;border-radius:50%!important;border-top-color:var(--accent,#3b82f6)!important;display:inline-flex!important;height:24px!important;justify-content:center!important;width:24px!important}.loading-spinner.sm{border-width:2px!important;height:16px!important;width:16px!important}.loading-spinner.lg{border-width:3px!important;height:40px!important;width:40px!important}.loading-spinner.white{border-color:#fff hsla(0,0%,100%,.3) hsla(0,0%,100%,.3)!important}@keyframes spin{to{transform:rotate(1turn)}}.page-loading{align-items:center!important;background:#f8fafc!important;background:var(--bg,#f8fafc)!important;bottom:0!important;display:flex!important;flex-direction:column!important;gap:16px!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.page-loading-spinner{animation:spin .8s linear infinite!important;border:3px solid #e2e8f0!important;border-top-color:#3b82f6!important;border:3px solid var(--line,#e2e8f0)!important;border-radius:50%!important;border-top-color:var(--accent,#3b82f6)!important;height:48px!important;width:48px!important}.page-loading-text{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:14px!important}.inline-loading{align-items:center!important;display:flex!important;gap:12px!important;justify-content:center!important;padding:24px!important}.inline-loading-text{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:14px!important}.skeleton{animation:skeleton-shimmer 1.5s infinite!important;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%)!important;background-size:200% 100%!important;border-radius:4px!important}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:14px!important;margin-bottom:8px!important;width:100%!important}.skeleton-text.sm{height:12px!important;width:60%!important}.skeleton-text.lg{height:18px!important;width:80%!important}.skeleton-circle{border-radius:50%!important;height:44px!important;width:44px!important}.skeleton-rect{border-radius:var(--docgen-radius-sm)!important;height:100px!important;width:100%!important}.skeleton-card{background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:var(--docgen-radius)!important;padding:16px!important}.toast-container{bottom:calc(var(--dashboard-bottom-nav) + 16px)!important;display:flex!important;flex-direction:column!important;gap:8px!important;left:16px!important;pointer-events:none!important;position:fixed!important;right:16px!important;z-index:10000!important}.toast{align-items:flex-start!important;animation:toast-slide-in .3s ease forwards!important;background:#fff!important;background:var(--surface,#fff)!important;border-radius:var(--docgen-radius)!important;box-shadow:0 8px 24px rgba(0,0,0,.15)!important;display:flex!important;gap:12px!important;opacity:0!important;padding:14px 16px!important;pointer-events:auto!important;transform:translateY(100%)!important}@keyframes toast-slide-in{to{opacity:1;transform:translateY(0)}}.toast.hiding{animation:toast-slide-out .3s ease forwards!important}@keyframes toast-slide-out{to{opacity:0;transform:translateY(100%)}}.toast-icon{align-items:center!important;border-radius:50%!important;display:flex!important;font-size:12px!important;height:24px!important;justify-content:center!important;min-width:24px!important;width:24px!important}.toast.success .toast-icon{background:rgba(34,197,94,.1)!important;color:#16a34a!important}.toast.error .toast-icon{background:rgba(239,68,68,.1)!important;color:#dc2626!important}.toast.warning .toast-icon{background:rgba(251,191,36,.1)!important;color:#d97706!important}.toast.info .toast-icon{background:rgba(59,130,246,.1)!important;color:#2563eb!important}.toast-content{flex:1 1!important;min-width:0!important}.toast-title{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:14px!important;font-weight:600!important;margin:0 0 2px!important}.toast-message{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:13px!important;line-height:1.4!important;margin:0!important}.toast-close{align-items:center!important;background:transparent!important;border:none!important;border-radius:50%!important;color:#94a3b8!important;color:var(--text-tertiary,#94a3b8)!important;cursor:pointer!important;display:flex!important;font-size:12px!important;height:24px!important;justify-content:center!important;transition:var(--docgen-transition)!important;width:24px!important}.toast-close:active{background:#f8fafc!important;background:var(--bg,#f8fafc)!important}.toast-action{background:transparent!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:6px!important;color:#3b82f6!important;color:var(--accent,#3b82f6)!important;cursor:pointer!important;font-size:12px!important;font-weight:500!important;margin-top:8px!important;padding:6px 12px!important}.confirm-dialog-overlay{align-items:center!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:rgba(0,0,0,.5)!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;opacity:0!important;padding:24px!important;position:fixed!important;right:0!important;top:0!important;transition:opacity .2s ease,visibility .2s ease!important;visibility:hidden!important;z-index:10001!important}.confirm-dialog-overlay.active{opacity:1!important;visibility:visible!important}.confirm-dialog{background:#fff!important;background:var(--surface,#fff)!important;border-radius:var(--docgen-radius-lg)!important;box-shadow:0 20px 40px rgba(0,0,0,.2)!important;max-width:320px!important;overflow:hidden!important;transform:scale(.9)!important;transition:transform .2s ease!important;width:100%!important}.confirm-dialog-overlay.active .confirm-dialog{transform:scale(1)!important}.confirm-dialog-header{flex-direction:column!important;padding:24px 24px 16px!important;text-align:center!important}.confirm-dialog-header,.confirm-dialog-icon{align-items:center!important;display:flex!important}.confirm-dialog-icon{border-radius:50%!important;font-size:24px!important;height:56px!important;justify-content:center!important;margin-bottom:16px!important;width:56px!important}.confirm-dialog-icon.warning{background:rgba(251,191,36,.1)!important;color:#d97706!important}.confirm-dialog-icon.danger{background:rgba(239,68,68,.1)!important;color:#dc2626!important}.confirm-dialog-icon.info{background:rgba(59,130,246,.1)!important;color:#2563eb!important}.confirm-dialog-title{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:17px!important;font-weight:600!important;margin:0 0 8px!important}.confirm-dialog-message{color:#64748b!important;color:var(--text-secondary,#64748b)!important;font-size:14px!important;line-height:1.5!important;margin:0!important}.confirm-dialog-actions{display:flex!important;flex-direction:column!important;gap:8px!important;padding:16px 24px 24px!important}.confirm-dialog-btn{align-items:center!important;border:none!important;border-radius:var(--docgen-radius-sm)!important;cursor:pointer!important;display:flex!important;font-size:15px!important;font-weight:600!important;height:var(--docgen-button-height)!important;justify-content:center!important;transition:var(--docgen-transition)!important;width:100%!important}.confirm-dialog-btn:active{transform:scale(.98)!important}.confirm-dialog-btn.primary{background:#3b82f6!important;background:var(--accent,#3b82f6)!important;color:#fff!important}.confirm-dialog-btn.danger{background:#ef4444!important;color:#fff!important}.confirm-dialog-btn.secondary{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important}.progress-bar{background:#e2e8f0!important;background:var(--line,#e2e8f0)!important;border-radius:100px!important;height:6px!important;overflow:hidden!important;width:100%!important}.progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8)!important;border-radius:100px!important;height:100%!important;transition:width .3s ease!important}.progress-bar.success .progress-bar-fill{background:linear-gradient(90deg,#22c55e,#16a34a)!important}.progress-bar.warning .progress-bar-fill{background:linear-gradient(90deg,#f59e0b,#d97706)!important}.progress-bar.error .progress-bar-fill{background:linear-gradient(90deg,#ef4444,#dc2626)!important}.progress-text{align-items:center!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;display:flex!important;font-size:12px!important;justify-content:space-between!important;margin-top:8px!important}.progress-percentage{color:#3b82f6!important;color:var(--accent,#3b82f6)!important;font-weight:600!important}.circular-progress{height:48px!important;position:relative!important;width:48px!important}.circular-progress svg{height:100%!important;transform:rotate(-90deg)!important;width:100%!important}.circular-progress-bg{fill:none!important;stroke:#e2e8f0!important;stroke:var(--line,#e2e8f0)!important;stroke-width:4!important}.circular-progress-fill{fill:none!important;stroke:#3b82f6!important;stroke:var(--accent,#3b82f6)!important;stroke-width:4!important;stroke-linecap:round!important;transition:stroke-dashoffset .3s ease!important}.circular-progress-text{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;font-size:11px!important;font-weight:600!important;left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important}.network-status{align-items:center!important;display:flex!important;font-size:13px!important;font-weight:500!important;gap:8px!important;justify-content:center!important;left:0!important;padding:10px 16px!important;position:fixed!important;right:0!important;top:60px!important;top:var(--dashboard-header,60px)!important;transform:translateY(-100%)!important;transition:transform .3s ease!important;z-index:1000!important}.network-status.visible{transform:translateY(0)!important}.network-status.offline{background:#ef4444!important;color:#fff!important}.network-status.online{background:#22c55e!important;color:#fff!important}.network-status.slow{background:#f59e0b!important;color:#fff!important}.network-status i{font-size:14px!important}.form-group.has-error .form-input,.form-group.has-error .form-select,.form-group.has-error .form-textarea{background:rgba(239,68,68,.02)!important;border-color:#ef4444!important}.form-group.has-error .form-input:focus,.form-group.has-error .form-select:focus,.form-group.has-error .form-textarea:focus{box-shadow:0 0 0 3px rgba(239,68,68,.15)!important}.form-group.has-success .form-input,.form-group.has-success .form-select,.form-group.has-success .form-textarea{background:rgba(34,197,94,.02)!important;border-color:#22c55e!important}.form-group.has-success .form-input:focus,.form-group.has-success .form-select:focus,.form-group.has-success .form-textarea:focus{box-shadow:0 0 0 3px rgba(34,197,94,.15)!important}.validation-message{align-items:center!important;display:flex!important;font-size:12px!important;gap:6px!important;margin-top:6px!important}.validation-message.error{color:#ef4444!important}.validation-message.success{color:#22c55e!important}.validation-message i{font-size:12px!important}.btn-loading{pointer-events:none!important;position:relative!important}.btn-loading .btn-text{opacity:0!important}.btn-loading:after{animation:spin .8s linear infinite!important;border:2px solid hsla(0,0%,100%,.3)!important;border-radius:50%!important;border-top-color:#fff!important;content:""!important;height:20px!important;left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:20px!important}.success-checkmark{align-items:center!important;animation:success-pop .4s ease!important;background:rgba(34,197,94,.1)!important;border-radius:50%!important;display:flex!important;height:64px!important;justify-content:center!important;width:64px!important}.success-checkmark i{animation:success-check .3s ease .2s both!important;color:#22c55e!important;font-size:32px!important}@keyframes success-pop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes success-check{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.error-cross{align-items:center!important;animation:error-shake .4s ease!important;background:rgba(239,68,68,.1)!important;border-radius:50%!important;display:flex!important;height:64px!important;justify-content:center!important;width:64px!important}.error-cross i{color:#ef4444!important;font-size:32px!important}@keyframes error-shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.pull-to-refresh{align-items:center!important;display:flex!important;justify-content:center!important;opacity:0!important;padding:16px!important;transform:translateY(-100%)!important;transition:opacity .2s ease,transform .2s ease!important}.pull-to-refresh.visible{opacity:1!important;transform:translateY(0)!important}.pull-to-refresh.refreshing .pull-refresh-icon{animation:spin .8s linear infinite!important}.pull-refresh-icon{color:#3b82f6!important;color:var(--accent,#3b82f6)!important;font-size:20px!important;height:24px!important;transition:transform .2s ease!important;width:24px!important}.my-docs-modal{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border-radius:0!important;bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;left:0!important;max-height:100%!important;max-width:100%!important;overflow:hidden!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:1001!important}.my-docs-header{background:#fff!important;background:var(--surface,#fff)!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--line,#e2e8f0)!important;gap:12px!important;min-height:56px!important;padding:calc(12px + env(safe-area-inset-top, 0px)) 16px 12px!important}.my-docs-close-btn,.my-docs-header{align-items:center!important;display:flex!important;flex-shrink:0!important}.my-docs-close-btn{background:#3b82f6!important;background:var(--primary-color,#3b82f6)!important;border:none!important;border-radius:12px!important;color:#fff!important;cursor:pointer!important;font-size:22px!important;height:44px!important;justify-content:center!important;min-width:44px!important;opacity:1!important;order:-1!important;position:relative!important;transition:all .2s ease!important;visibility:visible!important;width:44px!important;z-index:10!important}.my-docs-close-btn:active{background:#2563eb!important;background:var(--primary-hover,#2563eb)!important;transform:scale(.92)!important}.my-docs-close-btn i{color:#fff!important;font-size:22px!important;line-height:1!important}.my-docs-title{flex:1 1!important;gap:10px!important;min-width:0!important}.my-docs-icon,.my-docs-title{align-items:center!important;display:flex!important}.my-docs-icon{background:#3b82f6!important;background:var(--primary-color,#3b82f6)!important;border-radius:10px!important;color:#fff!important;font-size:16px!important;height:36px!important;justify-content:center!important;min-width:36px!important;width:36px!important}.my-docs-title>div{flex:1 1!important;min-width:0!important}.my-docs-title h2{color:#0f172a!important;color:var(--text,#0f172a)!important;font-size:16px!important;font-weight:600!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.my-docs-subtitle{color:#64748b!important;color:var(--muted,#64748b)!important;font-size:12px!important;margin:2px 0 0!important}.my-docs-filters{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--line,#e2e8f0)!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important;gap:10px!important;padding:12px 16px!important}.my-docs-filter-select{position:relative!important;width:100%!important}.my-docs-filter-select i{color:#64748b!important;color:var(--muted,#64748b)!important;font-size:16px!important;left:12px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important}.my-docs-filter-select select{-webkit-appearance:none!important;appearance:none!important;background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:10px!important;color:#0f172a!important;color:var(--text,#0f172a)!important;cursor:pointer!important;font-size:14px!important;height:44px!important;padding:0 16px 0 40px!important;width:100%!important}.my-docs-search{position:relative!important;width:100%!important}.my-docs-search i{color:#64748b!important;color:var(--muted,#64748b)!important;font-size:16px!important;left:12px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important}.my-docs-search input{background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:10px!important;color:#0f172a!important;color:var(--text,#0f172a)!important;font-size:14px!important;height:44px!important;padding:0 16px 0 40px!important;width:100%!important}.my-docs-search input::placeholder{color:#94a3b8!important;color:var(--muted,#94a3b8)!important}.my-docs-content{-webkit-overflow-scrolling:touch!important;background:#f8fafc!important;background:var(--bg,#f8fafc)!important;flex:1 1!important;overflow-x:hidden!important;overflow-y:auto!important;padding:16px!important}.my-docs-empty{flex-direction:column!important;padding:48px 24px!important;text-align:center!important}.my-docs-empty,.my-docs-empty-icon{align-items:center!important;display:flex!important;justify-content:center!important}.my-docs-empty-icon{background:#e2e8f0!important;background:var(--line,#e2e8f0)!important;border-radius:20px!important;height:80px!important;margin-bottom:16px!important;width:80px!important}.my-docs-empty-icon i{color:#94a3b8!important;color:var(--muted,#94a3b8)!important;font-size:36px!important}.my-docs-empty h3{color:#0f172a!important;color:var(--text,#0f172a)!important;font-size:18px!important;font-weight:600!important;margin:0 0 8px!important}.my-docs-empty p{color:#64748b!important;color:var(--muted,#64748b)!important;font-size:14px!important;line-height:1.5!important;margin:0!important}.my-docs-list{gap:12px!important;padding-bottom:20px!important}.my-docs-card,.my-docs-list{display:flex!important;flex-direction:column!important}.my-docs-card{background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:16px!important;box-shadow:0 2px 8px rgba(0,0,0,.06)!important;cursor:pointer!important;gap:0!important;overflow:hidden!important;padding:0!important;transition:all .2s ease!important}.my-docs-card:active{box-shadow:0 1px 4px rgba(0,0,0,.08)!important;transform:scale(.98)!important}.my-docs-card-left{align-items:flex-start!important;display:flex!important;gap:14px!important;padding:16px!important;width:100%!important}.my-docs-card-icon{align-items:center!important;background:rgba(239,68,68,.1)!important;border-radius:12px!important;color:#ef4444!important;display:flex!important;font-size:22px!important;height:48px!important;justify-content:center!important;min-width:48px!important;width:48px!important}.my-docs-card-info{flex:1 1!important;min-width:0!important}.my-docs-card-id{color:#0f172a!important;color:var(--text,#0f172a)!important;font-family:SF Mono,Fira Code,monospace!important;font-size:15px!important;font-weight:700!important;margin-bottom:2px!important}.my-docs-card-type{color:#334155!important;color:var(--text,#334155)!important;font-size:14px!important;margin-bottom:6px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.my-docs-card-date{align-items:center!important;color:#94a3b8!important;color:var(--muted,#94a3b8)!important;display:flex!important;font-size:12px!important;gap:5px!important}.my-docs-card-date i{font-size:13px!important}.my-docs-status,.my-docs-status-approved,.my-docs-status-draft,.my-docs-status-pending,.my-docs-status-rejected,.my-docs-status-signed{align-items:center!important;border-top:1px solid #e2e8f0!important;border-top:1px solid var(--line,#e2e8f0)!important;display:flex!important;font-size:13px!important;font-weight:600!important;gap:6px!important;justify-content:center!important;padding:12px 16px!important;text-transform:capitalize!important;width:100%!important}.my-docs-status i{font-size:16px!important}.my-docs-status-pending,.my-docs-status[class*=pending]{background:rgba(245,158,11,.08)!important;color:#d97706!important}.my-docs-status-approved,.my-docs-status[class*=approved]{background:rgba(16,185,129,.08)!important;color:#059669!important}.my-docs-status-rejected,.my-docs-status[class*=rejected]{background:rgba(239,68,68,.08)!important;color:#dc2626!important}.my-docs-status-draft,.my-docs-status[class*=draft]{background:rgba(100,116,139,.08)!important;color:#475569!important}.my-docs-status-signed,.my-docs-status[class*=signed]{background:rgba(59,130,246,.08)!important;color:#2563eb!important}.my-docs-actions{display:none!important}.document-generation [tabindex]:focus-visible,.document-generation a:focus-visible,.document-generation button:focus-visible,.document-generation input:focus-visible,.document-generation select:focus-visible,.document-generation textarea:focus-visible{outline:2px solid #3b82f6!important;outline:2px solid var(--accent,#3b82f6)!important;outline-offset:2px!important}.document-generation [tabindex]:focus:not(:focus-visible),.document-generation a:focus:not(:focus-visible),.document-generation button:focus:not(:focus-visible){outline:none!important}.skip-link{background:#3b82f6!important;background:var(--accent,#3b82f6)!important;border-radius:var(--docgen-radius-sm)!important;color:#fff!important;font-size:14px!important;font-weight:500!important;left:16px!important;padding:12px 20px!important;position:absolute!important;top:-100px!important;transition:top .2s ease!important;z-index:10000!important}.skip-link:focus{top:16px!important}.document-generation [role=button],.document-generation button{position:relative!important}.small-touch-target:before{content:""!important;height:100%!important;left:50%!important;min-height:44px!important;min-width:44px!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:100%!important}.document-generation,.documents-list,.modal-body,.recipient-list,.templates-list{scroll-behavior:smooth!important}.category-chips,.recent-recipients-list{scroll-snap-type:x mandatory!important}.category-chip,.recent-recipient{scroll-snap-align:start!important}.hide-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}.hide-scrollbar::-webkit-scrollbar{display:none!important}.document-generation{padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important}.document-modal,.generation-modal,.template-modal{padding-left:env(safe-area-inset-left,0)!important;padding-right:env(safe-area-inset-right,0)!important}.batch-selection-bar,.modal-footer,.preview-actions{padding-bottom:max(16px,env(safe-area-inset-bottom))!important}.toast-container{bottom:calc(var(--dashboard-bottom-nav) + max(16px, env(safe-area-inset-bottom)))!important}@media (prefers-contrast:high){.document-generation{--line:#000!important;--text-secondary:#1e293b!important;--text-tertiary:#334155!important}.document-card,.document-generation button,.document-generation input,.document-generation select,.document-generation textarea,.recipient-item,.template-card{border-width:2px!important}}@media (prefers-color-scheme:dark){.document-generation[data-theme=auto]{--bg:#0f172a!important;--surface:#1e293b!important;--line:#334155!important;--text-primary:#f8fafc!important;--text-secondary:#94a3b8!important;--text-tertiary:#64748b!important}}@media screen and (max-width:375px){.document-generation{--docgen-padding:12px!important;--docgen-padding-sm:10px!important}.page-header h1,.page-title{font-size:20px!important}.stat-card{padding:12px!important}.stat-value{font-size:22px!important}.template-card{min-height:120px!important;padding:12px!important}.template-card-icon{height:40px!important;width:40px!important}.modal-title{font-size:15px!important}.form-input,.form-select,.form-textarea{font-size:16px!important}.recipient-chip-name{max-width:80px!important}.modal-footer-row,.preview-action-row{flex-direction:column!important}}@media screen and (max-width:768px) and (orientation:landscape){.document-generation{padding-bottom:calc(var(--dashboard-bottom-nav) + 8px)!important;padding-top:8px!important}.page-header{padding:12px!important}.modal-header{height:48px!important;min-height:48px!important}.modal-footer{padding:12px!important}.templates-grid{grid-template-columns:repeat(2,1fr)!important}.document-modal,.template-modal{flex-direction:row!important}}.document-generation ::selection{background:rgba(59,130,246,.2)!important;color:inherit!important}.document-generation .recipient-chip,.document-generation .stat-card,.document-generation .template-card,.document-generation button{user-select:none!important;-webkit-user-select:none!important}.document-generation .form-input,.document-generation .form-textarea,.document-generation .preview-document{user-select:text!important;-webkit-user-select:text!important}.fade-in{animation:fadeIn .3s ease!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .3s ease!important}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scale-in{animation:scaleIn .2s ease!important}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}}@media (prefers-reduced-motion:reduce){.document-generation *,.document-generation :after,.document-generation :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.document-modal,.generation-modal,.template-modal{transition:none!important}.toast{opacity:1!important;transform:none!important}.loading-spinner,.page-loading-spinner,.preview-loading-spinner,.skeleton,.templates-loading-spinner,.toast{animation:none!important}.skeleton{background:#e2e8f0!important;background:var(--line,#e2e8f0)!important}}@media print{.document-generation{background:#fff!important;padding:0!important}.analytics-section,.batch-selection-bar,.modal-footer,.modal-header,.network-status,.page-header,.preview-actions,.preview-toolbar,.search-filter-bar,.toast-container{display:none!important}.preview-content,.preview-document{border:none!important;box-shadow:none!important;margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.document-generation a[href]:after{color:#64748b!important;content:" (" attr(href) ")"!important;font-size:10px!important}.document-card,.template-card{page-break-inside:avoid!important}}.notification-toast{align-items:center;animation:slideInRight .4s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);border:1px solid;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);display:flex;gap:12px;max-width:480px;min-width:360px;padding:16px 24px;position:fixed;right:24px;top:80px;z-index:10000}.notification-toast.success{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.05));border-color:rgba(16,185,129,.3)}.notification-toast.success i:first-child{animation:scaleIn .3s ease-out;color:#10b981;color:var(--primary-color,#10b981);font-size:28px}.notification-toast.warning{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(245,158,11,.05));border-color:rgba(245,158,11,.3)}.notification-toast.warning i:first-child{animation:scaleIn .3s ease-out;color:#f59e0b;font-size:28px}.notification-toast.error{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.05));border-color:rgba(239,68,68,.3)}.notification-toast.error i:first-child{animation:scaleIn .3s ease-out;color:#ef4444;color:var(--danger,#ef4444);font-size:28px}.notification-toast span{color:#0f172a;color:var(--text,#0f172a);flex:1 1;font-size:15px;font-weight:500;line-height:1.5}.close-notification{background:#f8fafc;background:var(--bg,#f8fafc);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;color:#64748b;color:var(--muted,#64748b);cursor:pointer;display:grid;flex-shrink:0;font-size:16px;height:28px;place-items:center;transition:all .2s;width:28px}.close-notification:hover{background:#fff;background:var(--surface,#fff);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#0f172a;color:var(--text,#0f172a);transform:rotate(90deg)}@keyframes slideInRight{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}.document-approval{background:var(--surface,#fff);display:flex;flex-direction:column;gap:20px;min-height:100%;padding:24px}.approval-header{align-items:center;border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line,#e6ebf2);display:flex;justify-content:space-between;padding-bottom:20px}.header-left h1{align-items:center;color:#0f172a;color:var(--text,#0f172a);display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 6px}.header-left h1 i{color:#3b82f6;color:var(--primary-color,#3b82f6)}.header-left p{color:#64748b;color:var(--muted,#64748b);font-size:14px;margin:0}.header-right{display:flex;gap:12px}.blockchain-status{align-items:center;border:1px solid;border-radius:10px;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px}.blockchain-status.connected{background:rgba(59,130,246,.1);background:rgba(var(--primary-color-rgb,59,130,246),.1);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#3b82f6;color:var(--primary-color,#3b82f6)}.approval-tabs{display:flex;gap:12px;padding:16px 0}.tab-btn{align-items:center;background:#f8fafc;background:var(--bg,#f8fafc);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:12px;color:#0f172a;color:var(--text,#0f172a);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:12px 20px;transition:all .2s}.tab-btn:hover{background:#fff;background:var(--surface,#fff);box-shadow:0 4px 12px rgba(15,23,42,.08);transform:translateY(-2px)}.tab-btn.active{background:#3b82f6;background:var(--primary-color,#3b82f6);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 4px 16px rgba(59,130,246,.3);color:#fff}.tab-btn i{font-size:18px}.tab-badge{background:hsla(0,0%,100%,.2);border-radius:6px;font-size:12px;margin-left:auto;padding:2px 8px}.tab-btn.active .tab-badge{background:hsla(0,0%,100%,.3)}.tab-badge.alert{background:#ef4444;background:var(--error-color,#ef4444);color:#fff}.approval-card{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:16px;box-shadow:0 2px 8px rgba(15,23,42,.04);padding:20px}.card-header{justify-content:space-between;margin-bottom:20px}.card-header,.card-header h3{align-items:center;display:flex}.card-header h3{color:#0f172a;color:var(--text,#0f172a);font-size:18px;font-weight:700;gap:12px;margin:0}.step-number{background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:8px;color:#fff;display:grid;font-size:16px;font-weight:700;height:32px;place-items:center;width:32px}.btn-danger,.btn-outline,.btn-primary,.btn-success{align-items:center;border:1px solid;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s}.btn-primary,.btn-primary:active,.btn-primary:focus,.btn-primary:focus-visible,.btn-primary:focus-within,.btn-primary:hover{background:#10b981!important;background:var(--primary-color,#10b981)!important;border-color:#10b981!important;border-color:var(--primary-color,#10b981)!important;color:#fff!important;opacity:1!important;outline:none!important;visibility:visible!important}.btn-primary:hover{background:#059669!important;background:var(--primary-dark,#059669)!important;border-color:#059669!important;border-color:var(--primary-dark,#059669)!important;box-shadow:0 4px 12px rgba(16,185,129,.3);transform:translateY(-1px)}.btn-outline,.btn-outline:active,.btn-outline:focus,.btn-outline:focus-visible,.btn-outline:hover{background:#fff!important;background:var(--surface,#fff)!important;border-color:#e6ebf2!important;border-color:var(--line,#e6ebf2)!important;color:#0f172a!important;color:var(--text,#0f172a)!important;opacity:1!important;outline:none!important;visibility:visible!important}.btn-outline:hover{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;border-color:#10b981!important;border-color:var(--primary-color,#10b981)!important;color:#10b981!important;color:var(--primary-color,#10b981)!important}.btn-success,.btn-success:active,.btn-success:focus,.btn-success:focus-visible,.btn-success:focus-within,.btn-success:hover{background:#10b981!important;background:var(--primary-color,#10b981)!important;border-color:#10b981!important;border-color:var(--primary-color,#10b981)!important;color:#fff!important;opacity:1!important;outline:none!important;visibility:visible!important}.btn-success:hover{background:#059669!important;background:var(--primary-dark,#059669)!important;border-color:#059669!important;border-color:var(--primary-dark,#059669)!important;box-shadow:0 4px 12px rgba(16,185,129,.3);transform:translateY(-1px)}.btn-danger,.btn-danger:active,.btn-danger:focus,.btn-danger:focus-visible,.btn-danger:focus-within,.btn-danger:hover{background:#ef4444!important;background:var(--error-color,#ef4444)!important;border-color:#ef4444!important;border-color:var(--error-color,#ef4444)!important;color:#fff!important;opacity:1!important;outline:none!important;visibility:visible!important}.btn-danger:hover{box-shadow:0 4px 12px rgba(239,68,68,.3);filter:brightness(1.1);transform:translateY(-1px)}.btn-sm,.btn-sm:active,.btn-sm:focus,.btn-sm:focus-visible,.btn-sm:hover{align-items:center;background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e6ebf2!important;border:1px solid var(--line,#e6ebf2)!important;border-radius:8px;color:#0f172a!important;color:var(--text,#0f172a)!important;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;opacity:1!important;outline:none!important;padding:6px 12px;transition:all .2s;visibility:visible!important}.btn-sm:hover{background:#f8fafc!important;background:var(--bg,#f8fafc)!important}.selected-document{background:#f8fafc;background:var(--bg,#f8fafc);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:12px;display:flex;gap:16px;padding:20px}.doc-icon{background:rgba(59,130,246,.1);background:rgba(var(--primary-color-rgb,59,130,246),.1);border-radius:12px;display:grid;font-size:32px;height:64px;place-items:center;width:64px}.doc-info{display:flex;flex-direction:column;gap:8px}.doc-info h4{color:#0f172a;color:var(--text,#0f172a);font-size:16px;margin:0}.doc-meta{flex-wrap:wrap;font-size:13px;gap:16px}.doc-meta span{align-items:center;display:flex;gap:6px}.doc-hashes{display:flex;flex-direction:column;gap:6px;margin-top:8px}.hash-item{align-items:center;display:flex;gap:8px}.hash-item small{color:#64748b;color:var(--muted,#64748b);font-size:12px;min-width:100px}.hash-item code{border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:6px;color:#3b82f6;color:var(--primary-color,#3b82f6);font-family:Courier New,monospace;font-size:12px;padding:4px 8px}.btn-icon-remove,.hash-item code{background:#fff;background:var(--surface,#fff)}.btn-icon-remove{border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;color:#64748b;color:var(--muted,#64748b);cursor:pointer;display:grid;flex-shrink:0;height:36px;place-items:center;transition:all .2s;width:36px}.btn-icon-remove:hover{background:#ef4444;background:var(--error-color,#ef4444);border-color:#ef4444;border-color:var(--error-color,#ef4444);color:#fff}.empty-state i{color:#cbd5e1;color:var(--muted,#cbd5e1)}.empty-state p{color:#0f172a;color:var(--text,#0f172a);font-size:15px;font-weight:600;margin:0 0 4px}.empty-state small{color:#64748b;color:var(--muted,#64748b);font-size:13px}.file-selector{background:#fff;background:var(--surface,#fff);border:2px solid #3b82f6;border:2px solid var(--primary-color,#3b82f6);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-top:16px;padding:16px}.selector-header{align-items:center;border-bottom:2px solid #e6ebf2;border-bottom:2px solid var(--line,#e6ebf2);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.selector-header h4{color:#0f172a;color:var(--text,#0f172a);font-size:16px;margin:0}.btn-close{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;color:#64748b;color:var(--muted,#64748b);cursor:pointer;display:grid;font-size:18px;height:32px;place-items:center;transition:all .2s;width:32px}.btn-close:hover{background:#fee;background:var(--danger-light,#fee);border-color:#ef4444;border-color:var(--danger,#ef4444);color:#ef4444;color:var(--danger,#ef4444);transform:rotate(90deg)}.file-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;padding-right:8px}.file-list::-webkit-scrollbar{width:8px}.file-list::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg,#f8fafc);border-radius:4px}.file-list::-webkit-scrollbar-thumb{background:#64748b;background:var(--muted,#64748b);border-radius:4px}.file-list::-webkit-scrollbar-thumb:hover{background:#3b82f6;background:var(--primary-color,#3b82f6)}.file-item{align-items:center;background:#f8fafc;background:var(--bg,#f8fafc);border:2px solid #e6ebf2;border:2px solid var(--line,#e6ebf2);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .2s}.file-item:hover{background:#fff;background:var(--surface,#fff);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 4px 8px rgba(59,130,246,.15);transform:translateX(6px)}.file-icon{color:#3b82f6;color:var(--primary-color,#3b82f6);flex-shrink:0;font-size:32px}.file-details{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.file-details strong{color:#0f172a;color:var(--text,#0f172a);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-details small{color:#64748b;color:var(--muted,#64748b);display:block;font-size:12px}.file-details .ipfs-hash{color:#3b82f6;color:var(--primary-color,#3b82f6);font-family:monospace;font-size:11px}.status-badge{border:1px solid;border-radius:8px;flex-shrink:0}.status-badge.verified{background:rgba(16,185,129,.1);background:var(--primary-light,rgba(16,185,129,.1));border-color:#10b981;border-color:var(--primary-color,#10b981);color:#10b981;color:var(--primary-color,#10b981)}.loading-state{align-items:center;color:#64748b;color:var(--muted,#64748b);display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.loading-state i{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:48px;margin-bottom:12px}.spinning{animation:spin 1s linear infinite}.loading-state p{font-size:14px;margin:0}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center}.empty-state,.empty-state i{color:#64748b;color:var(--muted,#64748b)}.empty-state i{font-size:64px;margin-bottom:16px}.empty-state p{max-width:300px}.status-badge.pending{background:rgba(245,158,11,.1);background:rgba(var(--warning-color-rgb,245,158,11),.1);border-color:#f59e0b;border-color:var(--warning-color,#f59e0b);color:#f59e0b;color:var(--warning-color,#f59e0b)}.status-badge.approved{background:#ecfdf5;background:var(--primary-light,#ecfdf5);border:2px solid #10b981;border:2px solid var(--primary-color,#10b981);border-radius:20px;color:#10b981;color:var(--primary-color,#10b981);font-size:13px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.status-dot{border-radius:50%;display:inline-block;height:8px;margin-right:8px;width:8px}.status-dot.green{background-color:#10b981;background-color:var(--primary-color,#10b981)}.status-badge.rejected{background:rgba(239,68,68,.1);background:rgba(var(--error-color-rgb,239,68,68),.1);border-color:#ef4444;border-color:var(--error-color,#ef4444);color:#ef4444;color:var(--error-color,#ef4444)}.status-badge.cancelled{background:hsla(0,0%,50%,.1);border-color:#cbd5e1;color:#64748b}.status-badge.partial{background:rgba(59,130,246,.1);background:rgba(var(--info-color-rgb,59,130,246),.1);border-color:#3b82f6;border-color:var(--info-color,#3b82f6);color:#3b82f6;color:var(--info-color,#3b82f6)}.recipients-list{display:flex;flex-direction:column;gap:12px}.recipient-item{align-items:center;background:#f8fafc;background:var(--bg,#f8fafc);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s}.recipient-item:hover{background:#fff;background:var(--surface,#fff);box-shadow:0 2px 8px rgba(15,23,42,.08)}.recipient-order{align-items:center;display:flex;flex-direction:column;gap:4px;min-width:40px}.btn-order{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:6px;color:#64748b;color:var(--muted,#64748b);cursor:pointer;display:grid;font-size:12px;height:24px;place-items:center;transition:all .2s;width:24px}.btn-order:hover:not(:disabled){background:#3b82f6;background:var(--primary-color,#3b82f6);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#fff}.btn-order:disabled{cursor:not-allowed;opacity:.3}.order-number{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:14px;font-weight:700}.recipient-avatar{background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:10px;color:#fff;display:grid;flex-shrink:0;font-size:16px;font-weight:700;height:48px;place-items:center;width:48px}.recipient-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.recipient-info strong{color:#0f172a;color:var(--text,#0f172a);font-size:15px}.role-badge{background:rgba(59,130,246,.1);background:rgba(var(--primary-color-rgb,59,130,246),.1);border-radius:6px;color:#3b82f6;color:var(--primary-color,#3b82f6);display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px;width:-webkit-max-content;width:max-content}.recipient-info small{font-size:13px}.btn-remove,.recipient-info small{color:#64748b;color:var(--muted,#64748b)}.btn-remove{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;cursor:pointer;display:grid;flex-shrink:0;height:36px;place-items:center;transition:all .2s;width:36px}.btn-remove:hover{background:#ef4444;background:var(--error-color,#ef4444);border-color:#ef4444;border-color:var(--error-color,#ef4444);color:#fff}.config-grid{grid-gap:20px;display:grid;gap:20px}.config-section{display:flex;flex-direction:column;gap:12px}.config-label{color:#0f172a;color:var(--text,#0f172a);font-size:14px}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{align-items:center;background:#f8fafc;background:var(--bg,#f8fafc);border:2px solid #e6ebf2;border:2px solid var(--line,#e6ebf2);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.radio-option:hover{background:#fff;background:var(--surface,#fff)}.radio-option.selected,.radio-option:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.radio-option.selected{background:rgba(59,130,246,.05);background:rgba(var(--primary-color-rgb,59,130,246),.05)}.radio-option input[type=radio]{cursor:pointer;height:20px;width:20px}.radio-content{align-items:center;display:flex;flex:1 1;gap:12px}.radio-content i{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:24px}.radio-content div{display:flex;flex-direction:column;gap:4px}.radio-content strong{color:#0f172a;color:var(--text,#0f172a);font-size:15px}.radio-content small{color:#64748b;color:var(--muted,#64748b);font-size:13px}.purpose-input{border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:10px;font-family:inherit;font-size:14px;padding:14px;resize:vertical;transition:all .2s;width:100%}.purpose-input:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.action-buttons{display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.requests-table{margin-top:16px;overflow-x:auto}.requests-table table{border-collapse:collapse;width:100%}.requests-table th{background:#f8fafc;background:var(--bg,#f8fafc);padding:12px 16px}.requests-table td{font-size:14px;padding:14px 16px}.requests-table tr:hover{background:#f8fafc;background:var(--bg,#f8fafc)}.doc-cell{align-items:center;display:flex;gap:10px}.doc-cell i{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:20px}.recipients-cell{display:flex;flex-wrap:wrap;gap:6px}.recipient-tag{background:#f8fafc;background:var(--bg,#f8fafc);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:6px;font-size:12px;padding:4px 8px}.search-filter-bar{align-items:center;display:flex;gap:12px}.search-box{flex:1 1;position:relative}.search-box i{color:#64748b;color:var(--muted,#64748b);font-size:18px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:10px;font-size:14px;padding:12px 14px 12px 44px;transition:all .2s;width:100%}.search-box input:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.filter-group label{color:#0f172a;color:var(--text,#0f172a);font-weight:600}.filter-group select{border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:10px;padding:10px 14px}.request-count{background:rgba(59,130,246,.1);background:rgba(var(--primary-color-rgb,59,130,246),.1);border-radius:8px;color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:13px;font-weight:600;padding:6px 12px}.requests-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-top:16px}.request-card{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:16px;transition:all .2s}.request-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 4px 16px rgba(59,130,246,.15);transform:translateY(-2px)}.request-header{align-items:flex-start;display:flex;gap:12px}.doc-icon-large{background:rgba(59,130,246,.1);background:rgba(var(--primary-color-rgb,59,130,246),.1);border-radius:10px;color:#3b82f6;color:var(--primary-color,#3b82f6);display:grid;flex-shrink:0;font-size:22px;height:48px;place-items:center;width:48px}.request-title-area{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.request-title-area h4{color:#0f172a;color:var(--text,#0f172a);font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-details{display:flex;flex-direction:column;gap:8px}.detail-row{align-items:center;display:flex;font-size:12px;gap:8px}.detail-row i{color:#3b82f6;color:var(--primary-color,#3b82f6);flex-shrink:0;font-size:14px}.detail-row strong{color:#64748b;color:var(--muted,#64748b);flex-shrink:0;font-weight:600}.detail-row span{color:#0f172a;color:var(--text,#0f172a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-purpose{background:#f8fafc;background:var(--bg,#f8fafc);border-radius:8px;padding:10px}.request-purpose strong{color:#64748b;color:var(--muted,#64748b);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.request-purpose p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;color:var(--text,#0f172a);display:-webkit-box;font-size:12px;line-height:1.5;overflow:hidden}.btn-view-full{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .2s}.btn-view-full:hover{box-shadow:0 4px 12px rgba(59,130,246,.3);filter:brightness(1.1);transform:translateY(-1px)}.receive-tabs-container{padding:0}.receive-tabs{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);display:flex;gap:12px;margin-bottom:0}.receive-tab{align-items:center;background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:12px;justify-content:center;padding:16px 20px;position:relative;transition:all .3s ease}.receive-tab i{font-size:24px}.receive-tab .tab-content{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.receive-tab .tab-title{font-size:15px;font-weight:600}.receive-tab .tab-count{background:#f3f4f6;background:var(--surface-secondary,#f3f4f6);border-radius:12px;color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:13px;font-weight:600;padding:2px 10px}.receive-tab:hover{background:#f9fafb;background:var(--surface-hover,#f9fafb);color:#111827;color:var(--text-primary,#111827)}.receive-tab.active{background:#eff6ff;background:var(--primary-background,#eff6ff);color:#3b82f6;color:var(--primary-color,#3b82f6)}.receive-tab.active:after{bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.receive-tab.active .tab-count,.receive-tab.active:after{background:#3b82f6;background:var(--primary-color,#3b82f6)}.receive-tab.active .tab-count{color:#fff}.advanced-filters{padding:0}.filter-row{align-items:center;display:flex;gap:12px;margin-bottom:16px}.filter-row:last-child{margin-bottom:0}.filter-row.multi-filter{flex-wrap:wrap}.search-box.large{align-items:center;background:#f9fafb;background:var(--surface-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;display:flex;flex:1 1;min-width:300px;padding:12px 16px;position:relative;transition:all .3s ease}.search-box.large:focus-within{background:#fff;border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #eff6ff;box-shadow:0 0 0 3px var(--primary-background,#eff6ff)}.search-box.large i{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:20px;margin-right:12px}.search-box.large input{background:none;border:none;color:#111827;color:var(--text-primary,#111827);flex:1 1;font-size:14px;outline:none}.search-box.large input::placeholder{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.search-box.large .clear-search{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;color:var(--text-tertiary,#9ca3af);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.search-box.large .clear-search:hover{background:#f3f4f6;background:var(--surface-hover,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.filter-group{align-items:center;gap:8px}.filter-group label{align-items:center;display:flex;font-size:14px;gap:6px;white-space:nowrap}.filter-group label i{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:16px}.filter-group select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#111827;color:var(--text-primary,#111827);cursor:pointer;font-size:14px;padding:8px 32px 8px 12px;transition:all .3s ease}.filter-group select:focus,.filter-group select:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.filter-group select:focus{box-shadow:0 0 0 3px #eff6ff;box-shadow:0 0 0 3px var(--primary-background,#eff6ff);outline:none}.btn-clear-filters{align-items:center;background:#f3f4f6;background:var(--surface-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-clear-filters:hover{background:#fff;border-color:#ef4444;border-color:var(--danger-color,#ef4444);color:#ef4444;color:var(--danger-color,#ef4444)}.btn-clear-filters i{font-size:16px}.results-summary{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);padding:12px 0 0}.results-count{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px}.results-count strong{color:#111827;color:var(--text-primary,#111827);font-weight:600}.requests-list{gap:12px}.request-list-item,.requests-list{display:flex;flex-direction:column}.request-list-item{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;gap:16px;padding:16px;transition:all .3s ease}.request-list-item:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 4px 12px rgba(59,130,246,.1);transform:translateY(-2px)}.request-list-header{align-items:flex-start;display:flex;gap:16px}.request-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-color,#3b82f6) 0,#2563eb 100%);border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.request-icon i{color:#fff;font-size:24px}.request-main-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.request-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.request-doc-name{color:#111827;color:var(--text-primary,#111827);font-size:18px;font-weight:600;margin:0}.request-badges{align-items:center;display:flex;gap:8px}.type-badge{display:flex;padding:4px 12px}.type-badge.digital{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.type-badge.standard{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#111827;color:var(--text-primary,#111827)}.size-badge,.type-badge.standard{background:#f3f4f6;background:var(--surface-secondary,#f3f4f6)}.size-badge{border-radius:6px;color:#6b7280;color:var(--text-tertiary,#6b7280);font-size:11px;font-weight:600;padding:4px 10px}.request-meta-row{color:#6b7280;color:var(--text-secondary,#6b7280);flex-wrap:wrap;font-size:14px;gap:8px}.meta-item,.request-meta-row{align-items:center;display:flex}.meta-item{gap:6px}.meta-item i{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:16px}.meta-item strong{color:#111827;color:var(--text-primary,#111827);font-weight:600}.meta-separator{color:#d1d5db;color:var(--border-color,#d1d5db);font-weight:700}.request-list-body{display:flex;flex-direction:column;gap:12px}.request-purpose{background:#f9fafb;background:var(--surface-secondary,#f9fafb);border-left:3px solid #3b82f6;border-left:3px solid var(--primary-color,#3b82f6);border-radius:6px;padding:12px}.request-purpose strong{color:#111827;color:var(--text-primary,#111827);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.request-purpose p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;line-height:1.6;margin:0}.request-status-info{align-items:center;border-radius:6px;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px}.request-status-info i{font-size:20px}.request-status-info.approved{background:#f0fdf4;background:var(--primary-light,#f0fdf4);border:1px solid #10b981;border:1px solid var(--primary-color,#10b981);color:#15803d;color:var(--primary-dark,#15803d)}.request-status-info.approved i{color:#16a34a;color:var(--primary-color,#16a34a)}.request-status-info.rejected{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.request-status-info.rejected i{color:#dc2626}.request-status-info.rejected>div{display:flex;flex-direction:column;gap:4px}.rejection-reason{color:#7f1d1d;font-size:13px;font-style:italic;font-weight:400;margin:0}.request-list-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-top:12px}.request-blockchain-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:200px}.blockchain-item{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:13px;gap:8px}.blockchain-item i{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:16px}.blockchain-item code{background:#f3f4f6;background:var(--surface-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:4px;color:#111827;color:var(--text-primary,#111827);font-family:Monaco,Courier New,monospace;font-size:11px;padding:4px 8px}.request-actions{gap:8px}.btn-action,.request-actions{align-items:center;display:flex}.btn-action{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-action i{font-size:16px}.btn-action.view{background:#f3f4f6;background:var(--surface-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#111827;color:var(--text-primary,#111827)}.btn-action.view:hover{background:#fff;border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#3b82f6;color:var(--primary-color,#3b82f6)}.btn-action.approve{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-color,#10b981) 0,var(--primary-dark,#059669) 100%);border:none;color:#fff}.btn-action.approve:hover{box-shadow:0 4px 12px rgba(16,185,129,.3);box-shadow:0 4px 12px var(--primary-shadow,rgba(16,185,129,.3));transform:translateY(-2px)}.btn-action.reject{background:#f3f4f6;background:var(--surface-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#ef4444;color:var(--danger-color,#ef4444)}.btn-action.reject:hover{background:#fef2f2;border-color:#ef4444;border-color:var(--danger-color,#ef4444)}.btn-action.download{background:#f3f4f6;background:var(--surface-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#3b82f6;color:var(--primary-color,#3b82f6)}.btn-action.download:hover{background:#eff6ff;background:var(--primary-background,#eff6ff);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.empty-state.large{background:#f9fafb;background:var(--surface-secondary,#f9fafb);border:2px dashed #e5e7eb;border:2px dashed var(--border-color,#e5e7eb);border-radius:12px;padding:60px 40px;text-align:center}.empty-state.large i{color:#d1d5db;color:var(--text-tertiary,#d1d5db);font-size:64px;margin-bottom:20px}.empty-state.large h3{color:#111827;color:var(--text-primary,#111827);font-size:20px;font-weight:600;margin:0 0 8px}.empty-state.large p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:15px;line-height:1.6;margin:0}.modal-overlay{background:rgba(0,0,0,.6);height:100%;width:100%}.modal-box{animation:modalSlideIn .3s ease-out;background:#fff;background:var(--surface,#fff);border-radius:20px;box-shadow:0 20px 60px rgba(15,23,42,.3);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.modal-box.large{max-width:900px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line,#e6ebf2);padding:24px}.modal-header h3{align-items:center;color:#0f172a;color:var(--text,#0f172a);display:flex;font-size:20px;font-weight:700;gap:12px;margin:0}.modal-body{flex:1 1}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg,#f8fafc)}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--muted,#cbd5e1);border-radius:3px}.modal-footer{border-top:1px solid #e6ebf2;border-top:1px solid var(--line,#e6ebf2);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.users-list{display:flex;flex-direction:column;gap:12px}.user-item{align-items:center;background:#f8fafc;background:var(--bg,#f8fafc);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:12px;display:flex;gap:12px;padding:14px;transition:all .2s}.user-item:hover{background:#fff;background:var(--surface,#fff);box-shadow:0 2px 8px rgba(15,23,42,.08)}.user-avatar{background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:10px;color:#fff;display:grid;flex-shrink:0;font-size:15px;font-weight:700;height:44px;place-items:center;width:44px}.user-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.user-info strong{color:#0f172a;color:var(--text,#0f172a);font-size:14px}.user-info small{color:#64748b;color:var(--muted,#64748b);font-size:12px}.role-input{border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;font-size:13px;padding:8px 12px;width:150px}.btn-add{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:grid;flex-shrink:0;height:36px;place-items:center;transition:all .2s;width:36px}.btn-add:hover{filter:brightness(1.1);transform:scale(1.05)}.wallet-info-banner{align-items:center;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:10px;color:#3b82f6;display:flex;font-size:13px;gap:10px;margin-bottom:16px;padding:12px 16px}.wallet-info-banner i{font-size:18px}.user-item.no-wallet{background:rgba(245,158,11,.05);border-color:rgba(245,158,11,.4)}.user-item.no-wallet.disabled{cursor:not-allowed;opacity:.6}.user-item.no-wallet:hover{border-color:rgba(245,158,11,.6)}.user-item.already-added{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3)}.wallet-warning{color:#f59e0b;cursor:help;margin-left:6px}.wallet-badge{color:#22c55e;font-weight:700;margin-left:6px}.no-wallet-text{color:#f59e0b!important;font-weight:500}.has-wallet-text,.no-wallet-text{align-items:center;display:flex;font-size:11px!important;gap:4px}.has-wallet-text{color:#22c55e!important}.btn-add.disabled{cursor:not-allowed;opacity:.5}.btn-add.disabled,.btn-add.disabled:hover{background:#9ca3af}.no-users-message{align-items:center;color:#64748b;color:var(--muted,#64748b);display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.no-users-message i{font-size:48px;margin-bottom:12px;opacity:.5}.detail-section{margin-bottom:24px}.detail-section h4{align-items:center;color:#0f172a;color:var(--text,#0f172a);display:flex;font-size:16px;font-weight:700;gap:10px;margin:0 0 16px}.detail-section h4 i{color:#3b82f6;color:var(--primary-color,#3b82f6)}.detail-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item label{color:#64748b;color:var(--muted,#64748b);font-size:13px;font-weight:600}.detail-item span{color:#0f172a;color:var(--text,#0f172a);font-size:14px}.hash-code{border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:6px;color:#3b82f6;color:var(--primary-color,#3b82f6);font-family:Courier New,monospace;font-size:12px;padding:6px 10px;word-break:break-all}.hash-code,.purpose-text{background:#f8fafc;background:var(--bg,#f8fafc)}.purpose-text{border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:10px;color:#0f172a;color:var(--text,#0f172a);font-size:14px;line-height:1.6;margin:0;padding:12px}.preview-placeholder{align-items:center;background:#f8fafc;background:var(--bg,#f8fafc);border:2px dashed #cbd5e1;border:2px dashed var(--line,#cbd5e1);border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.preview-placeholder i{color:#cbd5e1;color:var(--muted,#cbd5e1);font-size:56px;margin-bottom:16px}.preview-placeholder p{color:#64748b;color:var(--muted,#64748b);font-size:15px;margin:0 0 20px}.preview-container{display:flex;flex-direction:column;gap:16px}.stamped-badge{align-items:center;animation:pulse-primary 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-color,#10b981),var(--primary-dark,#059669));border-radius:8px;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px;padding:8px 16px}.stamped-badge i{font-size:16px}.hash-code.certified{background:#ecfdf5;background:var(--primary-light,#ecfdf5);border:1px solid #10b981;border:1px solid var(--primary-color,#10b981);color:#065f46;color:var(--primary-dark,#065f46)}.hash-code.verification-code{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #6366f1;color:#4338ca;font-weight:600;letter-spacing:1px}.blockchain-actions .btn-success{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-color,#10b981),var(--primary-dark,#059669));border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.blockchain-actions .btn-success:hover{box-shadow:0 4px 12px rgba(16,185,129,.3);box-shadow:0 4px 12px var(--primary-shadow,rgba(16,185,129,.3));filter:brightness(1.1);transform:translateY(-1px)}@keyframes pulse-green{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{box-shadow:0 0 0 8px rgba(16,185,129,0)}}.pdf-preview-frame{background:#fff;background:var(--surface,#fff);border:2px solid #e6ebf2;border:2px solid var(--line,#e6ebf2);border-radius:12px;height:600px;overflow:hidden;width:100%}.pdf-iframe{border:none;height:100%;width:100%}.preview-container .btn-primary{align-items:center;align-self:center;display:inline-flex;gap:8px;padding:12px 24px}@media (max-width:1024px){.detail-grid,.requests-grid{grid-template-columns:1fr}.history-search-bar{align-items:stretch;flex-direction:column}.history-search-bar .search-box{max-width:100%}.history-search-bar .filter-group{justify-content:space-between}}@media (max-width:768px){.approval-header{align-items:flex-start;flex-direction:column;gap:16px}.approval-tabs{flex-direction:column;width:100%}.tab-btn{width:100%}.card-header{align-items:flex-start;flex-direction:column;gap:12px}.card-header .request-count{align-self:flex-start}.action-buttons{flex-direction:column}.action-buttons button{width:100%}.modal-box{border-radius:0;max-height:100%;max-width:100%}.history-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.history-tab{flex-shrink:0}.version-actions-row{flex-direction:column}.version-btn{justify-content:center;width:100%}.requests-table-wrapper{max-height:500px}.requests-table{font-size:12px}.requests-table td,.requests-table th{padding:10px 8px}.purpose-cell{max-width:150px}.action-buttons-group{flex-direction:column}.btn-icon{border-radius:6px;height:auto;padding:8px;width:100%}}.history-search-bar{align-items:center;display:flex;gap:12px;margin-bottom:8px;padding:16px 0}.history-search-bar .search-box{flex:1 1;max-width:500px;position:relative}.history-search-bar .search-box i{color:#64748b;color:var(--muted,#64748b);font-size:18px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.history-search-bar .search-box input{border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:10px;font-size:14px;padding:10px 40px 10px 44px;transition:all .2s;width:100%}.history-search-bar .search-box input:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.history-search-bar .clear-search{align-items:center;background:#94a3b8;background:var(--muted,#94a3b8);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .2s;width:24px}.history-search-bar .clear-search:hover{background:#ef4444;background:var(--error-color,#ef4444);transform:translateY(-50%) scale(1.1)}.history-search-bar .filter-group{align-items:center;display:flex;gap:8px}.history-search-bar .filter-group label{color:#0f172a;color:var(--text,#0f172a);font-size:13px;font-weight:600;white-space:nowrap}.history-search-bar .filter-group select{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;color:#0f172a;color:var(--text,#0f172a);cursor:pointer;font-size:13px;padding:10px 12px}.history-tabs{border-bottom:2px solid #e6ebf2;border-bottom:2px solid var(--line,#e6ebf2);display:flex;gap:8px;overflow-x:auto;padding:12px 0}.history-tab{align-items:center;background:transparent;border:none;border-radius:8px;color:#64748b;color:var(--muted,#64748b);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.history-tab:hover{background:#f8fafc;background:var(--bg,#f8fafc);color:#0f172a;color:var(--text,#0f172a)}.history-tab.active{background:#3b82f6;background:var(--primary-color,#3b82f6)}.history-tab i{font-size:14px}.history-tab .count{background:rgba(0,0,0,.1);border-radius:4px;font-size:11px;padding:2px 6px}.history-tab.active .count{background:hsla(0,0%,100%,.2)}.requests-table-wrapper{border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:12px;max-height:600px;overflow-x:auto;overflow-y:scroll;scrollbar-color:#94a3b8 #f1f5f9;scrollbar-width:thin}.requests-table-wrapper::-webkit-scrollbar{display:block;height:10px;width:10px}.requests-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.requests-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f1f5f9;border-radius:5px}.requests-table-wrapper::-webkit-scrollbar-thumb:hover{background:#64748b}.requests-table{border-collapse:collapse;font-size:14px;width:100%}.requests-table thead{background:#f8fafc;background:var(--bg,#f8fafc)}.requests-table th{color:#0f172a;color:var(--text,#0f172a);font-size:13px;letter-spacing:.5px;padding:14px 16px;text-align:left}.requests-table td,.requests-table th{border-bottom:1px solid #e6ebf2;border-bottom:1px solid var(--line,#e6ebf2)}.requests-table td{padding:16px;vertical-align:middle}.requests-table tbody tr{transition:background .2s}.requests-table tbody tr:last-child td{border-bottom:none}.purpose-cell{color:#64748b;color:var(--muted,#64748b);max-width:250px}.no-recipients,.purpose-cell{font-size:13px}.more-count{align-items:center;background:#f8fafc;background:var(--bg,#f8fafc);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:4px;color:#64748b;color:var(--muted,#64748b);display:inline-flex;font-size:11px;font-weight:600;justify-content:center;padding:2px 6px}.sub-status{font-size:11px;margin-top:4px}.version-badge{border-radius:6px;color:#3b82f6;color:var(--primary-color,#3b82f6);font-family:Courier New,monospace;font-size:12px;padding:4px 10px}.version-badge.large{font-size:14px;padding:6px 12px}.action-buttons-group{gap:6px;justify-content:flex-start}.btn-icon{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;color:#0f172a;color:var(--text,#0f172a);cursor:pointer;display:inline-flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-icon:hover{background:#3b82f6;background:var(--primary-color,#3b82f6);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 4px 12px rgba(59,130,246,.3);color:#fff;transform:translateY(-2px)}.btn-icon.success:hover{background:#10b981;background:var(--primary-color,#10b981);border-color:#10b981;border-color:var(--primary-color,#10b981);box-shadow:0 4px 12px rgba(16,185,129,.3);box-shadow:0 4px 12px var(--primary-shadow,rgba(16,185,129,.3));color:#fff}.btn-icon.primary:hover{background:#3b82f6;background:var(--primary-color,#3b82f6);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#fff}.btn-icon.danger:hover{background:#ef4444;background:var(--error-color,#ef4444);border-color:#ef4444;border-color:var(--error-color,#ef4444);box-shadow:0 4px 12px rgba(239,68,68,.3);color:#fff}.empty-table-state{text-align:center}.empty-table-state i{margin-bottom:12px}.document-details-modal .modal-body{max-height:70vh;overflow-y:auto}.approval-progress-list{display:flex;flex-direction:column;gap:12px}.approval-progress-item{align-items:center;background:#f8fafc;background:var(--bg,#f8fafc);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .2s}.approval-progress-item.approved{background:rgba(16,185,129,.05);background:var(--primary-light,rgba(16,185,129,.05));border-color:#10b981;border-color:var(--primary-color,#10b981)}.approval-progress-item.pending{background:rgba(59,130,246,.05);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.progress-icon{background:#fff;background:var(--surface,#fff);border-radius:8px;display:grid;font-size:20px;height:36px;place-items:center;width:36px}.approval-progress-item.approved .progress-icon{color:#10b981;color:var(--primary-color,#10b981)}.approval-progress-item.pending .progress-icon{color:#3b82f6;color:var(--primary-color,#3b82f6)}.progress-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.progress-info strong{color:#0f172a;color:var(--text,#0f172a);font-size:14px}.progress-status{font-size:12px;font-weight:600}.progress-status.approved{color:#10b981;color:var(--primary-color,#10b981)}.progress-status.pending{color:#3b82f6;color:var(--primary-color,#3b82f6)}.progress-status.waiting{color:#94a3b8;color:var(--muted,#94a3b8)}.approval-timeline{display:flex;flex-direction:column;gap:0;padding:12px 0}.timeline-item{display:flex;gap:16px;position:relative}.timeline-marker{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.timeline-dot{background:#fff;background:var(--surface,#fff);border:3px solid;border-radius:50%;display:grid;flex-shrink:0;font-size:20px;height:40px;place-items:center;width:40px;z-index:1}.timeline-dot.approved{background:#10b981;background:var(--primary-color,#10b981);border-color:#10b981;border-color:var(--primary-color,#10b981);color:#fff}.timeline-dot.rejected{background:#ef4444;background:var(--error-color,#ef4444);border-color:#ef4444;border-color:var(--error-color,#ef4444);color:#fff}.timeline-dot.pending{background:#fff;background:var(--surface,#fff);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#3b82f6;color:var(--primary-color,#3b82f6)}.timeline-line{background:#e6ebf2;background:var(--line,#e6ebf2);flex:1 1;margin:4px 0;min-height:40px;width:3px}.timeline-line.completed{background:#10b981;background:var(--primary-color,#10b981)}.timeline-content{flex:1 1;padding:8px 0 24px}.timeline-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.timeline-header-info{display:flex;flex-direction:column;gap:4px}.timeline-header strong{color:#0f172a;color:var(--text,#0f172a);font-size:16px;font-weight:600}.timeline-email{font-size:13px}.timeline-email,.timeline-wallet{color:#64748b;color:var(--muted,#64748b);font-weight:400}.timeline-wallet{display:block;font-size:12px;margin-top:4px}.timeline-wallet code{background:#f8fafc;background:var(--bg,#f8fafc);border-radius:4px;font-family:Courier New,monospace;font-size:11px;padding:2px 6px}.timeline-badge{border-radius:20px;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.timeline-badge.success{background:rgba(16,185,129,.15);background:var(--primary-light,rgba(16,185,129,.15));border:1px solid #10b981;border:1px solid var(--primary-color,#10b981);color:#10b981;color:var(--primary-color,#10b981)}.timeline-badge.danger{background:rgba(239,68,68,.15);border:1px solid #ef4444;border:1px solid var(--error-color,#ef4444);color:#ef4444;color:var(--error-color,#ef4444)}.timeline-badge.warning{background:rgba(245,158,11,.15);border:1px solid #f59e0b;color:#f59e0b}.timeline-meta{align-items:center;color:#64748b;color:var(--muted,#64748b);display:flex;flex-wrap:wrap;font-size:13px;gap:8px;margin-bottom:8px}.timeline-dept,.timeline-role{align-items:center;background:#f8fafc;background:var(--bg,#f8fafc);border-radius:6px;display:flex;font-weight:500;gap:4px;padding:4px 10px}.timeline-dept i,.timeline-role i{font-size:14px}.timeline-timestamp{align-items:center;background:#f8fafc;background:var(--bg,#f8fafc);border-radius:6px;color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:13px;font-weight:500;gap:6px;margin-top:8px;padding:8px 12px}.timeline-timestamp i{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:16px}.timeline-reason{align-items:flex-start;background:rgba(59,130,246,.05);border-left:3px solid #3b82f6;border-left:3px solid var(--primary-color,#3b82f6);border-radius:6px;color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:13px;gap:8px;margin-top:10px;padding:12px}.timeline-reason i{color:#3b82f6;color:var(--primary-color,#3b82f6);flex-shrink:0;font-size:16px;margin-top:2px}.timeline-reason em{font-style:italic;line-height:1.5}.timeline-tx{align-items:center;background:#f8fafc;background:var(--bg,#f8fafc);border-radius:6px;display:flex;font-size:12px;gap:8px;margin-top:8px;padding:8px 12px}.timeline-tx i{color:#10b981;color:var(--primary-color,#10b981);font-size:14px}.timeline-tx code{background:none;color:#475569;color:var(--text-secondary,#475569);font-family:Courier New,monospace;padding:0}.blockchain-actions{gap:12px;margin-top:16px}.blockchain-actions .btn-outline{align-items:center;background:#fff;background:var(--surface,#fff);border:1.5px solid #3b82f6;border:1.5px solid var(--primary-color,#3b82f6);border-radius:8px;color:#3b82f6;color:var(--primary-color,#3b82f6);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s}.blockchain-actions .btn-outline:hover{background:#3b82f6;background:var(--primary-color,#3b82f6);box-shadow:0 4px 12px rgba(59,130,246,.3);color:#fff;transform:translateY(-2px)}.blockchain-actions .btn-outline i{font-size:18px}.no-timeline-data{background:#f8fafc;background:var(--bg,#f8fafc);border:2px dashed #e6ebf2;border:2px dashed var(--line,#e6ebf2);border-radius:12px;padding:40px 20px;text-align:center}.no-data-icon{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(147,51,234,.1));border-radius:50%;display:grid;height:80px;margin:0 auto 20px;place-items:center;width:80px}.no-data-icon i{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:40px}.no-data-title{color:#0f172a;color:var(--text,#0f172a);font-size:18px;font-weight:600;margin-bottom:8px}.no-data-message{color:#64748b;color:var(--muted,#64748b);font-size:14px;line-height:1.6;margin:0 auto 20px;max-width:500px}.fallback-recipients{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:10px;margin-left:auto;margin-right:auto;margin-top:24px;max-width:400px;padding:20px;text-align:left}.fallback-recipients p{color:#0f172a;color:var(--text,#0f172a);font-size:14px;font-weight:600;margin-bottom:12px}.fallback-recipients ul{list-style:none;margin:0;padding:0}.fallback-recipients li{background:#f8fafc;background:var(--bg,#f8fafc);border-radius:6px;color:#475569;color:var(--text-secondary,#475569);font-size:13px;margin-bottom:6px;padding:8px 12px}.rejection-section{background:rgba(239,68,68,.05);border:1px solid #ef4444;border:1px solid var(--error-color,#ef4444);border-radius:12px;padding:16px}.rejection-section h4{color:#ef4444;color:var(--error-color,#ef4444)}.rejection-info p{color:#0f172a;color:var(--text,#0f172a);font-size:14px;margin:8px 0}.cancellation-section{background:hsla(0,0%,50%,.05);border:1px solid #cbd5e1;border-radius:12px;padding:16px}.cancellation-section h4{color:#64748b}.cancellation-info p{color:#0f172a;color:var(--text,#0f172a);font-size:14px;margin:8px 0}.version-history-list{display:flex;flex-direction:column;gap:12px}.version-item{background:#f8fafc;background:var(--bg,#f8fafc);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:12px;padding:16px}.version-header{gap:12px;justify-content:space-between;margin-bottom:12px}.version-header,.version-info{align-items:center;display:flex}.version-info{flex-wrap:wrap;gap:10px}.version-number{color:#0f172a;color:var(--text,#0f172a);font-family:Courier New,monospace;font-size:14px;font-weight:700}.version-status{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px;text-transform:capitalize}.version-status.approved{background:rgba(16,185,129,.1);background:var(--primary-light,rgba(16,185,129,.1));color:#10b981;color:var(--primary-color,#10b981)}.version-status.pending,.version-status.submitted{background:rgba(59,130,246,.1);color:#3b82f6;color:var(--primary-color,#3b82f6)}.version-status.draft{background:rgba(100,116,139,.1);color:#64748b;color:var(--muted,#64748b)}.version-status.rejected{background:rgba(239,68,68,.1);color:#ef4444;color:var(--error-color,#ef4444)}.version-status.partial{background:rgba(249,115,22,.1);color:#f97316}.version-date{color:#94a3b8;color:var(--muted,#94a3b8);font-size:12px}.version-actions{display:flex;gap:8px}.btn-sm{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:6px;color:#0f172a;color:var(--text,#0f172a);cursor:pointer;display:inline-flex;padding:6px 12px;transition:all .2s}.btn-sm:hover{background:#f8fafc;background:var(--bg,#f8fafc);transform:translateY(-1px)}.btn-sm.btn-view:hover{background:#3b82f6;background:var(--primary-color,#3b82f6);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#fff}.btn-sm.btn-download:hover{background:#10b981;background:var(--primary-color,#10b981);border-color:#10b981;border-color:var(--primary-color,#10b981);color:#fff}.version-details{display:flex;flex-direction:column;gap:8px}.version-approver,.version-hash{align-items:center;display:flex;font-size:12px;gap:8px}.version-approver small,.version-hash small{color:#94a3b8;color:var(--muted,#94a3b8);font-weight:600}.version-hash code{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:4px;font-family:Courier New,monospace;font-size:11px;padding:2px 6px}.version-approver span{color:#0f172a;color:var(--text,#0f172a);font-weight:600}.version-history-container{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.version-history-item{background:#fff;background:var(--surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--line,#e5e7eb);border-radius:8px;padding:12px;transition:all .2s}.version-history-item:hover{box-shadow:0 2px 8px rgba(15,23,42,.08)}.version-history-item.current-version{background:#f0f9ff;border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.version-history-item.certified-version{background:#ecfdf5;background:var(--primary-light,#ecfdf5);border:2px solid #10b981;border:2px solid var(--primary-color,#10b981);margin-bottom:16px;overflow:visible;position:relative}.version-history-item.certified-version:before{content:"✓ CERTIFIED";font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 10px;position:absolute;right:12px;top:-10px}.certified-badge,.version-history-item.certified-version:before{background:#10b981;background:var(--primary-color,#10b981);border-radius:4px;color:#fff}.certified-badge{align-items:center;display:inline-flex;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px}.version-btn.certified-btn{background:#10b981;background:var(--primary-color,#10b981);border-color:#10b981;border-color:var(--primary-color,#10b981);color:#fff}.version-btn.certified-btn:hover{background:#059669;background:var(--primary-dark,#059669);border-color:#059669;border-color:var(--primary-dark,#059669)}.version-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.version-title{align-items:center;display:flex;gap:8px}.version-title strong{color:#0f172a;color:var(--text,#0f172a);font-size:14px;font-weight:600}.current-badge{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:4px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px}.version-size{color:#6b7280;color:var(--muted,#6b7280);font-size:12px}.version-action-text{color:#374151;color:var(--text,#374151);font-size:14px;margin-bottom:4px}.version-meta{color:#6b7280;color:var(--muted,#6b7280);font-size:12px;gap:6px}.version-hash-info,.version-meta{align-items:center;display:flex;margin-bottom:8px}.version-hash-info{background:#f8fafc;background:var(--bg,#f8fafc);border-radius:6px;gap:8px;padding:8px}.version-hash-info small{color:#94a3b8;color:var(--muted,#94a3b8);font-size:11px;font-weight:600}.version-hash-info code{color:#0f172a;color:var(--text,#0f172a);flex:1 1;font-family:Courier New,monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-hash-info code.certified{background:#ecfdf5;background:var(--primary-light,#ecfdf5);border:1px solid #10b981;border:1px solid var(--primary-color,#10b981);border-radius:4px;color:#047857;color:var(--primary-dark,#047857);padding:2px 6px}.version-hash-info code.verification-code{background:#eef2ff;border:1px solid #6366f1;border-radius:4px;color:#4338ca;font-weight:600;letter-spacing:.5px;padding:2px 6px}.version-actions-row{display:flex;gap:8px;margin-top:8px}.version-btn{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid #d1d5db;border:1px solid var(--line,#d1d5db);border-radius:6px;color:#0f172a;color:var(--text,#0f172a);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.version-btn:hover{box-shadow:0 2px 8px rgba(15,23,42,.1);transform:translateY(-1px)}.version-btn.download-btn:hover{background:#3b82f6;background:var(--primary-color,#3b82f6);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#fff}.version-btn.restore-btn:hover{background:#10b981;background:var(--primary-color,#10b981);border-color:#10b981;border-color:var(--primary-color,#10b981);color:#fff}.version-btn i{font-size:14px}.version-history-container::-webkit-scrollbar{width:8px}.version-history-container::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg,#f8fafc);border-radius:4px}.version-history-container::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--line,#cbd5e1);border-radius:4px}.version-history-container::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--muted,#94a3b8)}@media (max-width:1200px){.approval-card{padding:16px}.card-header h3{font-size:16px}.step-number{font-size:14px;height:28px;width:28px}}@media (max-width:1024px){.receive-tabs{border-bottom:none;flex-direction:column;gap:8px}.receive-tab{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb)}.receive-tab.active:after{display:none}.filter-row.multi-filter{align-items:stretch;flex-direction:column}.filter-group{width:100%}.filter-group select{flex:1 1}.request-list-footer{align-items:stretch;flex-direction:column}.request-actions{flex-wrap:wrap;justify-content:center}.btn-action{flex:1 1;justify-content:center;min-width:140px}}@media (max-width:768px){.receive-tab{padding:12px 16px}.receive-tab i{font-size:20px}.receive-tab .tab-title{font-size:14px}.receive-tab .tab-count{font-size:12px;padding:2px 8px}.search-box.large{min-width:100%}.request-list-item{padding:12px}.request-list-header{flex-direction:column;gap:12px}.request-icon{height:40px;width:40px}.request-icon i{font-size:20px}.request-doc-name{font-size:16px}.request-title-row{gap:8px}.request-meta-row,.request-title-row{align-items:flex-start;flex-direction:column}.request-meta-row{gap:6px}.meta-separator{display:none}.request-blockchain-info{min-width:100%}.blockchain-item code{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-action{font-size:13px;padding:8px 12px}.empty-state.large{padding:40px 20px}.empty-state.large i{font-size:48px}.empty-state.large h3{font-size:18px}.empty-state.large p{font-size:14px}}.large-modal{max-height:90vh;max-width:900px;overflow-y:auto}.preview-section{background:#f8fafc;background:var(--bg,#f8fafc);border-radius:12px;margin-bottom:24px;padding:20px}.preview-section h4{color:#0f172a;color:var(--text,#0f172a);font-size:16px;font-weight:600;margin:0 0 16px}.info-grid{grid-template-columns:repeat(2,1fr)}.info-item label{color:#64748b;color:var(--muted,#64748b);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item p,.info-item span{color:#0f172a;color:var(--text,#0f172a);font-size:14px}.info-item code{border-radius:4px;color:#3b82f6;color:var(--primary-color,#3b82f6);font-family:monospace;font-size:12px;padding:4px 8px}.approver-card,.info-item code{background:#fff;background:var(--surface,#fff)}.approver-card{align-items:center;border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:10px;display:flex;gap:12px;padding:12px}.approver-number{background:#3b82f6;background:var(--primary-color,#3b82f6);height:32px;place-items:center;width:32px}.approver-avatar,.approver-number{border-radius:50%;color:#fff;display:grid;font-size:14px;font-weight:600}.approver-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary-color,#3b82f6),var(--secondary-color,#8b5cf6));height:40px;place-items:center;width:40px}.approver-info{flex:1 1;gap:4px}.approver-info strong{color:#0f172a;color:var(--text,#0f172a);font-size:14px}.approver-info small{color:#64748b;color:var(--muted,#64748b);font-size:12px}.badge{align-items:center;background:#f8fafc;background:var(--bg,#f8fafc);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:8px;color:#0f172a;color:var(--text,#0f172a);display:inline-flex;gap:4px;padding:6px 12px}.drafts-section{background:#fff;background:var(--surface,#fff);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);border-radius:12px;padding:24px}.drafts-section h3{align-items:center;color:#0f172a;color:var(--text,#0f172a);display:flex;font-size:20px;font-weight:600;gap:10px;margin:0 0 20px}.drafts-list{display:flex;flex-direction:column;gap:16px}.draft-card{background:#f8fafc;background:var(--bg,#f8fafc);border:2px solid #e6ebf2;border:2px solid var(--line,#e6ebf2);border-radius:12px;padding:20px;transition:all .2s}.draft-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 4px 12px rgba(59,130,246,.1)}.draft-header{margin-bottom:12px}.draft-header h4{color:#0f172a;color:var(--text,#0f172a);font-size:16px;font-weight:600;margin:0 0 4px}.draft-header small{color:#64748b;color:var(--muted,#64748b);font-size:12px}.draft-details{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.draft-details span{align-items:center;color:#64748b;color:var(--muted,#64748b);display:inline-flex;font-size:13px;gap:6px}.draft-details i{color:#3b82f6;color:var(--primary-color,#3b82f6)}.draft-actions{display:flex;gap:10px}.draft-actions button{flex:1 1;font-size:14px;padding:10px 16px}.document-cell{gap:12px}.doc-icon,.document-cell{align-items:center;display:flex}.doc-icon{background:#eff6ff;background:var(--primary-light,#eff6ff);color:#3b82f6;color:var(--primary-color,#3b82f6);flex-shrink:0;height:36px;justify-content:center;width:36px}.doc-info{flex:1 1;min-width:0}.doc-name{color:#0f172a;color:var(--text,#0f172a);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-meta{align-items:center;display:flex;font-size:12px;gap:6px;margin-top:4px}.doc-meta,.doc-size{color:#64748b;color:var(--muted,#64748b)}.separator{color:#e6ebf2;color:var(--line,#e6ebf2)}.ipfs-badge{align-items:center;background:#f0fdf4;background:var(--success-light,#f0fdf4);border:1px solid #22c55e;border:1px solid var(--success,#22c55e);border-radius:4px;color:#22c55e;color:var(--success,#22c55e);cursor:help;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 6px}.requestor-cell{display:flex;flex-direction:column;gap:4px}.requestor-name{align-items:center;color:#0f172a;color:var(--text,#0f172a);display:flex;font-size:14px;font-weight:500;gap:6px}.requestor-name i{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:16px}.requestor-dept{color:#64748b;color:var(--muted,#64748b);font-size:12px;padding-left:22px}.type-badge{border-radius:6px;gap:4px;padding:4px 10px}.type-badge.DIGITAL_SIGNATURE,.type-badge.digital{background:#fef3c7;background:var(--warning-light,#fef3c7);border:1px solid #f59e0b;border:1px solid var(--warning,#f59e0b);color:#f59e0b;color:var(--warning,#f59e0b)}.type-badge.STANDARD,.type-badge.standard{background:#e0f2fe;background:var(--info-light,#e0f2fe);border:1px solid #0ea5e9;border:1px solid var(--info,#0ea5e9);color:#0ea5e9;color:var(--info,#0ea5e9)}.empty-table-state{align-items:center;color:#94a3b8;color:var(--muted,#94a3b8);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-table-state i{font-size:48px;margin-bottom:16px;opacity:.5}.empty-table-state p{font-size:15px;margin:0}.request-row.pending{background-color:rgba(245,158,11,.05);border-left:3px solid #f59e0b;border-left:3px solid var(--warning-color,#f59e0b)}.request-row.approved{background-color:rgba(16,185,129,.1);background-color:var(--primary-light,rgba(16,185,129,.1));border-left:3px solid #10b981;border-left:3px solid var(--primary-color,#10b981)}.request-row.rejected{background-color:rgba(239,68,68,.15);border-left:3px solid #ef4444;border-left:3px solid var(--error-color,#ef4444)}.confirmation-modal{max-width:500px}.confirmation-content{padding:20px;text-align:center}.confirmation-icon{font-size:48px;margin:0 0 20px}.confirmation-text{color:#0f172a;color:var(--text,#0f172a);font-size:16px;font-weight:600;margin:0 0 16px}.confirmation-subtext{color:#64748b;color:var(--muted,#64748b);font-size:14px;margin:0 0 16px}.confirmation-question{color:#0f172a;color:var(--text,#0f172a);font-size:15px;font-weight:500;margin:20px 0 0}.confirmation-list{list-style:none;margin:0 0 16px;padding:0;text-align:left}.confirmation-list li{color:#475569;color:var(--text-secondary,#475569);font-size:14px;padding:8px 0}.rejection-textarea{border:2px solid #e6ebf2;border:2px solid var(--line,#e6ebf2);border-radius:8px;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.rejection-textarea:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);outline:none}.rejection-textarea::placeholder{color:#94a3b8;color:var(--muted,#94a3b8)}.document-approval{background:#fff;gap:12px;padding:16px}.approval-header{margin-bottom:4px;padding-bottom:12px}.header-left h1{font-size:20px;gap:8px;margin-bottom:2px}.header-left h1 i{font-size:20px}.header-left p{font-size:12px}.blockchain-status{border-radius:6px;font-size:11px;gap:5px;padding:5px 10px}.approval-tabs{background:transparent;gap:6px;padding:8px 0}.tab-btn{border-radius:6px;border-width:1px;font-size:12px;gap:6px;padding:6px 12px}.tab-btn i{font-size:14px}.tab-badge{border-radius:10px;font-size:10px;min-width:18px;padding:1px 6px;text-align:center}.approval-card{border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);margin-bottom:10px;padding:12px 14px}.card-header{margin-bottom:10px;padding-bottom:0}.card-header h3{font-size:13px;font-weight:600;gap:8px}.step-number{border-radius:5px;font-size:11px;height:22px;width:22px}.btn-danger,.btn-outline,.btn-primary,.btn-success{border-radius:5px;font-size:11px;font-weight:500;gap:4px;padding:5px 10px}.btn-danger i,.btn-outline i,.btn-primary i,.btn-success i{font-size:12px}.btn-sm{border-radius:4px;font-size:10px;gap:4px;padding:4px 8px}.btn-icon{border-radius:5px;font-size:12px;height:26px;width:26px}.btn-add,.btn-close,.btn-icon-remove,.btn-remove{border-radius:5px;font-size:12px;height:24px;width:24px}.empty-state{background:#f8fafc;background:var(--bg,#f8fafc);border:1px dashed #e2e8f0;border:1px dashed var(--line,#e2e8f0);border-radius:8px;padding:20px 16px}.empty-state i{font-size:28px;margin-bottom:6px;opacity:.4}.empty-state p{font-size:12px;font-weight:500;margin:0 0 2px}.empty-state small{color:#94a3b8;color:var(--muted,#94a3b8);font-size:11px}.selected-document{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--line,#e2e8f0);border-radius:8px;gap:10px;padding:10px 12px}.doc-icon{border-radius:8px;font-size:18px;height:38px;width:38px}.doc-info{gap:4px}.doc-info h4{font-size:13px;font-weight:600}.doc-meta{font-size:11px;gap:10px}.doc-meta span{gap:4px}.doc-meta i{font-size:11px}.doc-hashes{gap:4px;margin-top:4px}.hash-item{gap:6px}.hash-item small{font-size:10px;min-width:70px}.hash-item code{border-radius:4px;font-size:10px;padding:2px 6px}.file-selector{border-radius:8px;border-width:1px;margin-top:10px;padding:10px}.selector-header{margin-bottom:8px;padding-bottom:8px}.selector-header h4{font-size:12px;font-weight:600}.file-list{gap:6px;max-height:200px}.file-item{border-radius:6px;border-width:1px;gap:8px;padding:8px 10px}.file-item:hover{transform:translateX(3px)}.file-icon{font-size:20px}.file-details strong{font-size:12px}.file-details small{font-size:10px}.file-details .ipfs-hash{font-size:9px}.recipients-list{gap:6px}.recipient-item{border-radius:8px;gap:10px;padding:8px 10px}.recipient-avatar{border-radius:6px;font-size:11px;height:32px;width:32px}.recipient-info{gap:2px}.recipient-info strong{font-size:12px}.recipient-info small{font-size:10px}.role-badge{border-radius:4px;font-size:9px;padding:2px 6px}.recipient-order{min-width:30px}.order-number{font-size:11px}.btn-order{border-radius:4px;font-size:10px;height:18px;width:18px}.config-grid{gap:12px}.config-section{gap:6px}.config-label{color:#64748b;color:var(--muted,#64748b);font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.radio-group{gap:6px}.radio-option{border-radius:6px;border-width:1px;gap:8px;padding:8px 10px}.radio-option input[type=radio]{height:14px;width:14px}.radio-content{gap:8px}.radio-content i{font-size:16px}.radio-content strong{font-size:12px}.radio-content small{font-size:10px}.radio-content div{gap:1px}.purpose-input{border-radius:6px;font-size:12px;min-height:60px;padding:8px 10px}.action-buttons{flex-wrap:wrap;gap:8px;padding-top:10px}.requests-table{margin-top:10px}.requests-table th{background:#f1f5f9;background:var(--bg,#f1f5f9);font-size:10px;font-weight:600;letter-spacing:.4px;padding:6px 10px;text-transform:uppercase}.requests-table td{font-size:12px;padding:8px 10px}.doc-cell{gap:6px}.doc-cell i{font-size:14px}.doc-cell span{font-size:12px;max-width:200px}.doc-cell span,.purpose-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.purpose-cell{font-size:11px;max-width:120px}.recipients-cell{gap:4px}.more-count,.recipient-tag{border-radius:3px;font-size:10px;padding:2px 5px}.more-count{background:#8b5cf6;background:var(--primary-color,#8b5cf6);color:#fff}.no-recipients{color:#94a3b8;color:var(--muted,#94a3b8);font-size:10px;font-style:italic}.status-badge{border-radius:4px;font-size:9px;gap:3px;letter-spacing:.3px;padding:3px 6px;text-transform:uppercase}.status-badge.approved{border-radius:10px;border-width:1px;font-size:9px;padding:3px 8px}.status-dot{height:5px;margin-right:4px;width:5px}.version-badge{background:#f8fafc;background:var(--bg,#f8fafc);border:1px solid #e6ebf2;border:1px solid var(--line,#e6ebf2);font-weight:500;padding:2px 6px}.date-cell{color:#64748b;color:var(--muted,#64748b);font-size:10px}.action-buttons-group{display:flex;gap:3px}.action-buttons-group .btn-icon{border-radius:4px;font-size:12px;height:24px;width:24px}.search-filter-bar{flex-wrap:wrap;gap:8px}.search-box{max-width:280px}.search-box input{border-radius:6px;font-size:11px;padding:6px 8px 6px 30px}.search-box i{font-size:13px;left:8px}.filter-group{gap:4px}.filter-group label{font-size:11px}.filter-group select{border-radius:5px;font-size:11px;padding:5px 24px 5px 8px}.request-count{border-radius:10px;font-size:11px;padding:3px 8px}.history-tabs{flex-wrap:wrap;gap:4px;margin-bottom:10px;padding-bottom:8px}.history-tab{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--line,#e2e8f0);border-radius:12px;font-size:11px;gap:4px;padding:4px 10px}.history-tab.active{background:#8b5cf6;background:var(--primary-color,#8b5cf6);border-color:#8b5cf6;border-color:var(--primary-color,#8b5cf6);color:#fff}.history-tab .tab-badge{border-radius:8px;font-size:9px;min-width:14px;padding:1px 4px}.receive-tabs{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--line,#e2e8f0);gap:0}.receive-tab{border-bottom:2px solid transparent;gap:6px;margin-bottom:-1px;padding:8px 14px}.receive-tab.active{background:transparent;border-bottom-color:#8b5cf6;border-bottom-color:var(--primary-color,#8b5cf6)}.receive-tab.active:after{display:none}.receive-tab i{font-size:16px}.receive-tab .tab-content{gap:0}.receive-tab .tab-title{font-size:12px}.receive-tab .tab-count{border-radius:8px;font-size:10px;padding:1px 6px}.requests-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:10px}.request-card{border-radius:8px;gap:8px;padding:10px}.doc-icon-large{border-radius:6px;font-size:16px;height:34px;width:34px}.request-title-area h4{font-size:12px}.detail-row{gap:4px}.detail-row,.detail-row i{font-size:10px}.request-purpose{border-radius:5px;padding:6px 8px}.request-purpose strong{font-size:9px}.request-purpose p{font-size:10px}.btn-view-full{border-radius:5px;font-size:11px;padding:6px 10px}.modal-overlay{padding:16px}.modal-box{border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.15);max-height:85vh}.modal-box.large{max-width:700px}.modal-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--line,#e2e8f0);padding:12px 14px}.modal-header h3{font-size:14px;font-weight:600;gap:6px}.modal-header h3 i{font-size:16px}.modal-body{padding:14px}.modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--line,#e2e8f0);gap:8px;padding:10px 14px}.detail-section{margin-bottom:14px}.detail-section:last-child{margin-bottom:0}.detail-section h4{font-size:12px;font-weight:600;gap:6px;margin-bottom:8px}.detail-section h4 i{font-size:13px}.detail-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.detail-item{gap:3px}.detail-item label{font-size:10px;letter-spacing:.3px}.detail-item span{font-size:12px}.hash-code{border-radius:4px;font-size:10px;padding:3px 6px}.purpose-text{border-radius:6px;font-size:12px;line-height:1.5;padding:8px 10px}.pdf-preview-frame{border-radius:8px;border-width:1px;height:350px}.preview-container{gap:10px}.preview-placeholder{border-radius:8px;padding:30px 16px}.preview-placeholder i{font-size:32px;margin-bottom:8px}.preview-placeholder p{font-size:12px;margin-bottom:12px}.users-list{gap:6px;max-height:250px;overflow-y:auto}.user-item{border-radius:6px;gap:8px;padding:8px 10px}.user-avatar{border-radius:6px;font-size:11px;height:32px;width:32px}.user-info strong{font-size:12px}.user-info small{font-size:10px}.role-input{border-radius:4px;font-size:11px;padding:4px 8px;width:100px}.stamped-badge{border-radius:5px;font-size:10px;gap:5px;padding:4px 10px}.stamped-badge i{font-size:12px}.version-history-item{border-radius:6px;margin-bottom:6px;padding:8px 10px}.version-title strong{font-size:11px}.certified-badge{border-radius:3px;font-size:9px;padding:1px 5px}.version-action-text{font-size:10px}.version-hash-info{font-size:10px;margin-top:4px}.version-hash-info code{font-size:9px;padding:2px 4px}.version-actions-row{gap:6px;margin-top:6px}.version-btn{border-radius:4px;font-size:10px;padding:4px 8px}.empty-table-state{padding:24px}.empty-table-state i{font-size:28px;margin-bottom:8px}.empty-table-state p{font-size:12px}.empty-table-state small{font-size:10px}.blockchain-actions{display:flex;flex-wrap:wrap;gap:6px}.blockchain-actions .btn-outline,.blockchain-actions .btn-success{font-size:11px;padding:5px 10px}.notification-toast{border-radius:8px;gap:8px;max-width:360px;min-width:260px;padding:10px 14px;top:70px}.notification-toast i:first-child{font-size:18px}.notification-toast span{font-size:12px}.close-notification{border-radius:5px;font-size:12px;height:22px;width:22px}.draft-card{border-radius:8px;margin-bottom:8px;padding:10px}.draft-header h4{font-size:12px}.draft-header small{font-size:10px}.draft-details{font-size:10px;gap:6px}.draft-details span{background:#f1f5f9;background:var(--bg,#f1f5f9);border-radius:4px;padding:3px 6px}.draft-actions{gap:6px;margin-top:8px}.draft-actions button{font-size:11px;padding:5px 10px}.confirmation-icon{font-size:32px;margin-bottom:12px}.confirmation-text{font-size:14px;margin-bottom:8px}.confirmation-subtext{font-size:12px}.confirmation-list li{font-size:11px;padding:4px 0}.rejection-textarea{border-radius:6px;font-size:12px;min-height:70px;padding:8px 10px}.loading-state{padding:20px}.loading-state i{font-size:24px;margin-bottom:8px}.loading-state p{font-size:12px}.search-bar{align-items:center;background:#f8fafc;background:var(--bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--line,#e2e8f0);border-radius:6px;display:flex;gap:8px;padding:6px 10px}.search-bar i{color:#94a3b8;color:var(--muted,#94a3b8);font-size:14px}.search-bar input{background:transparent;border:none;flex:1 1;font-size:12px;outline:none}.search-bar .clear-search{background:none;border:none;border-radius:3px;color:#94a3b8;color:var(--muted,#94a3b8);cursor:pointer;font-size:12px;padding:2px}.search-bar .clear-search:hover{background:#e2e8f0;background:var(--line,#e2e8f0)}.sub-status{color:#64748b;color:var(--muted,#64748b);font-size:9px;margin-top:2px}.requests-table tbody tr{transition:background-color .15s ease}.requests-table tbody tr:hover{background:#f8fafc;background:var(--bg,#f8fafc)}.approval-card,.btn-danger,.btn-icon,.btn-outline,.btn-primary,.btn-success,.file-item,.radio-option,.receive-tab,.recipient-item,.request-card,.status-badge,.tab-btn,.user-item{transition:all .15s ease}input:focus,select:focus,textarea:focus{border-color:#8b5cf6;border-color:var(--primary-color,#8b5cf6);box-shadow:0 0 0 2px rgba(139,92,246,.1);outline:none}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--muted,#cbd5e1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8b5cf6;background:var(--primary-color,#8b5cf6)}@media (max-width:768px){.document-approval{gap:10px;padding:10px}.header-left h1{font-size:16px}.approval-tabs{gap:4px}.tab-btn{font-size:11px;padding:5px 8px}.approval-card{padding:10px}.card-header h3{font-size:12px}.requests-grid{grid-template-columns:1fr}.modal-box{margin:8px;max-height:92vh}.modal-body{padding:10px}.pdf-preview-frame{height:250px}.detail-grid{grid-template-columns:1fr}.btn-danger,.btn-icon,.btn-outline,.btn-primary,.btn-sm,.btn-success,button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.btn-primary,.btn-primary:active,.btn-primary:focus,.btn-primary:focus-visible{background:#10b981!important;background:var(--primary-color,#10b981)!important;border-color:#10b981!important;border-color:var(--primary-color,#10b981)!important;color:#fff!important}.btn-outline,.btn-outline:active,.btn-outline:focus,.btn-outline:focus-visible{background:#fff!important;background:var(--surface,#fff)!important;border-color:#e6ebf2!important;border-color:var(--line,#e6ebf2)!important;color:#0f172a!important;color:var(--text,#0f172a)!important}.btn-success,.btn-success:active,.btn-success:focus,.btn-success:focus-visible{background:#10b981!important;background:var(--primary-color,#10b981)!important;border-color:#10b981!important;border-color:var(--primary-color,#10b981)!important;color:#fff!important}.btn-danger,.btn-danger:active,.btn-danger:focus,.btn-danger:focus-visible{background:#ef4444!important;background:var(--error-color,#ef4444)!important;border-color:#ef4444!important;border-color:var(--error-color,#ef4444)!important;color:#fff!important}.btn-sm,.btn-sm:active,.btn-sm:focus,.btn-sm:focus-visible{background:#fff!important;background:var(--surface,#fff)!important;border-color:#e6ebf2!important;border-color:var(--line,#e6ebf2)!important;color:#0f172a!important;color:var(--text,#0f172a)!important}}.digital-sig-badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:4px;color:#fff;display:inline-flex;font-size:10px;font-weight:600;gap:4px;margin-left:8px;padding:3px 8px}.digital-sig-badge i{font-size:11px}.digital-signature-info{background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(29,78,216,.05));border:1px solid rgba(59,130,246,.2);border-radius:6px;font-size:11px;margin-top:8px;padding:10px}.signature-detail{align-items:center;color:#374151;display:flex;gap:8px;padding:4px 0}.signature-detail:not(:last-child){border-bottom:1px solid rgba(59,130,246,.1);margin-bottom:2px;padding-bottom:6px}.signature-detail i{color:#3b82f6;font-size:12px;text-align:center;width:16px}.signature-detail strong{color:#1e40af;font-weight:600;min-width:70px}.signature-detail span{color:#4b5563}.signature-detail a,.signature-detail span{font-family:Monaco,Consolas,monospace;font-size:10px}.signature-detail a{color:#3b82f6;text-decoration:none}.signature-detail a:hover{color:#1d4ed8;text-decoration:underline}.version-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;color:#fff;display:inline-flex;font-size:10px;font-weight:600;gap:4px;padding:3px 8px}.version-badge.certified{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.action-buttons button[title="Preview Document"]{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.action-buttons button[title="Preview Document"]:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 2px 8px rgba(99,102,241,.3);transform:translateY(-1px)}.digital-signature-section{background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(29,78,216,.02));border:1px solid rgba(59,130,246,.2);border-radius:8px;margin-top:16px;padding:16px}.digital-signature-section h4{align-items:center;color:#1e40af;display:flex;font-size:13px;font-weight:600;gap:8px;margin:0 0 12px}.digital-signature-section h4 i{color:#3b82f6;font-size:16px}.signature-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.signature-item{display:flex;flex-direction:column;gap:4px}.signature-item label{color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.signature-item .value{background:#fff;border:1px solid rgba(59,130,246,.1);border-radius:4px;color:#1f2937;font-family:Monaco,Consolas,monospace;font-size:11px;padding:6px 8px;word-break:break-all}.signature-item .value a{color:#3b82f6;text-decoration:none}.signature-item .value a:hover{text-decoration:underline}.approval-type-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px 10px}.approval-type-badge.digital{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(29,78,216,.1));border:1px solid rgba(59,130,246,.3);color:#1e40af}.approval-type-badge.digital i{color:#3b82f6}.approval-type-badge.standard{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(5,150,105,.1));border:1px solid rgba(16,185,129,.3);color:#047857}.approval-type-badge.standard i{color:#10b981}.digital-signature-details{background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(29,78,216,.04));border:1px solid rgba(59,130,246,.2);border-radius:8px;margin-top:10px;padding:12px}.digital-signature-details .signature-header{align-items:center;border-bottom:1px solid rgba(59,130,246,.15);color:#1e40af;display:flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:10px;padding-bottom:8px}.digital-signature-details .signature-header i{color:#3b82f6;font-size:14px}.digital-signature-details .signature-info{display:flex;flex-direction:column;gap:6px}.digital-signature-details .signature-row{align-items:flex-start;display:flex;font-size:11px;gap:8px}.digital-signature-details .signature-row label{color:#6b7280;flex-shrink:0;font-weight:600;min-width:100px}.digital-signature-details .signature-row code{background:hsla(0,0%,100%,.6);border-radius:4px;color:#374151;font-family:Monaco,Consolas,monospace;font-size:10px;padding:2px 6px;word-break:break-all}.digital-signature-details .signature-note{align-items:center;border-top:1px dashed rgba(59,130,246,.2);color:#6b7280;display:flex;font-size:10px;font-style:italic;gap:6px;margin-top:8px;padding-top:8px}.digital-signature-details .signature-note i{color:#3b82f6;font-size:12px}.timeline-badge.digital-sign{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important}.timeline-badge.digital-sign i{margin-right:4px}.verification-tool-container{background:#f8fafc;background:var(--bg-secondary,#f8fafc);display:flex;flex-direction:column;gap:20px;height:100%;overflow:auto;padding:24px}.vt-notification{align-items:center;animation:vtSlideIn .3s ease;background:#fff;background:var(--card-bg,#fff);border-left:4px solid;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.12);display:flex;gap:12px;max-width:400px;padding:14px 20px;position:fixed;right:24px;top:24px;z-index:10000}.vt-notification.success{border-color:#10b981;border-color:var(--primary-color,#10b981)}.vt-notification.success i:first-child{color:#10b981;color:var(--primary-color,#10b981)}.vt-notification.error{border-color:#ef4444}.vt-notification.error i:first-child{color:#ef4444}.vt-notification.warning{border-color:#f59e0b}.vt-notification.warning i:first-child{color:#f59e0b}.vt-notification.info{border-color:#3b82f6}.vt-notification.info i:first-child{color:#3b82f6}.vt-notification i:first-child{font-size:20px}.vt-notification span{color:#1f2937;color:var(--text-primary,#1f2937);flex:1 1;font-size:14px;font-weight:500}.vt-notification button{background:none;border:none;border-radius:6px;color:#64748b;color:var(--text-muted,#64748b);cursor:pointer;padding:4px;transition:all .2s}.vt-notification button:hover{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);color:#1f2937;color:var(--text-primary,#1f2937)}@keyframes vtSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.vt-page-header{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;justify-content:space-between;padding:20px 24px}.vt-header-content{align-items:center;display:flex;gap:16px}.vt-header-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-color,#10b981) 0,var(--primary-dark,#059669) 100%);border-radius:14px;box-shadow:0 4px 12px rgba(16,185,129,.3);box-shadow:0 4px 12px var(--primary-shadow,rgba(16,185,129,.3));color:#fff;display:flex;font-size:26px;height:52px;justify-content:center;width:52px}.vt-header-text h1{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.5rem;font-weight:700;margin:0 0 4px}.vt-header-text p{color:#64748b;color:var(--text-muted,#64748b);font-size:.9rem;margin:0}.vt-header-stats{display:flex;gap:16px}.vt-stat{align-items:center;background:rgba(16,185,129,.1);background:var(--primary-light,rgba(16,185,129,.1));border-radius:10px;color:#10b981;color:var(--primary-color,#10b981);display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px}.vt-stat i{font-size:18px}.vt-main-content{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:420px 1fr;min-height:0}.vt-verification-panel{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.vt-tabs{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;padding:0 8px}.vt-tab{align-items:center;background:none;border:none;border-bottom:3px solid transparent;color:#64748b;color:var(--text-muted,#64748b);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-bottom:-1px;padding:16px 12px;transition:all .2s}.vt-tab i{font-size:18px}.vt-tab:hover{background:rgba(16,185,129,.1);border-bottom-color:rgba(16,185,129,.3)}.vt-tab.active,.vt-tab:hover{color:#10b981;color:var(--primary-color,#10b981)}.vt-tab.active{background:#fff;background:var(--card-bg,#fff);border-bottom-color:#10b981;border-bottom-color:var(--primary-color,#10b981)}.vt-tab-content{flex:1 1;overflow-y:auto;padding:20px}.vt-code-section{gap:16px}.vt-code-section,.vt-input-group{display:flex;flex-direction:column}.vt-input-group{gap:8px}.vt-input-group label{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:14px;font-weight:600;gap:8px}.vt-input-group label i{color:#10b981;color:var(--primary-color,#10b981)}.vt-code-input{background:#fff;background:var(--input-bg,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:12px;color:#1f2937;color:var(--text-primary,#1f2937);font-family:Fira Code,Monaco,Consolas,monospace;font-size:1.1rem;letter-spacing:2px;padding:14px 16px;text-transform:uppercase;transition:all .2s}.vt-code-input:focus{border-color:#10b981;border-color:var(--primary-color,#10b981);box-shadow:0 0 0 4px rgba(16,185,129,.1);box-shadow:0 0 0 4px var(--primary-light,rgba(16,185,129,.1));outline:none}.vt-code-input::placeholder{color:#9ca3af;color:var(--text-muted,#9ca3af);letter-spacing:1px}.vt-input-hint{color:#64748b;color:var(--text-muted,#64748b);font-size:12px}.vt-verify-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-color,#10b981) 0,var(--primary-dark,#059669) 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .2s}.vt-verify-btn:hover:not(:disabled){box-shadow:0 8px 20px rgba(16,185,129,.35);box-shadow:0 8px 20px var(--primary-shadow,rgba(16,185,129,.35));transform:translateY(-2px)}.vt-verify-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.vt-spinner{animation:vtSpin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes vtSpin{to{transform:rotate(1turn)}}.vt-divider{align-items:center;color:#9ca3af;color:var(--text-muted,#9ca3af);display:flex;gap:16px;margin:8px 0}.vt-divider:after,.vt-divider:before{background:#e5e7eb;background:var(--border-color,#e5e7eb);content:"";flex:1 1;height:1px}.vt-divider span{font-size:12px;white-space:nowrap}.vt-upload-section{display:flex;flex-direction:column;gap:10px}.vt-upload-btn{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:2px dashed #d1d5db;border:2px dashed var(--border-color,#d1d5db);border-radius:12px;color:#64748b;color:var(--text-muted,#64748b);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;padding:14px;transition:all .2s}.vt-upload-btn:hover{background:rgba(16,185,129,.05);background:var(--primary-light,rgba(16,185,129,.05));border-color:#10b981;border-color:var(--primary-color,#10b981);color:#10b981;color:var(--primary-color,#10b981)}.vt-upload-btn i{font-size:20px}.vt-verify-file-btn{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #10b981;border:2px solid var(--primary-color,#10b981);border-radius:10px;color:#10b981;color:var(--primary-color,#10b981);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .2s}.vt-verify-file-btn:hover{background:#10b981;background:var(--primary-color,#10b981);color:#fff}.vt-scan-section{align-items:center;display:flex;flex-direction:column;gap:20px;padding:20px 0}.vt-scan-prompt{text-align:center}.vt-scan-icon{align-items:center;background:rgba(16,185,129,.1);background:var(--primary-light,rgba(16,185,129,.1));border-radius:20px;color:#10b981;color:var(--primary-color,#10b981);display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 16px;width:80px}.vt-scan-prompt h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.1rem;font-weight:600;margin:0 0 8px}.vt-scan-prompt p{color:#64748b;color:var(--text-muted,#64748b);font-size:14px;margin:0 0 20px}.vt-scan-btn{align-items:center;background:#10b981;background:var(--primary-color,#10b981);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .2s}.vt-scan-btn:hover{box-shadow:0 8px 20px rgba(16,185,129,.35);box-shadow:0 8px 20px var(--primary-shadow,rgba(16,185,129,.35));transform:translateY(-2px)}.vt-scanner-active{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.vt-scanner-container{background:#000;border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,.2);height:280px;overflow:hidden;position:relative;width:280px}.vt-scanner-video{height:100%;object-fit:cover;width:100%}.vt-scanner-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.vt-scanner-frame{height:180px;position:relative;width:180px}.vt-scanner-frame .corner{border:4px solid #10b981;border:4px solid var(--primary-color,#10b981);height:30px;position:absolute;width:30px}.vt-scanner-frame .corner.tl{border-bottom:none;border-radius:8px 0 0 0;border-right:none;left:0;top:0}.vt-scanner-frame .corner.tr{border-bottom:none;border-left:none;border-radius:0 8px 0 0;right:0;top:0}.vt-scanner-frame .corner.bl{border-radius:0 0 0 8px;border-right:none;border-top:none;bottom:0;left:0}.vt-scanner-frame .corner.br{border-left:none;border-radius:0 0 8px 0;border-top:none;bottom:0;right:0}.vt-scan-line{animation:vtScanLine 2s ease-in-out infinite;background:linear-gradient(90deg,transparent,#10b981,transparent);background:linear-gradient(90deg,transparent,var(--primary-color,#10b981),transparent);height:3px;left:50px;position:absolute;right:50px}@keyframes vtScanLine{0%,to{top:60px}50%{top:220px}}.vt-scanner-hint{color:#64748b;color:var(--text-muted,#64748b);font-size:14px}.vt-stop-scan-btn{align-items:center;background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.vt-stop-scan-btn:hover{background:#dc2626}.vt-scanner-fallback{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:16px}.vt-fallback-text{color:#64748b;color:var(--text-muted,#64748b);font-size:13px}.vt-fallback-input{display:flex;gap:8px;max-width:300px;width:100%}.vt-fallback-input input{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-family:Courier New,monospace;font-size:14px;letter-spacing:1px;padding:10px 14px;text-align:center;text-transform:uppercase}.vt-fallback-input input:focus{border-color:#10b981;border-color:var(--primary-color,#10b981);box-shadow:0 0 0 3px rgba(16,185,129,.1);box-shadow:0 0 0 3px var(--primary-light,rgba(16,185,129,.1));outline:none}.vt-fallback-input button{align-items:center;background:#10b981;background:var(--primary-color,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .2s;width:42px}.vt-fallback-input button:hover:not(:disabled){background:#059669;background:var(--primary-dark,#059669)}.vt-fallback-input button:disabled{background:#e5e7eb;background:var(--border-color,#e5e7eb);cursor:not-allowed}.vt-fallback-input button i{font-size:18px}.vt-browse-section{display:flex;flex-direction:column;gap:16px;height:100%}.vt-browse-toggle{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:12px;display:flex;gap:8px;padding:6px}.vt-toggle-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:#64748b;color:var(--text-muted,#64748b);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s}.vt-toggle-btn:hover{color:#1f2937;color:var(--text-primary,#1f2937)}.vt-toggle-btn.active{background:#fff;background:var(--card-bg,#fff);box-shadow:0 2px 8px rgba(0,0,0,.08);color:#10b981;color:var(--primary-color,#10b981)}.vt-toggle-btn i{font-size:16px}.vt-search-bar{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;display:flex;gap:10px;padding:10px 14px;transition:all .2s}.vt-search-bar:focus-within{background:#fff;background:var(--card-bg,#fff);border-color:#10b981;border-color:var(--primary-color,#10b981);box-shadow:0 0 0 3px rgba(16,185,129,.1);box-shadow:0 0 0 3px var(--primary-light,rgba(16,185,129,.1))}.vt-search-bar i{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:18px}.vt-search-bar input{background:transparent;border:none;color:#1f2937;color:var(--text-primary,#1f2937);flex:1 1;font-size:14px;outline:none}.vt-search-bar input::placeholder{color:#9ca3af;color:var(--text-muted,#9ca3af)}.vt-search-bar button{background:none;border:none;color:#64748b;color:var(--text-muted,#64748b);cursor:pointer;padding:4px}.vt-documents-list{display:flex;flex:1 1;flex-direction:column;gap:8px;max-height:300px;min-height:200px;overflow-y:auto}.vt-empty,.vt-loading{align-items:center;color:#64748b;color:var(--text-muted,#64748b);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.vt-loading .vt-spinner{border-color:#e5e7eb;border-color:var(--border-color,#e5e7eb);border-top-color:#10b981;border-top-color:var(--primary-color,#10b981);margin-bottom:12px}.vt-empty i{font-size:48px;margin-bottom:12px;opacity:.5}.vt-empty p{font-weight:500;margin:0 0 4px}.vt-empty span{font-size:12px}.vt-doc-item{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:2px solid transparent;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.vt-doc-item:hover{background:#fff;background:var(--card-bg,#fff);border-color:#e5e7eb;border-color:var(--border-color,#e5e7eb);box-shadow:0 2px 8px rgba(0,0,0,.04)}.vt-doc-item.selected{background:rgba(16,185,129,.08);background:var(--primary-light,rgba(16,185,129,.08));border-color:#10b981;border-color:var(--primary-color,#10b981)}.vt-doc-icon{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.vt-doc-info{flex:1 1;min-width:0}.vt-doc-info h4{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-doc-meta{display:flex;flex-wrap:wrap;gap:12px}.vt-doc-code,.vt-doc-date{align-items:center;color:#64748b;color:var(--text-muted,#64748b);display:flex;font-size:11px;gap:4px}.vt-doc-code i,.vt-doc-date i{font-size:12px}.vt-doc-status{flex-shrink:0}.vt-badge{align-items:center;border-radius:8px;display:flex;height:28px;justify-content:center;width:28px}.vt-badge.certified{background:rgba(16,185,129,.15);background:var(--primary-light,rgba(16,185,129,.15));color:#10b981;color:var(--primary-color,#10b981)}.vt-badge.pending{background:rgba(245,158,11,.15);color:#f59e0b}.vt-version-selector{display:flex;flex-direction:column;gap:8px}.vt-version-selector label{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:13px;font-weight:600;gap:8px}.vt-version-selector label i{color:#10b981;color:var(--primary-color,#10b981)}.vt-version-selector select{background:#fff;background:var(--input-bg,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:10px;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;font-size:14px;padding:10px 14px;transition:all .2s}.vt-version-selector select:focus{border-color:#10b981;border-color:var(--primary-color,#10b981);outline:none}.vt-local-upload{gap:16px}.vt-drop-zone,.vt-local-upload{display:flex;flex:1 1;flex-direction:column}.vt-drop-zone{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:2px dashed #d1d5db;border:2px dashed var(--border-color,#d1d5db);border-radius:16px;cursor:pointer;gap:12px;justify-content:center;min-height:200px;padding:30px;text-align:center;transition:all .2s}.vt-drop-zone:hover{background:rgba(16,185,129,.05);background:var(--primary-light,rgba(16,185,129,.05));border-color:#10b981;border-color:var(--primary-color,#10b981)}.vt-drop-zone i{color:#10b981;color:var(--primary-color,#10b981);font-size:48px;opacity:.7}.vt-drop-zone h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600;margin:0}.vt-drop-zone p{color:#64748b;color:var(--text-muted,#64748b);font-size:13px;margin:0}.vt-uploaded-file{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #10b981;border:1px solid var(--primary-color,#10b981);border-radius:10px;display:flex;gap:10px;margin-top:12px;padding:12px 16px}.vt-uploaded-file i:first-child{color:#ef4444;font-size:24px}.vt-uploaded-file span{color:#1f2937;color:var(--text-primary,#1f2937);flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-uploaded-file button{background:none;border:none;color:#64748b;color:var(--text-muted,#64748b);cursor:pointer;padding:4px;transition:color .2s}.vt-drop-zone.vt-qr-upload{background:linear-gradient(135deg,#f8fafc,rgba(16,185,129,.05));background:linear-gradient(135deg,var(--bg-secondary,#f8fafc),var(--primary-light,rgba(16,185,129,.05)));flex:0 1;min-height:120px}.vt-drop-zone.vt-qr-upload i{font-size:36px}.vt-scanning{align-items:center;background:#fff;background:var(--card-bg,#fff);border-radius:8px;display:flex;gap:10px;margin-top:8px;padding:10px 16px}.vt-scanning span:last-child{color:#10b981;color:var(--primary-color,#10b981);font-size:13px;font-weight:500}.vt-uploaded-file button:hover{color:#ef4444}.vt-error{align-items:center;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:10px;display:flex;gap:10px;margin-top:16px;padding:12px 16px}.vt-error i:first-child{color:#ef4444;font-size:20px}.vt-error span{color:#dc2626;flex:1 1;font-size:14px}.vt-error button{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px}.vt-results-panel{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:16px;overflow-y:auto}.vt-no-result{flex-direction:column;height:100%;padding:40px;text-align:center}.vt-no-result,.vt-no-result-icon{align-items:center;display:flex;justify-content:center}.vt-no-result-icon{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:24px;height:100px;margin-bottom:24px;width:100px}.vt-no-result-icon i{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:48px}.vt-no-result h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.25rem;font-weight:600;margin:0 0 8px}.vt-no-result>p{color:#64748b;color:var(--text-muted,#64748b);font-size:14px;margin:0 0 32px;max-width:360px}.vt-help-tips{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:16px;max-width:400px;padding:24px;text-align:left;width:100%}.vt-help-tips h4{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:600;margin:0 0 16px}.vt-help-tips ul{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.vt-help-tips li{align-items:flex-start;display:flex;gap:12px}.vt-help-tips li i{align-items:center;background:rgba(16,185,129,.1);background:var(--primary-light,rgba(16,185,129,.1));border-radius:8px;color:#10b981;color:var(--primary-color,#10b981);display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.vt-help-tips li span{color:#64748b;color:var(--text-muted,#64748b);font-size:13px;line-height:1.5;padding-top:5px}.vt-result{display:flex;flex-direction:column;gap:20px;padding:24px}.vt-status-banner{align-items:center;border-radius:16px;display:flex;gap:16px;padding:20px}.vt-status-banner.verified{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-color,#10b981) 0,var(--primary-dark,#059669) 100%)}.vt-status-banner.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.vt-status-icon{align-items:center;background:hsla(0,0%,100%,.2);border-radius:14px;color:#fff;display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.vt-status-text{flex:1 1}.vt-status-text h2{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 4px}.vt-verification-code{align-items:center;color:hsla(0,0%,100%,.9);display:flex;font-family:Fira Code,monospace;font-size:14px;gap:8px}.vt-section{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:14px;padding:20px}.vt-section-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.vt-section-header i{color:#10b981;color:var(--primary-color,#10b981);font-size:20px}.vt-section-header h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:15px;font-weight:600;margin:0}.vt-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.vt-info-grid.cols-3{grid-template-columns:repeat(3,1fr)}.vt-info-item{display:flex;flex-direction:column;gap:4px}.vt-info-item label{color:#64748b;color:var(--text-muted,#64748b);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.vt-info-item span{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:500}.vt-info-item span.capitalize,.vt-status-badge{text-transform:capitalize}.vt-status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.vt-status-badge.approved{background:rgba(16,185,129,.15);background:var(--primary-light,rgba(16,185,129,.15));color:#10b981;color:var(--primary-color,#10b981)}.vt-status-badge.pending{background:rgba(245,158,11,.15);color:#d97706}.vt-status-badge.rejected{background:rgba(239,68,68,.15);color:#dc2626}.vt-download-actions{display:flex;gap:12px;margin-top:16px}.vt-download-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.vt-download-btn.original{background:#fff;background:var(--card-bg,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);color:#374151;color:var(--text-primary,#374151)}.vt-download-btn.original:hover{border-color:#10b981;border-color:var(--primary-color,#10b981);color:#10b981;color:var(--primary-color,#10b981)}.vt-download-btn.certified{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-color,#10b981),var(--primary-dark,#059669));border:none;color:#fff}.vt-download-btn.certified:hover{box-shadow:0 6px 16px rgba(16,185,129,.35);box-shadow:0 6px 16px var(--primary-shadow,rgba(16,185,129,.35));transform:translateY(-2px)}.vt-timeline{padding-left:24px;position:relative}.vt-timeline:before{background:#e5e7eb;background:var(--border-color,#e5e7eb);bottom:0;content:"";left:10px;position:absolute;top:0;width:2px}.vt-timeline-item{display:flex;gap:14px;padding-bottom:20px;position:relative}.vt-timeline-item:last-child{padding-bottom:0}.vt-timeline-marker{align-items:center;border-radius:50%;display:flex;font-size:12px;height:22px;justify-content:center;left:-24px;position:absolute;width:22px;z-index:1}.vt-timeline-item.completed .vt-timeline-marker{background:#10b981;background:var(--primary-color,#10b981);color:#fff}.vt-timeline-item.pending .vt-timeline-marker{background:#f59e0b;color:#fff}.vt-timeline-item.rejected .vt-timeline-marker{background:#ef4444;color:#fff}.vt-timeline-content{flex:1 1}.vt-timeline-content h4{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:600;margin:0 0 2px}.vt-timeline-content span{color:#64748b;color:var(--text-muted,#64748b);display:block;font-size:12px}.vt-timeline-content .vt-role{color:#10b981;color:var(--primary-color,#10b981);font-weight:500}.vt-timeline-content .vt-timestamp{margin-top:2px}.vt-timeline-content .vt-reason{background:#fff;background:var(--card-bg,#fff);border-radius:8px;color:#64748b;color:var(--text-muted,#64748b);font-size:13px;font-style:italic;margin:8px 0 0;padding:8px 12px}.vt-section.blockchain{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff}.vt-section.blockchain .vt-section-header i{color:#60a5fa}.vt-section.blockchain .vt-section-header h3{color:#fff}.vt-blockchain-info{gap:16px}.vt-blockchain-info,.vt-hash-item{display:flex;flex-direction:column}.vt-hash-item{gap:6px}.vt-hash-item label{color:#94a3b8;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.vt-hash-item code{background:hsla(0,0%,100%,.1);border-radius:8px;color:#e2e8f0;font-family:Fira Code,monospace;font-size:12px;padding:8px 12px;word-break:break-all}.vt-etherscan-link{align-items:center;color:#60a5fa;display:inline-flex;font-size:13px;gap:6px;margin-top:8px;text-decoration:none;transition:color .2s}.vt-etherscan-link:hover{color:#93c5fd}.vt-clear-btn{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:12px;color:#64748b;color:var(--text-muted,#64748b);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:14px;transition:all .2s}.vt-clear-btn:hover{background:#fff;background:var(--card-bg,#fff);border-color:#10b981;border-color:var(--primary-color,#10b981);color:#10b981;color:var(--primary-color,#10b981)}@media (max-width:1024px){.vt-main-content{grid-template-columns:1fr}.vt-verification-panel{min-height:500px}.vt-results-panel{min-height:400px}}@media (max-width:640px){.verification-tool-container{padding:16px}.vt-page-header{align-items:flex-start;flex-direction:column;gap:16px}.vt-tabs{padding:0 4px}.vt-tab span{display:none}.vt-tab i{font-size:22px}.vt-info-grid,.vt-info-grid.cols-3{grid-template-columns:1fr}.vt-download-actions{flex-direction:column}}.vt-digital-badge{align-items:center;background:rgba(59,130,246,.1);border-radius:12px;color:#3b82f6;display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin-left:8px;padding:2px 8px}.vt-digital-badge i{font-size:12px}.vt-wallet-info{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:12px;gap:6px;margin-top:4px}.vt-wallet-info i{color:#3b82f6}.vt-wallet-info code{background:rgba(59,130,246,.1);border-radius:4px;color:#3b82f6;font-family:Monaco,Menlo,monospace;font-size:11px;padding:2px 6px}.vt-section.digital-signature{background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(139,92,246,.05));border:1px solid rgba(59,130,246,.2)}.vt-section.digital-signature .vt-section-header i{color:#3b82f6}.vt-signature-info{display:flex;flex-direction:column;gap:16px}.vt-signature-notice{align-items:flex-start;background:rgba(59,130,246,.1);border-left:3px solid #3b82f6;border-radius:10px;display:flex;gap:12px;padding:12px 16px}.vt-signature-notice i{color:#3b82f6;font-size:18px;margin-top:2px}.vt-signature-notice p{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;line-height:1.5;margin:0}.vt-signer-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-light,#e2e8f0);border-radius:12px;overflow:hidden}.vt-signer-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;gap:12px;padding:16px}.vt-signer-icon{align-items:center;background:hsla(0,0%,100%,.2);border-radius:12px;display:flex;height:44px;justify-content:center;width:44px}.vt-signer-icon i{font-size:22px}.vt-signer-info{flex:1 1}.vt-signer-info h4{font-size:15px;font-weight:600;margin:0 0 2px}.vt-signer-role{font-size:12px;opacity:.9}.vt-verified-badge{align-items:center;background:hsla(0,0%,100%,.2);border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px}.vt-verified-badge i{font-size:14px}.vt-signer-details{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light,#e2e8f0);gap:12px;padding:16px}.vt-detail-row,.vt-signer-details{display:flex;flex-direction:column}.vt-detail-row{gap:4px}.vt-detail-row label{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:12px;font-weight:500;gap:6px}.vt-detail-row label i{color:#3b82f6;font-size:14px}.vt-detail-row code{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:8px;font-family:Monaco,Menlo,monospace;font-size:12px;padding:8px 12px;word-break:break-all}.vt-detail-row code,.vt-detail-row span{color:#1e293b;color:var(--text-primary,#1e293b)}.vt-detail-row span{font-size:14px}.vt-signature-hash{color:#8b5cf6!important;font-size:11px!important}.vt-tx-link{align-items:center;display:flex;gap:8px}.vt-tx-link code{flex:1 1}.vt-tx-link a{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:8px;color:#3b82f6;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.vt-tx-link a:hover{background:#3b82f6;color:#fff}.vt-verification-method{background:#f8fafc;background:var(--bg-secondary,#f8fafc);padding:16px}.vt-method-header{align-items:center;color:#3b82f6;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px}.vt-method-header i{font-size:16px}.vt-method-steps{display:flex;flex-direction:column;gap:10px}.vt-step{align-items:flex-start;display:flex;gap:12px}.vt-step-num{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.vt-step p{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;line-height:1.5;margin:0}.vt-step code{background:rgba(59,130,246,.1);border-radius:4px;color:#3b82f6;font-family:Monaco,Menlo,monospace;font-size:11px;padding:1px 6px}.vt-timeline-item .vt-timeline-marker i.ri-shield-keyhole-fill{color:#3b82f6}.vt-timeline-item.completed:has(.ri-shield-keyhole-fill) .vt-timeline-marker{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.vt-timeline-item.completed:has(.ri-shield-keyhole-fill) .vt-timeline-marker i{color:#fff}.blockchain-monitor-container{background:var(--bg-primary);min-height:100vh;padding:24px}.bm-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.bm-header-left h1{align-items:center;color:var(--text-primary);display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 4px}.bm-header-left h1 i{color:var(--primary-color);font-size:32px}.bm-header-left p{color:var(--text-secondary);font-size:14px;margin:0}.bm-header-right{align-items:center;display:flex;gap:12px}.wallet-connected{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);display:flex;font-size:14px;gap:10px;padding:10px 16px}.wallet-connected i{color:var(--primary-color);font-size:18px}.wallet-connected .wallet-balance{background:linear-gradient(135deg,var(--primary-color),#0f8a5f);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark,#0f8a5f));border-radius:8px;color:#fff;font-size:13px;font-weight:600;padding:4px 10px}.bm-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.bm-btn i{font-size:18px}.bm-btn.primary{background:linear-gradient(135deg,var(--primary-color),#0f8a5f);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark,#0f8a5f));color:#fff}.bm-btn.primary:hover{box-shadow:0 4px 15px rgba(16,185,129,.3);transform:translateY(-2px)}.bm-btn.secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.bm-btn.secondary:hover{background:var(--bg-hover)}.bm-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.bm-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-bottom:24px}@media (max-width:1200px){.bm-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.bm-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.bm-stats-grid{grid-template-columns:1fr}}.bm-stat-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.bm-stat-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-2px)}.bm-stat-card .stat-icon{align-items:center;border-radius:14px;display:flex;height:52px;justify-content:center;width:52px}.bm-stat-card .stat-icon i{color:#fff;font-size:24px}.bm-stat-card.balance .stat-icon{background:linear-gradient(135deg,#6366f1,#4f46e5)}.bm-stat-card.today .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.bm-stat-card.total .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.bm-stat-card.success .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.bm-stat-card.failed .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.bm-stat-card .stat-content{display:flex;flex-direction:column;gap:4px}.bm-stat-card .stat-label{color:var(--text-secondary);font-size:13px;font-weight:500}.bm-stat-card .stat-value{color:var(--text-primary);font-size:22px;font-weight:700}.bm-admin-analytics{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;margin-bottom:24px;padding:24px}.bm-admin-analytics h3{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:10px;margin:0 0 20px}.bm-admin-analytics h3 i{color:var(--primary-color)}.analytics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}@media (max-width:768px){.analytics-grid{grid-template-columns:1fr}}.analytics-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px}.analytics-label{color:var(--text-secondary);font-size:13px}.analytics-value{color:var(--primary-color);font-size:24px;font-weight:700}.active-users-section h4{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 12px}.active-users-list{display:flex;flex-direction:column;gap:8px}.active-user-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:12px;padding:12px 16px}.active-user-item .user-rank{color:var(--primary-color);font-weight:700;min-width:30px}.active-user-item .user-name{color:var(--text-primary);flex:1 1;font-weight:500}.active-user-item .user-role{background:var(--bg-secondary);border-radius:20px;color:var(--text-secondary);font-size:12px;padding:4px 10px;text-transform:capitalize}.active-user-item .user-txs{color:var(--text-secondary);font-size:13px;font-weight:500}.bm-filters{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;margin-bottom:24px;padding:20px}.bm-filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.bm-filter-group{display:flex;flex-direction:column;gap:6px}.bm-filter-group label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.bm-filter-group input,.bm-filter-group select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;min-width:150px;padding:10px 14px;transition:all .2s ease}.bm-filter-group input:focus,.bm-filter-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(16,185,129,.1);outline:none}.bm-filter-group.search{flex:1 1;min-width:250px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper i{color:var(--text-secondary);font-size:18px;left:14px;position:absolute}.search-input-wrapper input{padding-left:42px;width:100%}.clear-btn{align-self:flex-end}.bm-transactions-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.bm-section-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.bm-section-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.bm-section-header h3 i{color:var(--primary-color)}.transaction-count{background:var(--bg-primary);border-radius:20px;color:var(--text-secondary);font-size:13px;padding:6px 12px}.bm-table-container{overflow-x:auto}.bm-empty,.bm-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.bm-empty i,.bm-loading i{font-size:48px;margin-bottom:16px;opacity:.5}.bm-loading i{color:var(--primary-color)}.bm-empty h4{color:var(--text-primary);font-size:18px;margin:0 0 8px}.bm-empty p{font-size:14px;margin:0}.bm-table{border-collapse:collapse;width:100%}.bm-table th{background:var(--bg-primary);color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.bm-table td,.bm-table th{border-bottom:1px solid var(--border-color)}.bm-table td{color:var(--text-primary);font-size:14px;padding:16px;vertical-align:middle}.bm-table tbody tr:hover{background:var(--bg-hover)}.bm-table tbody tr:last-child td{border-bottom:none}.date-cell{color:var(--text-secondary);font-size:13px;white-space:nowrap}.document-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;white-space:nowrap}.type-badge i{font-size:14px}.type-badge.type-upload{background:rgba(99,102,241,.1);color:#6366f1}.type-badge.type-share{background:rgba(16,185,129,.1);color:#10b981}.type-badge.type-request_approval{background:rgba(245,158,11,.1);color:#f59e0b}.type-badge.type-approve{background:rgba(16,185,129,.1);color:#10b981}.type-badge.type-reject{background:rgba(239,68,68,.1);color:#ef4444}.type-badge.type-revoke_share{background:rgba(156,163,175,.1);color:#6b7280}.type-badge.type-verify{background:rgba(139,92,246,.1);color:#8b5cf6}.tx-hash{align-items:center;color:var(--primary-color);cursor:pointer;display:inline-flex;font-family:Fira Code,Monaco,monospace;font-size:13px;gap:6px;transition:all .2s ease}.tx-hash:hover{text-decoration:underline}.tx-hash i{font-size:12px;opacity:.7}.gas-cost{color:var(--text-primary);font-family:Fira Code,Monaco,monospace;font-weight:600}.status-badge{border-radius:20px;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;text-transform:capitalize}.status-badge i{font-size:14px}.status-badge.status-success{background:rgba(16,185,129,.1);color:#10b981}.status-badge.status-pending{background:rgba(245,158,11,.1);color:#f59e0b}.status-badge.status-failed{background:rgba(239,68,68,.1);color:#ef4444}.action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-btn i{font-size:18px}.action-btn.view{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary)}.action-btn.view:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.bm-pagination{border-top:1px solid var(--border-color);gap:16px;justify-content:center;padding:20px}.bm-pagination,.pagination-btn{align-items:center;display:flex}.pagination-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:var(--text-secondary);font-size:14px}.bm-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.bm-modal{background:var(--bg-secondary);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.bm-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.bm-modal-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.bm-modal-header h3 i{color:var(--primary-color)}.modal-close{background:var(--bg-primary);border-radius:10px;color:var(--text-secondary)}.modal-close:hover{background:rgba(239,68,68,.1);color:#ef4444}.modal-close i{font-size:20px}.bm-modal-body{flex:1 1;overflow-y:auto;padding:24px}.detail-item.error{background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:16px}.detail-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:var(--text-primary);word-break:break-all}.detail-value.hash{font-family:Fira Code,Monaco,monospace;font-size:13px;gap:10px}.copy-btn,.detail-value.hash{align-items:center;display:flex}.copy-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.copy-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.error-text{color:#ef4444}.gas-details{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.gas-item{background:var(--bg-primary);border-radius:10px;display:flex;flex-direction:column;gap:4px;min-width:120px;padding:12px 16px}.gas-item span:first-child{color:var(--text-secondary);font-size:12px}.gas-item span:last-child{color:var(--text-primary);font-family:Fira Code,Monaco,monospace;font-size:14px;font-weight:600}.gas-item.highlight{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.05));border:1px solid rgba(16,185,129,.2)}.gas-item.highlight span:last-child{color:var(--primary-color)}.bm-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}@media (max-width:768px){.blockchain-monitor-container{padding:16px}.bm-header{flex-direction:column;gap:16px}.bm-header-left h1{font-size:22px}.bm-header-right{flex-wrap:wrap;width:100%}.wallet-connected{flex:1 1;justify-content:center}.bm-filter-row{flex-direction:column}.bm-filter-group{width:100%}.bm-filter-group input,.bm-filter-group select{min-width:auto;width:100%}.bm-table td,.bm-table th{font-size:12px;padding:12px 10px}.type-badge{font-size:11px;padding:4px 8px}.bm-modal{border-radius:16px;max-height:85vh}}.ri-spin{animation:spin 1s linear infinite}[data-theme=dark] .bm-admin-analytics,[data-theme=dark] .bm-filters,[data-theme=dark] .bm-stat-card,[data-theme=dark] .bm-transactions-section{background:var(--bg-secondary)}[data-theme=dark] .bm-modal{box-shadow:0 20px 60px rgba(0,0,0,.5)}.action-btn:focus,.bm-btn:focus,.bm-filter-group input:focus,.bm-filter-group select:focus,.pagination-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.action-btn,.bm-filters,.bm-header-right,.bm-pagination{display:none!important}.blockchain-monitor-container{padding:0}.bm-stat-card,.bm-transactions-section{border:1px solid #ddd;box-shadow:none}}.activity-log-container{margin:0 auto;max-width:1400px;padding:24px}.activity-log-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.header-title h1{color:#1f2937;color:var(--text-primary,#1f2937);font-size:28px;font-weight:700;margin:0 0 8px}.header-title p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin:0}.header-actions{display:flex;gap:12px}.export-btn,.refresh-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.export-btn{background:#10b981;background:var(--primary-color,#10b981);color:#fff}.export-btn:hover:not(:disabled){background:#059669;background:var(--primary-dark,#059669);transform:translateY(-1px)}.export-btn:disabled{cursor:not-allowed;opacity:.6}.refresh-btn{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#374151;color:var(--text-primary,#374151)}.refresh-btn:hover{background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb)}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;gap:16px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;display:flex;font-size:32px;height:56px;justify-content:center;width:56px}.stat-card.total .stat-icon{background:rgba(59,130,246,.1)}.stat-card.today .stat-icon{background:rgba(16,185,129,.1)}.stat-card.recent .stat-icon{background:rgba(245,158,11,.1)}.stat-card.categories .stat-icon{background:rgba(139,92,246,.1)}.stat-content{flex:1 1}.stat-value{color:#1f2937;color:var(--text-primary,#1f2937);font-size:28px;font-weight:700}.stat-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;margin-top:4px}.category-breakdown{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:24px;padding:20px}.category-breakdown h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:16px;font-weight:600;margin:0 0 16px}.category-bars{gap:12px}.category-bar-item,.category-bars{display:flex;flex-direction:column}.category-bar-item{gap:4px}.category-bar-label{display:flex;font-size:13px;justify-content:space-between}.category-name{color:#374151;color:var(--text-primary,#374151);font-weight:500;text-transform:capitalize}.category-count{color:#6b7280;color:var(--text-secondary,#6b7280)}.category-bar-track{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:4px;height:8px;overflow:hidden}.category-bar-fill{border-radius:4px;height:100%;min-width:4px;transition:width .5s ease}.filters-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:24px;padding:20px}.filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:140px}.filter-group.search-group{flex:1 1;min-width:200px}.filter-group label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.filter-group input,.filter-group select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#374151;color:var(--text-primary,#374151);font-size:14px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.filter-group input:focus,.filter-group select:focus{border-color:#10b981;border-color:var(--primary-color,#10b981);box-shadow:0 0 0 3px rgba(16,185,129,.1);outline:none}.reset-filters-btn{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s ease}.reset-filters-btn:hover{background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb);color:#374151;color:var(--text-primary,#374151)}.activities-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:20px}.activities-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.activities-header h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:16px;font-weight:600;margin:0}.activity-count{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-top-color:#10b981;border:4px solid var(--bg-secondary,#f3f4f6);border-top-color:var(--primary-color,#10b981);height:48px;margin-bottom:16px;width:48px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{color:#1f2937;color:var(--text-primary,#1f2937);margin:0 0 8px}.empty-state p{color:#6b7280;color:var(--text-secondary,#6b7280);margin:0}.activities-timeline{display:flex;flex-direction:column}.activity-item{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-color,#f3f4f6);padding:16px;transition:background .2s ease}.activity-item:hover{background:#f9fafb;background:var(--bg-hover,#f9fafb)}.activity-icon{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:10px;font-size:24px}.activity-main{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.activity-description{color:#1f2937;color:var(--text-primary,#1f2937);font-weight:500}.activity-status{border-radius:12px;font-size:11px;font-weight:600;padding:3px 8px;text-transform:uppercase}.status-success{background:rgba(16,185,129,.1);color:#059669}.status-failed{background:rgba(239,68,68,.1);color:#dc2626}.status-pending{background:rgba(245,158,11,.1);color:#d97706}.status-default{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#6b7280;color:var(--text-secondary,#6b7280)}.activity-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.activity-category{border-radius:6px;color:#fff;font-size:11px;font-weight:500;padding:3px 8px;text-transform:capitalize}.activity-action-type{text-transform:capitalize}.activity-action-type,.activity-target{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px}.activity-target{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-time{align-items:flex-end;display:flex;flex-direction:column;min-width:100px}.relative-time{color:#374151;color:var(--text-primary,#374151);font-size:13px;font-weight:500}.full-time{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:11px;margin-top:4px}.pagination{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);gap:16px;margin-top:24px;padding-top:24px}.page-btn{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#374151;color:var(--text-primary,#374151);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.page-btn:hover:not(:disabled){background:#10b981;background:var(--primary-color,#10b981);border-color:#10b981;border-color:var(--primary-color,#10b981);color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.detail-modal{max-width:700px}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#1f2937;color:var(--text-primary,#1f2937);font-weight:600;gap:10px;margin:0}.modal-close,.modal-header h2{align-items:center;display:flex;font-size:18px}.modal-close{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modal-close:hover{background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb);color:#374151;color:var(--text-primary,#374151)}.modal-body{overflow-y:auto;padding:24px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px}.detail-value.highlight{font-weight:600;text-transform:capitalize}.detail-value.mono{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:6px;font-family:Monaco,Consolas,monospace;font-size:13px;padding:6px 10px}.detail-value.small{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;word-break:break-word}.detail-value.category-badge{color:#fff}.detail-value.category-badge,.detail-value.status-badge{border-radius:6px;display:inline-block;font-weight:500;padding:4px 12px;text-transform:capitalize}.metadata-display{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:8px;color:#374151;color:var(--text-primary,#374151);font-family:Monaco,Consolas,monospace;font-size:12px;margin:0;overflow-x:auto;padding:16px}.activity-log-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);margin-top:24px;padding-top:16px}.footer-info{align-items:center;color:#9ca3af;color:var(--text-tertiary,#9ca3af);display:flex;font-size:12px;gap:12px;justify-content:center}@media (prefers-color-scheme:dark){.activity-log-container{background:#1f2937;background:var(--bg-dark,#1f2937)}.activities-section,.category-breakdown,.filters-section,.modal-content,.stat-card{background:#374151;background:var(--bg-card-dark,#374151);border-color:#4b5563;border-color:var(--border-dark,#4b5563)}.activities-header h3,.activity-description,.detail-value,.header-title h1,.stat-value{color:#f9fafb;color:var(--text-primary-dark,#f9fafb)}}@media (max-width:768px){.activity-log-container{padding:16px}.activity-log-header{align-items:stretch;flex-direction:column}.header-actions{width:100%}.export-btn,.refresh-btn{flex:1 1;justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-row{flex-direction:column}.filter-group{width:100%}.activity-item{align-items:stretch;flex-direction:column}.activity-icon{align-self:flex-start}.activity-time{align-items:flex-start;margin-top:8px}.detail-grid{grid-template-columns:1fr}}.help-support-page{background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.help-hero{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);overflow:hidden;padding:60px 30px;position:relative;text-align:center}.help-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.help-hero-content{margin:0 auto;max-width:700px;position:relative;z-index:1}.help-hero h1{align-items:center;color:#fff;display:flex;font-size:2.5rem;font-weight:700;gap:12px;justify-content:center;margin-bottom:12px}.help-hero h1 i{font-size:2.8rem}.help-hero p{color:hsla(0,0%,100%,.9);font-size:1.1rem;margin-bottom:30px}.help-search{align-items:center;background:#fff;border-radius:50px;box-shadow:0 8px 30px rgba(0,0,0,.2);display:flex;margin:0 auto;max-width:600px;padding:6px 20px}.help-search i{color:var(--primary-color);font-size:1.4rem;margin-right:12px}.help-search input{background:transparent;border:none;color:#333;flex:1 1;font-size:1rem;outline:none;padding:12px 0}.help-search input::placeholder{color:#999}.clear-search{background:#e0e0e0;height:28px;transition:all .2s;width:28px}.clear-search:hover{background:#ccc}.clear-search i{color:#666;font-size:1rem;margin:0}.quick-links-section{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:30px}.quick-links-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.quick-link-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:15px;padding:20px;text-decoration:none;transition:all .3s ease}.quick-link-card:hover{border-color:var(--primary-color);box-shadow:0 5px 20px rgba(0,0,0,.1);transform:translateY(-2px)}.quick-link-icon{align-items:center;background:linear-gradient(135deg,var(--primary-light),var(--primary-color));border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.quick-link-icon i{color:#fff;font-size:1.4rem}.quick-link-info{flex:1 1}.quick-link-info h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:4px}.quick-link-info p{color:var(--text-secondary);font-size:.85rem;margin:0}.quick-link-card>i:last-child{color:var(--text-secondary);font-size:1.2rem;opacity:0;transform:translateX(-5px);transition:all .3s}.quick-link-card:hover>i:last-child{opacity:1;transform:translateX(0)}.help-main-content{margin:0 auto;max-width:1200px;padding:40px 30px}.section-header{margin-bottom:30px}.section-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.6rem;font-weight:700;gap:10px;margin-bottom:8px}.section-header h2 i{color:var(--primary-color)}.section-header p{color:var(--text-secondary);font-size:.95rem;margin:0}.faq-section{margin-bottom:60px}.faq-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:280px 1fr}.faq-categories{display:flex;flex-direction:column;gap:8px;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:20px}.category-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;text-align:left;transition:all .2s}.category-btn i{color:var(--text-secondary);font-size:1.2rem;text-align:center;width:24px}.category-btn span:first-of-type{color:var(--text-primary);flex:1 1;font-size:.9rem;font-weight:500}.faq-count{background:var(--bg-tertiary);border-radius:12px;color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:3px 8px}.category-btn:hover{background:var(--bg-primary);border-color:var(--primary-color)}.category-btn.active{background:var(--primary-color);border-color:var(--primary-color)}.category-btn.active i,.category-btn.active span:first-of-type{color:#fff}.category-btn.active .faq-count{background:hsla(0,0%,100%,.2);color:#fff}.faq-list{display:flex;flex-direction:column;gap:12px}.search-results-header{align-items:center;background:var(--primary-light);border-radius:10px;color:var(--primary-dark);display:flex;font-size:.9rem;font-weight:500;gap:10px;margin-bottom:10px;padding:12px 16px}.search-results-header i{font-size:1.1rem}.no-results{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:12px;padding:60px 20px;text-align:center}.no-results i{color:var(--text-secondary);font-size:3rem;margin-bottom:15px}.no-results h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:8px}.no-results p{color:var(--text-secondary);margin:0}.faq-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s}.faq-item.expanded,.faq-item:hover{border-color:var(--primary-color)}.faq-item.expanded{box-shadow:0 5px 20px rgba(0,0,0,.08)}.faq-question{align-items:center;background:transparent;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:15px;justify-content:space-between;padding:18px 20px;text-align:left;transition:all .2s;width:100%}.faq-question:hover{background:var(--bg-tertiary)}.faq-question i{color:var(--primary-color);font-size:1.2rem;transition:transform .3s}.faq-item.expanded .faq-question{background:var(--primary-color);color:#fff}.faq-item.expanded .faq-question i{color:#fff}.faq-answer{animation:slideDown .3s ease;padding:0 20px 20px}.answer-content{background:var(--bg-primary);border-left:4px solid var(--primary-color);border-radius:10px;padding:20px}.answer-content p{color:var(--text-primary);font-size:.9rem;line-height:1.7;margin:0 0 8px;white-space:pre-line}.answer-content p:last-child{margin-bottom:0}.faq-feedback{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:12px;margin-top:15px;padding-top:15px}.faq-feedback span{color:var(--text-secondary);font-size:.85rem}.feedback-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8rem;gap:5px;padding:6px 12px;transition:all .2s}.feedback-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.feedback-btn.yes:hover{background:rgba(34,197,94,.1);border-color:#22c55e;color:#22c55e}.feedback-btn.no:hover{background:rgba(239,68,68,.1);border-color:#ef4444;color:#ef4444}.contact-section{margin-bottom:60px}.contact-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1.2fr}.contact-info{display:flex;flex-direction:column;gap:20px}.contact-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;text-align:center;transition:all .3s}.contact-card:hover{border-color:var(--primary-color);box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-3px)}.contact-icon{align-items:center;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.contact-icon.support{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.contact-icon.developer{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.contact-icon.response{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark))}.contact-icon i{color:#fff;font-size:1.5rem}.contact-card h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:6px}.contact-card p{color:var(--text-secondary);font-size:.85rem;margin-bottom:12px}.contact-link{color:var(--primary-color);display:inline-block;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}.contact-link:hover{color:var(--primary-dark);text-decoration:underline}.response-time{color:var(--primary-color);display:inline-block;font-size:1.2rem;font-weight:700}.contact-form-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:30px}.contact-form-wrapper h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin-bottom:25px}.contact-form-wrapper h3 i{color:var(--primary-color)}.contact-form{display:flex;flex-direction:column;gap:20px}.form-status{align-items:center;border-radius:8px;display:flex;font-size:.9rem;gap:10px;padding:12px 16px}.form-status.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#16a34a}.form-status.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#dc2626}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group label{font-size:.85rem}.form-group input,.form-group select,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:12px 14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.form-group textarea{min-height:120px;resize:vertical}.form-group select,.submit-btn{cursor:pointer}.submit-btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:10px;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:14px 28px;transition:all .3s}.submit-btn:hover:not(:disabled){box-shadow:0 5px 20px rgba(var(--primary-rgb),.4);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.submit-btn .spin{animation:spin 1s linear infinite}.resources-section{margin-bottom:60px}.resources-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.resource-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:25px;transition:all .3s}.resource-card:hover{border-color:var(--primary-color);box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-3px)}.resource-card>i{color:var(--primary-color);display:block;font-size:2.5rem;margin-bottom:15px}.resource-card h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:8px}.resource-card p{color:var(--text-secondary);font-size:.85rem;margin-bottom:15px}.resource-card ul{list-style:none;margin:0;padding:0}.resource-card li{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:.85rem;gap:8px;padding:8px 0}.resource-card li:last-child{border-bottom:none}.resource-card li:before{color:var(--primary-color);content:"•";font-weight:700}.resource-card kbd{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.05);display:inline-block;font-family:monospace;font-size:.75rem;padding:3px 7px}.help-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:40px 30px 20px}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto 20px;max-width:1200px}.footer-info h3{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin-bottom:5px}.footer-info p{color:var(--text-secondary);font-size:.9rem;margin:0}.footer-links{flex-wrap:wrap;gap:25px}.footer-links a{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px}.footer-links a:hover{color:var(--primary-color)}.footer-links a i{font-size:1.1rem}.footer-copyright{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.85rem;margin:0 auto;max-width:1200px;padding-top:20px;text-align:center}@media (max-width:992px){.faq-container{grid-template-columns:1fr}.faq-categories{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;position:static}.category-btn{flex:0 0 auto;padding:10px 14px}.category-btn span:first-of-type{font-size:.85rem}.contact-container{grid-template-columns:1fr}.contact-info{display:grid;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.help-hero{padding:40px 20px}.help-hero h1{font-size:1.8rem}.help-hero h1 i{font-size:2rem}.help-hero p{font-size:1rem}.help-search{padding:4px 15px}.quick-links-section{padding:20px}.quick-links-grid{grid-template-columns:1fr}.help-main-content{padding:30px 20px}.section-header h2{font-size:1.3rem}.contact-info,.form-row,.resources-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}}@media (max-width:480px){.faq-categories{flex-direction:column}.category-btn{width:100%}.faq-question{font-size:.9rem;padding:15px}.answer-content{padding:15px}.answer-content p{font-size:.85rem}.contact-form-wrapper{padding:20px}.submit-btn{width:100%}}.profile-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:1000}.profile-overlay.show{opacity:1;visibility:visible}.profile-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.15);max-height:90vh;max-width:500px;overflow-y:auto;transform:scale(.9);transition:transform .3s ease;width:90%}.profile-header{background:linear-gradient(135deg,var(--g-700),var(--g-500));border-radius:20px 20px 0 0;padding:2rem}.profile-close{border:none;border-radius:50%;font-size:1.2rem;height:2.5rem;right:1rem;top:1rem;transition:background .2s ease;width:2.5rem}.profile-avatar{background:hsla(0,0%,100%,.3);height:4rem;margin:0 auto 1rem;width:4rem}.profile-avatar,.profile-name{font-size:1.5rem;font-weight:600}.profile-name{margin-bottom:.25rem}.profile-role{font-size:.875rem}.profile-content{color:#374151;padding:2rem}.profile-section{margin-bottom:2rem}.profile-section h3{color:#111827;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.profile-section h3 i{color:var(--g-600)}.profile-detail{gap:.75rem;margin-bottom:1rem}.profile-detail-icon{background:rgba(16,185,129,.1);border-radius:50%;color:var(--g-600);font-size:.875rem;height:2.5rem;width:2.5rem}.profile-detail-label{color:#6b7280;font-size:.875rem;margin-bottom:.125rem}.profile-detail-value{color:#111827;font-size:.875rem}.profile-stats{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-top:1rem}.profile-stat{background:linear-gradient(135deg,var(--g-50),var(--g-100));padding:1rem}.profile-stat-value{color:var(--g-600);font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.profile-stat-label{color:#6b7280;font-size:.75rem}.dark .profile-modal{background:#1f2937;color:#fff}.dark .profile-content{color:#e5e7eb}.dark .profile-detail-value,.dark .profile-section h3{color:#fff}.dark .profile-stat{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.05))}@media (max-width:768px){.profile-modal{margin:1rem;max-height:calc(100vh - 2rem)}.profile-content,.profile-header{padding:1.5rem}.profile-stats{grid-template-columns:1fr 1fr}}.profile-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.profile-loading i{font-size:2rem}.profile-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.profile-section-header h3{margin-bottom:0}.profile-edit-btn{align-items:center;background:transparent;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.75rem;gap:.375rem;padding:.375rem .75rem;transition:all .2s ease}.profile-edit-btn:hover{background:#f3f4f6;color:#374151}.profile-edit-form{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.profile-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.profile-form-group{display:flex;flex-direction:column;gap:.375rem}.profile-form-group label{color:#6b7280;font-size:.75rem;font-weight:500}.profile-form-group input{border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-size:.875rem;padding:.625rem .875rem;transition:border-color .2s ease,box-shadow .2s ease}.profile-form-group input:focus{border-color:var(--g-500);box-shadow:0 0 0 3px rgba(16,185,129,.1);outline:none}.profile-save-btn{align-items:center;background:#059669;background:var(--g-600,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.75rem 1rem;transition:background .2s ease}.profile-save-btn:hover:not(:disabled){background:#047857;background:var(--g-700,#047857)}.profile-save-btn:disabled{cursor:not-allowed;opacity:.6}.status-badge{display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .625rem}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.status-badge.verified{background:#dbeafe;color:#1e40af}.profile-logout-btn{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.875rem 1rem;transition:all .2s ease;width:100%}.profile-logout-btn:hover{background:#dc2626;border-color:#dc2626;color:#fff}.profile-logout-btn i{font-size:1.125rem}.dark .profile-edit-btn{border-color:#374151;color:#9ca3af}.dark .profile-edit-btn:hover,.dark .profile-form-group input{background:#374151;color:#f3f4f6}.dark .profile-form-group input{border-color:#4b5563}.dark .profile-form-group input:focus{border-color:var(--g-500)}.dark .profile-logout-btn{background:rgba(220,38,38,.1);border-color:rgba(220,38,38,.3)}.add-user-container{animation:fadeIn .3s ease;padding:24px}.add-user-header{margin-bottom:32px}.add-user-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.add-user-header h1 i{color:var(--primary-color);font-size:32px}.add-user-header p{color:var(--text-secondary);font-size:15px;margin:0}.role-selection h2{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:24px}.role-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:16px}.role-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;cursor:pointer;padding:28px;text-align:center;transition:all .3s ease}.role-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.15);transform:translateY(-4px)}.role-card.admin-card:hover{border-color:#ef4444;box-shadow:0 12px 40px rgba(239,68,68,.2)}.role-card.faculty-card:hover{border-color:#8b5cf6;box-shadow:0 12px 40px rgba(139,92,246,.2)}.role-card.student-card:hover{border-color:#10b981;box-shadow:0 12px 40px rgba(16,185,129,.2)}.role-icon{align-items:center;border-radius:50%;display:flex;height:72px;justify-content:center;margin:0 auto 16px;width:72px}.role-icon i{color:#fff;font-size:32px}.role-card h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 8px}.role-card>p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 16px}.role-features{display:flex;flex-direction:column;gap:8px}.role-features span{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;justify-content:center}.role-features span i{color:var(--primary-color);font-size:14px}.user-form-container{animation:slideIn .3s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px}.form-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.back-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 16px;transition:all .2s ease;white-space:nowrap;width:auto}.back-btn i{display:inline-block;flex-shrink:0;font-size:18px;line-height:1}.back-btn:hover{background:var(--bg-hover);border-color:var(--primary-color)}.selected-role-badge{align-items:center;border-radius:30px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px}.selected-role-badge i{font-size:18px}.alert{animation:shake .3s ease;border-radius:12px;font-size:14px;font-weight:500;gap:12px;margin-bottom:20px;padding:14px 18px}.alert i{flex-shrink:0;font-size:20px}.alert-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}.alert-success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#10b981}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.user-form{display:flex;flex-direction:column;gap:24px}.form-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.form-section.optional{border-style:dashed;opacity:.9}.form-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 16px}.form-section h3 i{color:var(--primary-color);font-size:20px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{align-items:center;color:var(--text-primary);display:flex;font-size:13px;font-weight:600;gap:4px}.form-group label .required{color:#ef4444}.form-group label .optional-tag{background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary);font-size:11px;font-weight:500;margin-left:8px;padding:2px 8px}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper>i:first-child{color:var(--text-secondary);font-size:18px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.input-wrapper input,.input-wrapper select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;padding:14px 14px 14px 48px;transition:all .2s ease;width:100%}.input-wrapper input:focus,.input-wrapper select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(16,185,129,.1);outline:none}.input-wrapper input::placeholder{color:var(--text-secondary);opacity:.7}.input-wrapper.phone-input{display:flex}.input-wrapper.phone-input .country-code{background:var(--bg-tertiary);border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:600;left:16px;padding:4px 10px;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.input-wrapper.phone-input input{padding-left:72px}.input-wrapper.select-wrapper select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:40px}.input-wrapper.select-wrapper:after{color:var(--text-secondary);content:"\eb29";font-family:remixicon;pointer-events:none;position:absolute;right:14px}.institution-readonly{background:var(--bg-tertiary)!important;color:var(--text-secondary)!important;cursor:not-allowed}.field-hint{color:var(--text-muted);display:block;font-size:12px;margin-top:6px}.toggle-password{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px}.toggle-password:hover{color:var(--primary-color)}.toggle-password i{font-size:18px}.helper-text{color:var(--text-secondary);font-size:12px;margin-top:4px}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--primary-color),#059669);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark,#059669));color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px rgba(16,185,129,.3);transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.7}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.btn-primary i,.btn-secondary i{font-size:18px}.spinner{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:18px;width:18px}@media (max-width:640px){.add-user-container{padding:16px}.add-user-header h1{font-size:22px}.role-cards{grid-template-columns:1fr}.form-header{align-items:flex-start;flex-direction:column}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}}[data-theme=dark] .form-section,[data-theme=dark] .role-card{background:var(--bg-tertiary)}[data-theme=dark] .back-btn,[data-theme=dark] .input-wrapper input,[data-theme=dark] .input-wrapper select{background:var(--bg-primary)}.user-management-container{margin:0 auto;max-width:1600px;padding:24px}.um-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.um-header-left h1{align-items:center;color:var(--text-primary);display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 4px}.um-header-left h1 i{color:var(--primary-color)}.um-header-left p{color:var(--text-secondary);font-size:14px;margin:0}.um-header-right{display:flex;gap:12px}.um-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.um-btn i{font-size:18px}.um-btn.primary{background:linear-gradient(135deg,var(--primary-color),#0f8a5f);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark,#0f8a5f));color:#fff}.um-btn.primary:hover{box-shadow:0 4px 15px rgba(16,185,129,.3);transform:translateY(-2px)}.um-btn.secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.um-btn.secondary:hover{background:var(--bg-hover)}.um-btn.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.um-btn.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.um-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.um-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.um-btn-spinner{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;width:16px}.um-analytics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(6,1fr);margin-bottom:24px}.um-stat-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.um-stat-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.08);transform:translateY(-2px)}.um-stat-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.um-stat-card.total .um-stat-icon{background:linear-gradient(135deg,#3b82f620,#3b82f610);color:#3b82f6}.um-stat-card.students .um-stat-icon{background:linear-gradient(135deg,#10b98120,#10b98110);color:#10b981}.um-stat-card.faculty .um-stat-icon{background:linear-gradient(135deg,#8b5cf620,#8b5cf610);color:#8b5cf6}.um-stat-card.admins .um-stat-icon{background:linear-gradient(135deg,#ef444420,#ef444410);color:#ef4444}.um-stat-card.active .um-stat-icon{background:linear-gradient(135deg,#22c55e20,#22c55e10);color:#22c55e}.um-stat-card.new .um-stat-icon{background:linear-gradient(135deg,#f59e0b20,#f59e0b10);color:#f59e0b}.um-stat-info{display:flex;flex-direction:column}.um-stat-value{color:var(--text-primary);font-size:28px;font-weight:800;line-height:1}.um-stat-label{color:var(--text-secondary);font-size:13px;margin-top:4px}.um-filters-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px 20px}.um-search-box{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex:1 1;gap:12px;padding:12px 16px}.um-search-box i{color:var(--text-secondary);font-size:20px}.um-search-box input{background:transparent;border:none;color:var(--text-primary);flex:1 1;font-size:15px;outline:none}.um-search-box input::placeholder{color:var(--text-muted)}.um-clear-search{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px}.um-clear-search:hover{color:var(--text-primary)}.um-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.um-filter-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;min-width:130px;outline:none;padding:10px 14px;transition:all .2s ease}.um-filter-select:focus,.um-filter-select:hover{border-color:var(--primary-color)}.um-filter-select:focus{box-shadow:0 0 0 3px rgba(16,185,129,.1)}.um-filter-select.sort{background:var(--bg-secondary);background:var(--bg-tertiary,var(--bg-secondary))}.um-clear-filters{align-items:center;background:transparent;border:1px dashed var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:10px 14px;transition:all .2s ease}.um-clear-filters:hover{background:var(--bg-hover);border-color:var(--text-secondary);color:var(--text-primary)}.um-results-info{color:var(--text-secondary);font-size:14px;margin-bottom:12px;padding:0 4px}.um-results-info strong{color:var(--text-primary)}.um-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;gap:12px;margin-bottom:16px;padding:16px 20px}.um-error i{font-size:20px}.um-error button{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-left:auto;padding:6px 12px}.um-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.um-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:16px;width:40px}.um-table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.um-table{border-collapse:collapse;width:100%}.um-table th{background:var(--bg-primary);background:var(--bg-tertiary,var(--bg-primary));color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.um-table td,.um-table th{border-bottom:1px solid var(--border-color);padding:16px 20px}.um-table td{vertical-align:middle}.um-table tbody tr{cursor:pointer;transition:background .15s ease}.um-table tbody tr:hover{background:var(--bg-hover)}.um-table tbody tr:last-child td{border-bottom:none}.um-user-cell{gap:14px}.um-avatar,.um-user-cell{align-items:center;display:flex}.um-avatar{border-radius:12px;flex-shrink:0;font-size:16px;font-weight:700;height:44px;justify-content:center;width:44px}.um-user-info{display:flex;flex-direction:column;gap:2px}.um-user-name{color:var(--text-primary);font-size:14px;font-weight:600}.um-user-id{color:var(--text-secondary);font-size:12px}.um-role-cell{display:flex;flex-direction:column;gap:4px}.um-role-badge{border-radius:999px;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize;width:-webkit-fit-content;width:fit-content}.um-dept{color:var(--text-primary);font-size:13px}.um-section{color:var(--text-secondary);font-size:12px}.um-contact-cell{display:flex;flex-direction:column;gap:2px}.um-email{color:var(--text-primary);font-size:13px}.um-phone{color:var(--text-secondary);font-size:12px}.um-date-cell{display:flex;flex-direction:column;gap:2px}.um-date-cell span:first-child{color:var(--text-primary);font-size:13px}.um-time-ago{color:var(--text-muted);font-size:11px}.um-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;text-transform:capitalize}.um-status-badge.active{background:#dcfce7;color:#16a34a}.um-status-badge.pending{background:#fef3c7;color:#d97706}.um-status-badge.banned,.um-status-badge.suspended{background:#fee2e2;color:#dc2626}.um-no-results{padding:60px 20px!important;text-align:center}.um-no-results i{color:var(--text-muted);display:block;font-size:48px;margin-bottom:16px}.um-no-results p{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.um-no-results span{color:var(--text-secondary);font-size:14px}.um-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.um-modal{animation:slideUp .3s ease;background:var(--bg-primary);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.2);display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.um-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.um-modal-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:700;gap:10px;margin:0}.um-modal-header h2 i{color:var(--primary-color)}.um-modal-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.um-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.um-modal-body{flex:1 1;overflow-y:auto;padding:24px}.um-profile-header{align-items:center;background:linear-gradient(135deg,var(--primary-color)10,var(--primary-color)5);border-radius:16px;display:flex;gap:20px;margin-bottom:24px;padding:24px}.um-profile-avatar{align-items:center;border-radius:20px;color:#fff;display:flex;flex-shrink:0;font-size:28px;font-weight:800;height:80px;justify-content:center;width:80px}.um-profile-basic{display:flex;flex-direction:column;gap:8px}.um-profile-basic h3{color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.um-profile-role{align-items:center;border-radius:999px;color:#fff;gap:6px;padding:6px 12px}.um-profile-role,.um-profile-status{display:inline-flex;font-size:12px;font-weight:600;text-transform:capitalize;width:-webkit-fit-content;width:fit-content}.um-profile-status{border-radius:6px;padding:4px 10px}.um-profile-status.active{background:#dcfce7;color:#16a34a}.um-profile-status.pending{background:#fef3c7;color:#d97706}.um-profile-status.suspended{background:#fee2e2;color:#dc2626}.um-profile-details{display:flex;flex-direction:column;gap:20px}.um-detail-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:20px}.um-detail-section h4{align-items:center;color:var(--primary-color);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 16px}.um-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.um-detail-item{display:flex;flex-direction:column;gap:4px}.um-detail-label{color:var(--text-secondary);font-size:12px;font-weight:500}.um-detail-value{color:var(--text-primary);font-size:14px;font-weight:600}.um-detail-value.um-wallet{font-family:SF Mono,Monaco,monospace;font-size:12px;word-break:break-all}.um-status-text.active{color:#16a34a}.um-status-text.pending{color:#d97706}.um-status-text.suspended{color:#dc2626}.um-edit-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:24px}.um-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.um-form-group{display:flex;flex-direction:column;gap:6px}.um-form-group label{color:var(--text-secondary);font-size:13px;font-weight:600}.um-form-group input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;outline:none;padding:12px 14px;transition:all .2s ease}.um-form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.um-form-group.full-width{grid-column:1/-1}.um-form-group select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:14px;outline:none;padding:12px 14px;transition:all .2s ease}.um-form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.um-department-change-notice{align-items:flex-start;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#d97706;display:flex;font-size:12px;gap:8px;line-height:1.4;margin-top:8px;padding:10px 12px}.um-department-change-notice i{flex-shrink:0;margin-top:1px}.um-field-hint{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:6px;margin-top:6px}.um-field-hint i{font-size:14px}.um-password-input-group{position:relative}.um-password-input-group input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;outline:none;padding:12px 14px;transition:all .2s ease;width:100%}.um-password-input-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.um-section-select:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.um-edit-actions,.um-modal-actions{display:flex;gap:12px}.um-modal-actions{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:20px 24px}.um-notification{align-items:center;animation:slideIn .3s ease;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);color:#fff;display:flex;font-size:14px;font-weight:600;gap:10px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:2000}.um-notification.success{background:linear-gradient(135deg,#10b981,#059669)}.um-notification.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.um-notification.info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.um-notification.fade-out{animation:slideOut .3s ease forwards}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:1200px){.um-analytics{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.um-analytics{grid-template-columns:repeat(2,1fr)}.um-header{align-items:flex-start;flex-direction:column}.um-detail-grid,.um-form-grid{grid-template-columns:1fr}.um-modal-actions{flex-wrap:wrap}.um-modal-actions .um-btn{flex:1 1;justify-content:center;min-width:140px}}@media (max-width:640px){.user-management-container{padding:16px}.um-analytics{grid-template-columns:1fr 1fr}.um-stat-card{padding:16px}.um-stat-value{font-size:22px}.um-filters{flex-direction:column}.um-filter-select{width:100%}.um-table td,.um-table th{padding:12px 14px}.um-table td:nth-child(3),.um-table td:nth-child(4),.um-table td:nth-child(5),.um-table th:nth-child(3),.um-table th:nth-child(4),.um-table th:nth-child(5){display:none}.um-profile-header{flex-direction:column;text-align:center}.um-profile-basic{align-items:center}}[data-theme=dark] .um-error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}[data-theme=dark] .um-status-badge.active{background:rgba(22,163,74,.15)}[data-theme=dark] .um-status-badge.pending{background:rgba(217,119,6,.15)}[data-theme=dark] .um-status-badge.suspended{background:rgba(220,38,38,.15)}[data-theme=dark] .um-profile-status.active{background:rgba(22,163,74,.15)}[data-theme=dark] .um-profile-status.pending{background:rgba(217,119,6,.15)}[data-theme=dark] .um-profile-status.suspended{background:rgba(220,38,38,.15)}[data-theme=dark] .um-profile-header{background:linear-gradient(135deg,var(--primary-color)15,var(--primary-color)5)}.um-confirm-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.um-confirm-modal{animation:scaleIn .2s ease;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.25);max-width:420px;padding:32px;text-align:center;width:90%}.um-confirm-icon{align-items:center;border-radius:50%;display:flex;font-size:36px;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.um-confirm-icon.warning{background:rgba(245,158,11,.15);color:#f59e0b}.um-confirm-icon.danger{background:rgba(239,68,68,.15);color:#ef4444}.um-confirm-icon.success{background:rgba(34,197,94,.15);color:#22c55e}.um-confirm-title{color:var(--text-primary);font-size:22px;font-weight:700;margin:0 0 12px}.um-confirm-message{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0 0 28px}.um-confirm-actions{display:flex;gap:12px;justify-content:center}.um-confirm-actions .um-btn{justify-content:center;min-width:120px}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.im-container{min-height:100vh;padding:24px}.im-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.im-spinner{animation:im-spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}@keyframes im-spin{to{transform:rotate(1turn)}}.im-loading p{color:var(--text-muted);font-size:14px}.im-notification{align-items:center;animation:im-slideIn .3s ease;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);display:flex;font-size:14px;font-weight:500;gap:10px;padding:14px 20px;position:fixed;right:20px;top:20px;z-index:10000}.im-notification.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.im-notification.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}@keyframes im-slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.im-header{margin-bottom:24px}.im-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:26px;font-weight:700;gap:12px;margin:0 0 6px}.im-header h1 i{color:var(--primary-color);font-size:30px}.im-header p{color:var(--text-secondary);font-size:14px;margin:0}.im-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:12px 12px 0 0;display:flex;gap:0;margin:0;padding:0;position:relative}.im-tabs:after{background:linear-gradient(135deg,var(--primary-color),#0f8a5f);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark,#0f8a5f));border-radius:3px 3px 0 0;bottom:0;box-shadow:0 0 8px rgba(16,185,129,.4);content:"";height:3px;left:0;position:absolute;transition:transform .35s cubic-bezier(.4,0,.2,1);width:33.333%}.im-tabs[data-active=details]:after{transform:translateX(0)}.im-tabs[data-active=departments]:after{transform:translateX(100%)}.im-tabs[data-active=sections]:after{transform:translateX(200%)}.im-tab{background:none;border:none;border-bottom:3px solid transparent;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;letter-spacing:.3px;margin:0;padding:16px 0;position:relative;text-align:center;text-transform:uppercase;transition:color .3s ease,background .3s ease,transform .2s ease;z-index:1}.im-tab:focus{outline:2px solid var(--primary-color);outline-offset:-2px}.im-tab.active{background:var(--bg-primary);border-bottom-color:transparent;color:var(--primary-color)}.im-tab:hover:not(.active){background:rgba(0,0,0,.05);background:var(--bg-tertiary,var(--bg-hover,rgba(0,0,0,.05)));color:var(--text-primary)}.im-tab:active{transform:scale(.98)}.im-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:0 0 12px 12px;border-top:none;min-height:400px}.im-tab-content{animation:im-fadeIn .3s ease;padding:24px}@keyframes im-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.im-details-card{background:var(--bg-secondary);border-radius:12px;padding:24px}.im-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.im-detail-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:14px;padding:16px;transition:box-shadow .2s ease}.im-detail-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.05)}.im-detail-item.full-width{grid-column:1/-1}.im-detail-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),#0f8a5f);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark,#0f8a5f));border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.im-detail-icon i{color:#fff;font-size:18px}.im-detail-content{display:flex;flex-direction:column;gap:4px;min-width:0}.im-detail-label{color:var(--text-muted);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.im-detail-value{color:var(--text-primary);font-size:15px;font-weight:500;word-break:break-word}.im-detail-value.id-value{background:var(--bg-secondary);border-radius:6px;display:inline-block;font-family:Roboto Mono,monospace;font-size:13px;padding:4px 8px}.im-detail-value a{color:var(--primary-color);text-decoration:none}.im-detail-value a:hover{text-decoration:underline}.im-edit-btn-wrapper{display:flex;justify-content:center;margin-top:24px}.im-edit-form{display:flex;flex-direction:column;gap:20px}.im-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.im-form-group{display:flex;flex-direction:column;gap:8px}.im-form-group.full-width{grid-column:1/-1}.im-form-group label{color:var(--text-primary);font-size:13px;font-weight:600}.im-form-group input,.im-form-group select,.im-form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease}.im-form-group input:focus,.im-form-group select:focus,.im-form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(16,185,129,.1);outline:none}.im-form-group textarea{min-height:80px;resize:vertical}.im-form-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:20px}.im-section-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.im-section-info{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:10px}.im-count-badge{background:var(--primary-color);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:4px 12px}.im-filter-group{align-items:center;display:flex;gap:12px}.im-filter-group label{color:var(--text-secondary);font-size:14px;font-weight:500}.im-filter-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:14px;min-width:200px;padding:10px 14px}.im-filter-select:focus{border-color:var(--primary-color);outline:none}.im-list{display:flex;flex-direction:column;gap:12px}.im-list-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.im-list-item:hover{border-color:var(--primary-color);box-shadow:0 2px 12px rgba(16,185,129,.1)}.im-list-item-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),#0f8a5f);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark,#0f8a5f));border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.im-list-item-icon i{color:#fff;font-size:20px}.im-list-item-info{flex:1 1;min-width:0}.im-list-item-name{color:var(--text-primary);display:block;font-size:15px;font-weight:600;margin-bottom:4px}.im-list-item-meta{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:8px}.im-list-item-meta i{font-size:14px}.im-separator{color:var(--border-color)}.im-menu-container{position:relative}.im-menu-trigger{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.im-menu-trigger:hover{background:rgba(0,0,0,.05);background:var(--bg-tertiary,rgba(0,0,0,.05));color:var(--text-primary)}.im-menu-trigger i{font-size:20px}.im-dropdown-menu{animation:im-dropdownFade .2s ease;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.15);min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}@keyframes im-dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.im-dropdown-menu button{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;transition:background .2s ease;width:100%}.im-dropdown-menu button:hover{background:var(--bg-secondary)}.im-dropdown-menu button.danger{color:#ef4444}.im-dropdown-menu button.danger:hover{background:rgba(239,68,68,.1)}.im-dropdown-menu button i{font-size:16px}.im-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.im-empty-state i{color:var(--text-muted);font-size:56px;margin-bottom:16px;opacity:.4}.im-empty-state h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.im-empty-state p{color:var(--text-muted);font-size:14px;margin:0 0 20px}.im-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.im-btn i{font-size:18px}.im-btn.primary{background:linear-gradient(135deg,var(--primary-color),#0f8a5f);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark,#0f8a5f));color:#fff}.im-btn.primary:hover:not(:disabled){box-shadow:0 4px 12px rgba(16,185,129,.3);transform:translateY(-2px)}.im-btn.secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.im-btn.secondary:hover:not(:disabled){background:var(--bg-hover);background:var(--bg-tertiary,var(--bg-hover))}.im-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.im-btn.danger:hover:not(:disabled){box-shadow:0 4px 12px rgba(239,68,68,.3);transform:translateY(-2px)}.im-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.im-btn-spinner{animation:im-spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;width:16px}.im-modal-overlay{align-items:center;animation:im-overlayFade .2s ease;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes im-overlayFade{0%{opacity:0}to{opacity:1}}.im-modal{animation:im-modalSlide .3s ease;background:var(--bg-primary);border-radius:16px;max-height:90vh;max-width:480px;overflow:hidden;width:100%}@keyframes im-modalSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.im-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.im-modal-header h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.im-modal-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.im-modal-close:hover{background:rgba(0,0,0,.1);background:var(--bg-tertiary,rgba(0,0,0,.1));color:var(--text-primary)}.im-modal-close i{font-size:20px}.im-modal-body{max-height:calc(90vh - 160px);overflow-y:auto;padding:24px}.im-modal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.im-user-search{position:relative}.im-search-input{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:10px;padding:12px 14px}.im-search-input i{color:var(--text-muted);font-size:18px}.im-search-input input{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:14px;outline:none}.im-search-spinner{animation:im-spin .8s linear infinite;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:18px;width:18px}.im-selected-user{align-items:center;background:var(--bg-secondary);border:1px solid var(--primary-color);border-radius:10px;display:flex;justify-content:space-between;padding:12px 14px}.im-selected-user span{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:8px}.im-selected-user span i{color:var(--primary-color)}.im-selected-user button{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.im-selected-user button:hover{background:#ef4444;border-color:#ef4444;color:#fff}.im-search-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.1);left:0;margin-top:8px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.im-search-item{border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:12px 14px;transition:background .2s ease}.im-search-item:last-child{border-bottom:none}.im-search-item:hover{background:var(--bg-secondary)}.im-item-name{color:var(--text-primary);font-size:14px;font-weight:500}.im-item-email{color:var(--text-muted);font-size:12px}.im-confirm-modal{max-width:400px;padding:32px;text-align:center}.im-confirm-icon{align-items:center;background:rgba(239,68,68,.1);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.im-confirm-icon i{color:#ef4444;font-size:32px}.im-confirm-modal h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 12px}.im-confirm-modal p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 24px}.im-confirm-actions{display:flex;gap:12px;justify-content:center}@media (max-width:768px){.im-container{padding:16px}.im-header h1{font-size:22px}.im-header h1 i{font-size:26px}.im-tab{font-size:11px;padding:14px 0}.im-tab-content{padding:16px}.im-details-grid,.im-form-row{grid-template-columns:1fr}.im-section-header{gap:16px}.im-filter-group,.im-section-header{align-items:stretch;flex-direction:column}.im-filter-select{min-width:100%}.im-list-item{flex-wrap:wrap}.im-modal{margin:16px}}@media (max-width:480px){.im-tab{font-size:10px;padding:12px 0}.im-btn{font-size:13px;padding:10px 14px}.im-detail-item{padding:12px}.im-detail-icon{height:36px;width:36px}.im-detail-icon i{font-size:16px}}.account-requests-container{padding:24px}.ar-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.ar-header-left h1{align-items:center;color:var(--text-primary);display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 4px}.ar-header-left h1 i{color:var(--primary-color)}.ar-header-left p{color:var(--text-secondary);font-size:14px;margin:0}.ar-header-right{display:flex;gap:12px}.ar-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.ar-btn i{font-size:18px}.ar-btn.primary{background:linear-gradient(135deg,var(--primary-color),#0f8a5f);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark,#0f8a5f));color:#fff}.ar-btn.primary:hover{box-shadow:0 4px 15px rgba(16,185,129,.3);transform:translateY(-2px)}.ar-btn.secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.ar-btn.secondary:hover{background:var(--bg-hover)}.ar-btn.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.ar-btn.success:hover{box-shadow:0 4px 15px rgba(16,185,129,.3);transform:translateY(-2px)}.ar-btn.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.ar-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.ar-btn.danger:hover{box-shadow:0 4px 15px rgba(239,68,68,.3);transform:translateY(-2px)}.ar-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.ar-btn-spinner{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;width:16px}.ar-analytics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.ar-stat-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .2s ease}.ar-stat-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.08);transform:translateY(-2px)}.ar-stat-card.active{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.ar-stat-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.ar-stat-card.pending .ar-stat-icon{background:linear-gradient(135deg,#f59e0b20,#f59e0b10);color:#f59e0b}.ar-stat-card.approved .ar-stat-icon{background:linear-gradient(135deg,#10b98120,#10b98110);color:#10b981}.ar-stat-card.rejected .ar-stat-icon{background:linear-gradient(135deg,#ef444420,#ef444410);color:#ef4444}.ar-stat-card.new .ar-stat-icon{background:linear-gradient(135deg,#3b82f620,#3b82f610);color:#3b82f6}.ar-stat-info{display:flex;flex-direction:column}.ar-stat-value{color:var(--text-primary);font-size:28px;font-weight:800;line-height:1}.ar-stat-label{color:var(--text-secondary);font-size:13px;margin-top:4px}.ar-filters-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px 20px}.ar-search-box{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex:1 1;gap:12px;padding:12px 16px}.ar-search-box i{color:var(--text-secondary);font-size:20px}.ar-search-box input{background:transparent;border:none;color:var(--text-primary);flex:1 1;font-size:15px;outline:none}.ar-search-box input::placeholder{color:var(--text-muted)}.ar-clear-search{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px}.ar-clear-search:hover{color:var(--text-primary)}.ar-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ar-filter-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;min-width:130px;outline:none;padding:10px 14px;transition:all .2s ease}.ar-filter-select:focus,.ar-filter-select:hover{border-color:var(--primary-color)}.ar-filter-select:focus{box-shadow:0 0 0 3px rgba(16,185,129,.1)}.ar-filter-select.sort{background:var(--bg-secondary);background:var(--bg-tertiary,var(--bg-secondary))}.ar-clear-filters{align-items:center;background:transparent;border:1px dashed var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:10px 14px;transition:all .2s ease}.ar-clear-filters:hover{background:var(--bg-hover);border-color:var(--text-secondary);color:var(--text-primary)}.ar-results-info{color:var(--text-secondary);font-size:14px;margin-bottom:12px;padding:0 4px}.ar-results-info strong{color:var(--text-primary)}.ar-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;gap:12px;margin-bottom:16px;padding:16px 20px}.ar-error i{font-size:20px}.ar-error button{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-left:auto;padding:6px 12px}.ar-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.ar-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:16px;width:40px}.ar-table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.ar-table{border-collapse:collapse;width:100%}.ar-table th{background:var(--bg-primary);background:var(--bg-tertiary,var(--bg-primary));color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.ar-table td,.ar-table th{border-bottom:1px solid var(--border-color);padding:16px 20px}.ar-table td{vertical-align:middle}.ar-table tbody tr{cursor:pointer;transition:background .15s ease}.ar-table tbody tr:hover{background:var(--bg-hover)}.ar-table tbody tr:last-child td{border-bottom:none}.ar-user-cell{gap:14px}.ar-avatar,.ar-user-cell{align-items:center;display:flex}.ar-avatar{border-radius:12px;flex-shrink:0;font-size:16px;font-weight:700;height:44px;justify-content:center;width:44px}.ar-user-info{display:flex;flex-direction:column;gap:2px}.ar-user-name{color:var(--text-primary);font-size:14px;font-weight:600}.ar-user-id{color:var(--text-secondary);font-size:12px}.ar-role-badge{border-radius:999px;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.ar-contact-cell{display:flex;flex-direction:column;gap:2px}.ar-email{color:var(--text-primary);font-size:13px}.ar-phone{color:var(--text-secondary);font-size:12px}.ar-date-cell{display:flex;flex-direction:column;gap:2px}.ar-date-cell>span:first-child{color:var(--text-primary);font-size:13px}.ar-time-ago{color:var(--text-secondary);font-size:12px}.ar-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.ar-status-badge i{font-size:14px}.ar-actions{display:flex;gap:8px}.ar-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.ar-action-btn i{font-size:18px}.ar-action-btn.approve{background:rgba(16,185,129,.1);color:#10b981}.ar-action-btn.approve:hover{background:#10b981;color:#fff}.ar-action-btn.reject{background:rgba(239,68,68,.1);color:#ef4444}.ar-action-btn.reject:hover{background:#ef4444;color:#fff}.ar-action-btn.view{background:rgba(59,130,246,.1);color:#3b82f6}.ar-action-btn.view:hover{background:#3b82f6;color:#fff}.ar-no-results{padding:60px 20px!important;text-align:center}.ar-no-results i{color:var(--text-muted);display:block;font-size:48px;margin-bottom:16px}.ar-no-results p{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.ar-no-results span{color:var(--text-secondary);font-size:14px}.ar-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.ar-modal{background:var(--bg-primary);border-radius:20px;box-shadow:0 25px 60px rgba(0,0,0,.3);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.ar-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.ar-modal-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:700;gap:10px;margin:0}.ar-modal-header h2 i{color:var(--primary-color)}.ar-modal-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.ar-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.ar-modal-close i{font-size:20px}.ar-modal-body{padding:24px}.ar-profile-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:20px;margin-bottom:24px;padding-bottom:24px}.ar-profile-avatar{align-items:center;border-radius:20px;color:#fff;display:flex;flex-shrink:0;font-size:32px;font-weight:700;height:80px;justify-content:center;width:80px}.ar-profile-basic h3{color:var(--text-primary);font-size:22px;font-weight:700;margin:0 0 12px}.ar-profile-badges{display:flex;flex-wrap:wrap;gap:10px}.ar-profile-role{align-items:center;border-radius:999px;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px;text-transform:capitalize}.ar-profile-role i{font-size:16px}.ar-profile-status{align-items:center;border-radius:999px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px}.ar-profile-status i{font-size:16px}.ar-profile-details{display:flex;flex-direction:column;gap:24px}.ar-detail-section h4{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.ar-detail-section h4 i{color:var(--primary-color);font-size:18px}.ar-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.ar-detail-item{display:flex;flex-direction:column;gap:4px}.ar-detail-label{color:var(--text-secondary);font-size:12px;letter-spacing:.3px;text-transform:uppercase}.ar-detail-value{color:var(--text-primary);font-size:15px;font-weight:500}.ar-status-inline{align-items:center;display:inline-flex;gap:6px}.ar-status-inline i{font-size:16px}.ar-modal-actions{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:24px}.ar-approved-message{align-items:center;background:rgba(16,185,129,.1);border-radius:10px;color:#10b981;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:10px;padding:12px 16px}.ar-approved-message i{font-size:20px}.ar-confirm-modal{background:var(--bg-primary);border-radius:20px;box-shadow:0 25px 60px rgba(0,0,0,.3);max-width:420px;padding:32px;text-align:center;width:100%}.ar-confirm-icon{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.ar-confirm-icon i{font-size:32px}.ar-confirm-icon.success{background:rgba(16,185,129,.1);color:#10b981}.ar-confirm-icon.danger{background:rgba(239,68,68,.1);color:#ef4444}.ar-confirm-icon.warning{background:rgba(245,158,11,.1);color:#f59e0b}.ar-confirm-modal h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 12px}.ar-confirm-modal p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 24px}.ar-confirm-actions{display:flex;gap:12px;justify-content:center}.ar-confirm-actions .ar-btn{flex:1 1;justify-content:center}.ar-notification{align-items:center;animation:slideIn .3s ease;background:var(--bg-primary);border-left:4px solid var(--text-secondary);border-radius:12px;bottom:24px;box-shadow:0 10px 40px rgba(0,0,0,.15);display:flex;gap:12px;padding:14px 20px;position:fixed;right:24px;z-index:2000}.ar-notification.success{border-left-color:#10b981}.ar-notification.success i{color:#10b981}.ar-notification.error{border-left-color:#ef4444}.ar-notification.error i{color:#ef4444}.ar-notification.warning{border-left-color:#f59e0b}.ar-notification.warning i{color:#f59e0b}.ar-notification i{font-size:20px}.ar-notification span{color:var(--text-primary);font-size:14px;font-weight:500}.ar-notification.fade-out{animation:fadeOut .3s ease forwards}@keyframes fadeOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:1024px){.ar-analytics{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.account-requests-container{padding:16px}.ar-header{align-items:flex-start;flex-direction:column}.ar-analytics{gap:12px;grid-template-columns:repeat(2,1fr)}.ar-stat-card{padding:16px}.ar-stat-value{font-size:24px}.ar-filters-container{padding:12px 16px}.ar-filters{align-items:stretch;flex-direction:column}.ar-filter-select{min-width:0;min-width:auto;width:100%}.ar-table-container{overflow-x:auto}.ar-table{min-width:700px}.ar-detail-grid{grid-template-columns:1fr}.ar-modal{margin:10px;max-width:100%}.ar-modal-actions{flex-direction:column}.ar-modal-actions .ar-btn{justify-content:center;width:100%}}@media (max-width:480px){.ar-analytics{grid-template-columns:1fr}.ar-profile-header{flex-direction:column;text-align:center}.ar-profile-badges{justify-content:center}}.notification-dropdown-wrapper{position:relative}.notification-trigger{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--line,#e5e7eb);border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.02);color:#6b7280;color:var(--icon,#6b7280);cursor:pointer;display:flex;height:42px;justify-content:center;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);width:42px}.notification-trigger:hover{background:linear-gradient(145deg,#d1fae5,#10b981);background:linear-gradient(145deg,var(--primary-light,#d1fae5),var(--primary-color,#10b981));border-color:#10b981;border-color:var(--primary-color,#10b981);box-shadow:0 4px 12px rgba(16,185,129,.25);box-shadow:0 4px 12px rgba(var(--primary-rgb,16,185,129),.25);color:#fff;transform:scale(1.02)}.notification-trigger i{font-size:19px}.notification-badge{align-items:center;animation:pulse-badge 2s infinite;background:linear-gradient(135deg,var(--g-500),var(--g-600));border:2px solid #fff;border-radius:9px;box-shadow:0 2px 6px rgba(var(--g-500-rgb),.4);color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:2px;top:2px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.notification-dropdown{animation:dropdownSlide .2s ease;background:#fff;border-radius:16px;box-shadow:0 10px 50px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.04);display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:380px;z-index:9999}.notification-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 18px}.notification-header h3{color:#111827;font-size:15px;font-weight:600;margin:0}.notification-actions{display:flex;gap:4px}.notif-action-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.notif-action-btn:hover{background:#e5e7eb;color:#374151}.notification-list{flex:1 1;max-height:380px;overflow-y:auto}.notification-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:40px 20px}.notification-empty i{font-size:32px}.notification-empty span{font-size:14px}.notification-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:14px 16px;position:relative;transition:background .2s ease}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#f0f9ff}.notification-item.unread:hover{background:#e0f2fe}.notification-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-icon i{font-size:18px}.notification-content{flex:1 1;min-width:0}.notification-title{color:#111827;font-size:13px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden}.notification-time{color:#9ca3af;font-size:11px;margin-top:4px}.notification-delete{align-items:center;background:transparent;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:none;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:24px}.notification-item:hover .notification-delete{display:flex}.notification-delete:hover{background:#fee2e2;color:#dc2626}.unread-dot{background:#10b981;background:var(--g-500,#10b981);border-radius:50%;height:8px;position:absolute;right:40px;top:50%;transform:translateY(-50%);width:8px}.notification-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:12px 16px}.view-all-btn{background:#059669;background:var(--g-600,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:10px;transition:all .2s ease;width:100%}.view-all-btn:hover{background:#047857;background:var(--g-700,#047857)}.spin{animation:spin 1s linear infinite}@media (max-width:480px){.notification-dropdown{right:-16px;width:calc(100vw - 32px)}}[data-theme=dark] .notification-dropdown{background:#1f2937;box-shadow:0 10px 40px rgba(0,0,0,.4)}[data-theme=dark] .notification-header{background:#111827;border-bottom-color:#374151}[data-theme=dark] .notification-header h3{color:#f9fafb}[data-theme=dark] .notification-item{border-bottom-color:#374151}[data-theme=dark] .notification-item:hover{background:#374151}[data-theme=dark] .notification-item.unread{background:#1e3a5f}[data-theme=dark] .notification-title{color:#f9fafb}[data-theme=dark] .notification-message{color:#9ca3af}[data-theme=dark] .notification-footer{background:#111827;border-top-color:#374151}[data-theme=dark] .notif-action-btn:hover{background:#374151;color:#f9fafb}.global-search-container{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:center;margin:0 auto;max-width:500px;position:relative}.global-search-box{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;display:flex;flex:1 1;gap:12px;padding:8px 14px;transition:all .2s ease;width:100%}.global-search-box:hover{border-color:#10b981;border-color:var(--primary-color,#10b981)}.global-search-box.active,.global-search-box:focus-within{border-color:#10b981;border-color:var(--primary-color,#10b981);box-shadow:0 0 0 3px rgba(16,185,129,.1);box-shadow:0 0 0 3px rgba(var(--primary-rgb,16,185,129),.1)}.global-search-box .search-icon{color:#10b981;color:var(--primary-color,#10b981);flex-shrink:0;font-size:16px}.global-search-box:focus-within .search-icon,.global-search-box:hover .search-icon{color:#10b981;color:var(--primary-color,#10b981)}.global-search-box input,.global-search-box input[type=text]{background:transparent!important;color:#1f2937;color:var(--text-color,#1f2937);flex:1 1;font-size:14px;margin:0 0 0 6px!important;min-width:0}.global-search-box input,.global-search-box input:focus,.global-search-box input[type=text],.global-search-box input[type=text]:focus{border:none!important;box-shadow:none!important;outline:none!important;padding:2px 0 2px 12px!important}.global-search-box input::placeholder{color:#9ca3af}.clear-search{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;color:var(--text-muted,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.clear-search:hover{background:rgba(239,68,68,.1);color:#ef4444}.quick-actions{display:flex;gap:4px}.quick-action-btn{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--line,#e5e7eb);border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.02);color:#6b7280;color:var(--text-muted,#6b7280);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);width:40px}.quick-action-btn:hover{background:linear-gradient(145deg,#d1fae5,#10b981);background:linear-gradient(145deg,var(--primary-light,#d1fae5),var(--primary-color,#10b981));border-color:#10b981;border-color:var(--primary-color,#10b981);box-shadow:0 4px 12px rgba(16,185,129,.25);box-shadow:0 4px 12px rgba(var(--primary-rgb,16,185,129),.25);color:#fff;transform:scale(1.02)}.quick-action-btn.active{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-color,#10b981),var(--primary-dark,#059669));border-color:transparent;box-shadow:0 4px 12px rgba(16,185,129,.3);box-shadow:0 4px 12px rgba(var(--primary-rgb,16,185,129),.3);color:#fff}.global-search-dropdown{animation:dropdownSlide .2s ease;background:#fff;border:none;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.15);left:0;max-height:70vh;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-type-filter{background:#f8f9fa;background:var(--card-bg,#f8f9fa);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);border-radius:16px 16px 0 0;display:flex;gap:8px;padding:12px 16px}.search-type-filter button{align-items:center;background:transparent;border:none;border-radius:8px;color:#6b7280;color:var(--text-muted,#6b7280);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s ease}.search-type-filter button:hover{background:#e5e7eb;background:var(--hover-bg,#e5e7eb);color:#1f2937;color:var(--text-color,#1f2937)}.search-type-filter button.active{background:#10b981;background:var(--primary-color,#10b981);color:#fff}.search-type-filter button i{font-size:16px}.search-loading{align-items:center;color:#6b7280;color:var(--text-muted,#6b7280);display:flex;gap:10px;justify-content:center;padding:40px 20px}.search-loading .spin{animation:spin 1s linear infinite}.search-no-results{align-items:center;color:#6b7280;color:var(--text-muted,#6b7280);display:flex;flex-direction:column;gap:10px;justify-content:center;padding:40px 20px}.search-no-results i{font-size:40px;opacity:.5}.search-section{padding:8px 0}.search-section-header{align-items:center;color:#6b7280;color:var(--text-muted,#6b7280);display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.search-section-header i{font-size:14px}.search-results-list{max-height:300px;overflow-y:auto}.search-result-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:10px 16px;transition:all .15s ease}.search-result-item.selected,.search-result-item:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6)}.search-result-item.selected{background:rgba(16,185,129,.1)}.result-avatar{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-color,#10b981),#059669);border-radius:50%;color:#fff;font-size:16px;font-weight:600}.result-avatar,.result-icon{align-items:center;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.result-icon{background:#f3f4f6;background:var(--card-bg,#f3f4f6);border-radius:10px}.result-icon i{color:#10b981;color:var(--primary-color,#10b981);font-size:20px}.result-info{flex:1 1;min-width:0;overflow:visible}.result-name{color:#1f2937;color:var(--text-color,#1f2937);display:block;font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-details{color:#6b7280;color:var(--text-muted,#6b7280);display:flex;flex-wrap:wrap;font-size:12px;gap:8px;margin-top:4px;min-height:18px}.result-details span{align-items:center;display:flex;gap:4px}.result-details .result-email{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-details .result-id,.result-details .result-phone,.result-details .result-size,.result-details .result-type{background:#f3f4f6;background:var(--card-bg,#f3f4f6);border-radius:4px;font-size:11px;padding:2px 8px}.result-path{align-items:center;color:#6b7280;color:var(--text-muted,#6b7280);display:flex;gap:4px}.result-path i{font-size:12px}.result-role{background:#f3f4f6;background:var(--card-bg,#f3f4f6);border-radius:6px;color:#6b7280;color:var(--text-muted,#6b7280);font-size:11px;font-weight:500;padding:4px 10px;text-transform:capitalize}.result-action{align-items:center;background:#10b981;background:var(--primary-color,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;opacity:1;transition:all .2s ease;width:32px}.search-result-item:hover .result-action{opacity:1}.result-action:hover{background:#059669;color:#fff;transform:scale(1.05)}.search-hints{background:#f8f9fa;background:var(--card-bg,#f8f9fa);border-radius:0 0 16px 16px;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;gap:20px;justify-content:center;padding:10px 16px}.search-hints span{align-items:center;color:#9ca3af;color:var(--text-muted,#9ca3af);display:flex;font-size:11px;gap:6px}.search-hints kbd{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:4px;font-family:inherit;font-size:10px;padding:2px 6px}.global-search-dropdown::-webkit-scrollbar,.search-results-list::-webkit-scrollbar{width:6px}.global-search-dropdown::-webkit-scrollbar-track,.search-results-list::-webkit-scrollbar-track{background:transparent}.global-search-dropdown::-webkit-scrollbar-thumb,.search-results-list::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--border-color,#d1d5db);border-radius:3px}.global-search-dropdown::-webkit-scrollbar-thumb:hover,.search-results-list::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--text-muted,#9ca3af)}@media (max-width:768px){.global-search-container{max-width:100%}.global-search-dropdown{left:10px;max-height:calc(100vh - 100px);position:fixed;right:10px;top:70px}.search-type-filter{-webkit-overflow-scrolling:touch;overflow-x:auto}.result-details .result-email{max-width:120px}}.admin-dashboard{--radius:20px;--shadow:0 10px 30px rgba(15,23,42,.08);--shadow-soft:0 4px 16px rgba(15,23,42,.06)}*{scrollbar-color:#10b981 #f3f4f6;scrollbar-color:var(--primary-color,#10b981) var(--bg-secondary,#f3f4f6);scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:4px}::-webkit-scrollbar-thumb{background:#10b981;background:var(--primary-color,#10b981);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#059669;background:var(--primary-dark,#059669)}.admin-container{background:var(--bg-primary)}.frame{border-radius:28px;grid-template-columns:280px 1fr;grid-template-columns:var(--sidebar-width,280px) 1fr;height:calc(100vh - 80px);max-height:900px;max-width:1400px}.sidebar{background:var(--bg-tertiary);border-right:1px solid var(--border-color);gap:16px;padding:24px 16px;width:100%}.sidebar::-webkit-scrollbar-track{background:var(--g-100)}.resize-handle{background:linear-gradient(90deg,rgba(19,129,95,.1),rgba(19,129,95,.2) 50%,rgba(19,129,95,.1));border-left:2px solid rgba(19,129,95,.3);border-right:1px solid rgba(19,129,95,.1);left:280px;left:var(--sidebar-width,280px);width:8px}.resize-handle:before{color:var(--g-500);content:"⋮⋮⋮";font-size:12px;left:50%;letter-spacing:-2px;opacity:.6;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(90deg)}.resize-handle:hover{background:linear-gradient(90deg,rgba(19,129,95,.2),rgba(19,129,95,.4) 50%,rgba(19,129,95,.2));border-left:3px solid var(--g-400);width:10px}.resize-handle:hover:before{color:var(--g-600);opacity:1}.resize-handle:active{background:linear-gradient(90deg,rgba(19,129,95,.3),rgba(19,129,95,.5) 50%,rgba(19,129,95,.3));border-left:3px solid var(--g-500)}.sidebar-collapsed .sidebar{max-width:80px;min-width:80px;padding:24px 10px;width:80px}.brand{padding:8px 8px 0}.brand .logo{border-radius:14px;height:44px;width:44px}.brand .role{border-radius:6px;font-size:11px;padding:2px 6px}.sidebar-collapsed .section-title{padding:16px 0 8px}.menu{gap:6px}.menu a{font-size:14px;padding:12px}.sidebar-collapsed .menu a{padding:12px 10px}.sidebar-collapsed .menu a i{flex-shrink:0;font-size:20px}.menu a:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.badge{background:var(--indigo-50);border:1px solid var(--g-200);color:var(--indigo-700);font-size:12px}.main{height:100%}.topbar{padding:12px 20px}.hamburger-menu{color:var(--text-muted)}.hamburger-menu i{font-size:18px}.search{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;gap:10px;padding:10px 12px}.search i{color:var(--text-muted)}.icon-btn i{font-size:18px}.who{line-height:1.1}.btn{border-radius:12px;font-family:inherit;justify-content:center;padding:10px 14px}.btn-sm{border-radius:8px;font-size:12px;font-weight:600;gap:6px;padding:6px 10px}.btn-sm i{font-size:14px}.btn.success{background:linear-gradient(135deg,var(--g-500),var(--g-600));box-shadow:var(--shadow-soft)}.btn.success i{color:#eafff2}.page-title{padding:0 0 2px 2px}.page-title h1{letter-spacing:-.02em;margin:6px 0 4px}.page-title p{font-size:14px;line-height:1.5}.card{padding:16px}.card h3{color:var(--text);font-size:16px;letter-spacing:-.01em;margin:0 0 8px}.card .subtle{color:var(--muted);font-size:13px;line-height:1.5}.activity-section{box-shadow:var(--shadow-soft);grid-column:span 4;padding:16px}.activity-header{margin-bottom:16px}.activity-header h3{font-size:16px;margin:0}.activity-feed{display:flex;flex-direction:column;gap:0}.activity-item{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:12px;margin-bottom:8px;padding:12px}.activity-item:last-child{margin-bottom:0}.activity-item:hover{background:#f8fafc;box-shadow:var(--shadow-soft);transform:translateY(-1px)}.activity-icon{border-radius:50%;display:grid;font-size:16px;height:36px;place-items:center;width:36px}.activity-title{font-size:13px;margin-bottom:2px}.activity-description{font-size:12px}.activity-time{align-self:flex-start;font-size:11px;margin-top:2px;white-space:nowrap}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);flex:1 1;max-width:280px;min-height:140px;min-width:240px;padding:20px;transition:all .2s ease}.stat:hover{box-shadow:0 12px 40px rgba(15,23,42,.12);transform:translateY(-2px)}.stat .top{color:var(--text);font-size:14px;margin-bottom:4px}.stat .top .upto{color:var(--muted);font-size:18px;opacity:.8}.stat .value{margin:6px 0}.stat .delta{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success);margin-top:auto}.stat.gradient .delta{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.25);color:#fff}.stat .arrow{color:inherit;font-size:18px;opacity:.8;position:absolute;right:12px;top:12px}.table-container{background:#fff;border:1px solid var(--line);border-radius:16px;margin-top:12px;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{background:#f8fafc;color:var(--text);font-size:13px;font-weight:600;letter-spacing:.5px;text-align:left}.table td,.table th{border-bottom:1px solid var(--line);padding:16px 20px}.table td{font-size:14px;vertical-align:top}.table tr:last-child td{border-bottom:0}.table tr:hover{background:#f8fafc}.table .actions{align-items:center;display:flex;gap:8px}.table .btn-sm{border-radius:8px;font-size:12px;padding:6px 10px}.status i{font-size:12px}.status.active{background:var(--g-200);border-color:var(--g-300);color:var(--g-700)}.status.inactive{background:#ffe7e7;border-color:#ffcaca;color:#9b1c1c}.status.pending{background:#fff7e5;border-color:#fde4b6;color:#a36b00}.status.verified{background:var(--g-200)}.status.rejected{background:#ffe7e7;border-color:#ffcaca;color:#9b1c1c}.status.banned{background:#dc2626;border-color:#dc2626;color:#fff}.chat-container{background:#fff;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:300px 1fr;height:500px;overflow:hidden}.chat-sidebar{background:#f8fafc;border-right:1px solid var(--line);display:flex;flex-direction:column}.chat-search{border-bottom:1px solid var(--line);padding:16px}.chat-search input{background:#fff;border:1px solid var(--line);border-radius:10px;font-size:14px;padding:8px 12px;width:100%}.chat-list{flex:1 1;overflow-y:auto}.chat-item{align-items:center;border-bottom:1px solid var(--line);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.chat-item:hover{background:#eef2ff}.chat-item.active{background:var(--g-200);border-color:var(--g-300)}.chat-avatar{background:linear-gradient(135deg,var(--g-200),var(--g-300));border-radius:50%;color:var(--g-800);display:grid;flex-shrink:0;font-size:12px;font-weight:700;height:36px;place-items:center;width:36px}.chat-info{flex:1 1;min-width:0}.chat-name{font-size:13px;font-weight:600;margin-bottom:2px}.chat-preview{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-main{display:flex;flex-direction:column}.chat-header{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:12px;padding:16px 20px}.chat-header .chat-avatar{font-size:14px;height:40px;width:40px}.chat-header>div{flex:1 1}.chat-header>div>div:first-child{font-size:14px;font-weight:600;margin-bottom:2px}.chat-header>div>div:last-child{color:var(--muted);font-size:12px}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px 20px}.message{display:flex;gap:8px;max-width:80%}.message.sent{align-self:flex-end;flex-direction:row-reverse}.message-avatar{background:linear-gradient(135deg,var(--g-200),var(--g-300));border-radius:50%;color:var(--g-800);display:grid;flex-shrink:0;font-size:10px;font-weight:700;height:28px;place-items:center;width:28px}.message-content{background:#f1f5f9;border-radius:12px;font-size:14px;line-height:1.4;padding:8px 12px}.message.sent .message-content{background:linear-gradient(135deg,var(--g-600),var(--g-500));color:#fff}.message-time{color:var(--muted);font-size:11px;margin-top:4px}.chat-input{align-items:center;background:#fff;border-top:1px solid var(--line);display:flex;gap:12px;padding:16px 20px}.chat-input input{border:1px solid var(--line);border-radius:12px;flex:1 1;font-size:14px;padding:10px 14px}.chat-input button{align-items:center;background:linear-gradient(135deg,var(--g-700),var(--g-500));border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.chat-input button i{font-size:16px}.chat-input button:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea{background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--text);font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s ease}input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:var(--g-500);box-shadow:0 0 0 3px rgba(24,163,111,.1);outline:none}textarea{min-height:80px;resize:vertical}label{color:var(--text);display:block;font-size:13px;font-weight:600;margin-bottom:6px}@media (max-width:1200px){.frame{grid-template-columns:260px 1fr;max-width:1200px}.content-grid{gap:14px;grid-template-columns:repeat(3,1fr)}.chat-container{grid-template-columns:280px 1fr}.stat{min-height:120px;padding:14px}.stat .value{font-size:36px}}@media (max-width:920px){.frame{grid-template-columns:1fr}.sidebar{display:none}.sidebar.mobile-open{bottom:0;box-shadow:2px 0 12px rgba(0,0,0,.1);display:flex;left:0;position:fixed;top:0;width:280px;z-index:999}.content-grid{gap:12px!important;grid-template-columns:repeat(4,1fr)!important}.chat-container{grid-template-columns:1fr}.chat-sidebar{display:none}.hamburger-menu{display:grid}.topbar{padding:14px 18px}.content{gap:16px;padding:16px 18px 20px}}@media (max-width:640px){.admin-container{padding:20px 10px}.frame{border-radius:20px;min-height:auto}.content-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.topbar{gap:10px;padding:12px 14px}.search{grid-column:1/-1;order:3;width:100%}.page-title h1{font-size:24px}.stat{min-height:100px;padding:12px}.stat .value{font-size:32px}.card{padding:14px}.table td,.table th{font-size:13px;padding:12px 14px}.content{gap:14px}}.chat-list::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track{background:#f1f5f9}.chat-list::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:var(--g-300);border-radius:3px}.chat-list::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--g-400)}.loading{opacity:.6;pointer-events:none}.loading:after{animation:spin .8s linear infinite;border:2px solid var(--g-200);border-radius:50%;border-top-color:var(--g-600);content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.btn:hover,.card:hover,.icon-btn:hover,.menu a:hover{transition:all .2s cubic-bezier(.4,0,.2,1)}:focus{outline:2px solid var(--g-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media print{.profile-overlay,.sidebar,.topbar{display:none!important}.frame{border:1px solid #ddd;box-shadow:none;grid-template-columns:1fr}.card{page-break-inside:avoid}}@media (prefers-contrast:high){.btn,.card,input,select,textarea{border-width:2px}.menu a.active{border:2px solid var(--g-800)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);display:none;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:998}.sidebar-overlay.show{display:block}@media (max-width:920px){.sidebar.mobile-open{display:flex}}.empty-state{color:var(--muted);padding:40px 20px;text-align:center}.empty-state i{color:var(--icon);font-size:48px;margin-bottom:12px;opacity:.5}.empty-state h3{color:var(--text);font-size:18px;margin-bottom:6px}.empty-state p{font-size:14px;margin-bottom:20px}.icon-btn .notification-count{background:var(--danger);border:2px solid var(--surface);border-radius:8px;color:#fff;font-size:10px;font-weight:700;min-width:16px;padding:2px 5px;position:absolute;right:-3px;text-align:center;top:-3px}.tooltip{position:relative}.tooltip:before{background:rgba(15,23,42,.9);border-radius:5px;color:#fff;content:attr(data-tooltip);font-size:11px;margin-bottom:6px;padding:5px 8px;white-space:nowrap}.tooltip:after,.tooltip:before{bottom:100%;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s}.tooltip:after{border:4px solid transparent;border-top-color:rgba(15,23,42,.9);content:"";margin-bottom:2px}.tooltip:hover:after,.tooltip:hover:before{opacity:1}.dropdown{position:relative}.dropdown-menu{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);min-width:180px;opacity:0;padding:6px;position:absolute;right:0;top:calc(100% + 6px);transform:translateY(-8px);transition:all .2s ease;visibility:hidden;z-index:100}.dropdown.active .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{align-items:center;border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 10px;text-decoration:none;transition:all .2s ease}.dropdown-item:hover{background:var(--g-50);color:var(--g-700)}.dropdown-item i{color:var(--icon);font-size:16px}.dropdown-divider{background:var(--line);height:1px;margin:6px 0}.progress{background:var(--line);border-radius:999px;height:6px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,var(--g-600),var(--g-500));border-radius:999px;height:100%;transition:width .3s ease}.alert{align-items:center;border:1px solid;border-radius:10px;display:flex;font-size:13px;gap:10px;margin-bottom:14px;padding:12px 14px}.alert i{font-size:18px}.alert.info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.alert.success{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.alert.warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.alert.danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.tabs{border-bottom:1px solid var(--line);display:flex;gap:6px;margin-bottom:16px}.tab{border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.tab:hover{background:var(--bg);color:var(--text)}.tab.active{border-bottom-color:var(--g-700);color:var(--g-700)}.tab-content{display:none}.tab-content.active{animation:fadeIn .3s ease;display:block}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);display:none;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:999}.modal-backdrop.show{display:block;opacity:1}input[type=checkbox]{accent-color:var(--g-600);cursor:pointer;height:16px;width:16px}.custom-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.custom-checkbox input[type=checkbox]{margin:0}.upload-area{border:2px dashed var(--line);border-radius:14px;cursor:pointer;padding:32px 16px;text-align:center;transition:all .2s ease}.upload-area:hover{background:var(--g-50);border-color:var(--g-500)}.upload-area i{color:var(--g-500);font-size:40px;margin-bottom:10px}.upload-area p{color:var(--muted);margin-bottom:6px}.upload-area .btn{margin-top:10px}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:6px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:14px;margin-bottom:6px}.skeleton-title{height:20px;margin-bottom:10px;width:60%}.skeleton-avatar{border-radius:50%;height:36px;width:36px}.pagination{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:20px}.pagination button{background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--text);cursor:pointer;display:grid;font-size:13px;height:32px;place-items:center;transition:all .2s ease;width:32px}.pagination button:hover:not(:disabled){background:var(--g-50);border-color:var(--g-300);color:var(--g-700)}.pagination button.active{background:linear-gradient(135deg,var(--g-700),var(--g-500));border-color:transparent;color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.5}.breadcrumb{align-items:center;color:var(--muted);display:flex;font-size:13px;gap:6px;margin-bottom:14px}.breadcrumb a{color:var(--g-700);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:var(--g-600);text-decoration:underline}.breadcrumb-separator{color:var(--icon)}.toggle-switch{display:inline-block;height:22px;position:relative;width:42px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:22px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:18px;left:2px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:var(--g-600)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.mobile-header{display:none}@media screen and (max-width:768px){.mobile-header{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:hsla(0,0%,100%,.98)!important;border-bottom:1px solid #e5e7eb!important;border-bottom:1px solid var(--line,#e5e7eb)!important;box-shadow:0 2px 8px rgba(0,0,0,.05)!important;height:60px!important;justify-content:space-between!important;left:0!important;padding:0 16px!important;position:fixed!important;right:0!important;top:0!important;z-index:1100!important}.mobile-header,.mobile-menu-btn{align-items:center!important;display:flex!important}.mobile-menu-btn{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border:none!important;border-radius:10px!important;cursor:pointer!important;height:40px!important;justify-content:center!important;transition:background .2s ease!important;width:40px!important}.mobile-menu-btn i{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:22px!important}.mobile-menu-btn:active{background:#e5e7eb!important;background:var(--line,#e5e7eb)!important}.mobile-brand-mini{gap:8px!important}.mobile-brand-mini,.mobile-brand-mini .logo{align-items:center!important;display:flex!important}.mobile-brand-mini .logo{background:radial-gradient(80% 80% at 30% 20%,var(--g-400),var(--g-700))!important;border-radius:8px!important;color:#fff!important;height:32px!important;justify-content:center!important;width:32px!important}.mobile-brand-mini .logo,.mobile-brand-mini .name{font-size:16px!important;font-weight:700!important}.mobile-brand-mini .name{color:#1f2937!important;color:var(--text,#1f2937)!important}.mobile-header-actions{gap:8px!important}.mobile-header-actions,.mobile-search-btn{align-items:center!important;display:flex!important}.mobile-search-btn{background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border:none!important;border-radius:10px!important;cursor:pointer!important;height:40px!important;justify-content:center!important;width:40px!important}.mobile-search-btn i{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:18px!important}.mobile-avatar{align-items:center!important;background:radial-gradient(80% 80% at 30% 20%,var(--g-400),var(--g-700))!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:600!important;height:36px!important;justify-content:center!important;width:36px!important}}.mobile-menu-overlay,.mobile-sidebar{display:none}@media screen and (max-width:768px){.mobile-menu-overlay{background:rgba(0,0,0,.5)!important;bottom:0!important;display:block!important;left:0!important;opacity:0!important;position:fixed!important;right:0!important;top:0!important;transition:all .3s ease!important;visibility:hidden!important;z-index:1500!important}.mobile-menu-overlay.active{opacity:1!important;visibility:visible!important}.mobile-sidebar{background:#fff!important;background:var(--bg,#fff)!important;box-shadow:4px 0 20px rgba(0,0,0,.1)!important;display:block!important;height:100vh!important;left:-300px!important;overflow-y:auto!important;position:fixed!important;top:0!important;transition:left .3s ease!important;width:280px!important;z-index:2000!important}.mobile-sidebar.active{left:0!important}.mobile-sidebar-header{border-bottom:1px solid #e5e7eb!important;border-bottom:1px solid var(--line,#e5e7eb)!important;justify-content:space-between!important;padding:16px!important}.mobile-brand,.mobile-sidebar-header{align-items:center!important;display:flex!important}.mobile-brand{gap:12px!important}.mobile-brand .logo{align-items:center!important;background:radial-gradient(80% 80% at 30% 20%,var(--g-400),var(--g-700))!important;border-radius:12px!important;color:#fff!important;display:flex!important;font-size:20px!important;font-weight:800!important;height:44px!important;justify-content:center!important;width:44px!important}.mobile-brand .info .name{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:18px!important;font-weight:700!important}.mobile-brand .info .role{color:#18a36f!important;color:var(--g-600,#18a36f)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.5px!important;text-transform:uppercase!important}.mobile-close-btn{align-items:center!important;background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border:none!important;border-radius:10px!important;cursor:pointer!important;display:flex!important;height:36px!important;justify-content:center!important;width:36px!important}.mobile-close-btn i{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:20px!important}.mobile-wallet-section{border-bottom:1px solid #e5e7eb!important;border-bottom:1px solid var(--line,#e5e7eb)!important;padding:16px!important}.mobile-wallet-section button{width:100%!important}.mobile-wallet-section .btn.success.wallet-dropdown-btn,.mobile-wallet-section .wallet-dropdown-btn,.mobile-wallet-section button.success{background:linear-gradient(135deg,#18a36f,#11684f)!important;background:linear-gradient(135deg,var(--g-500,#18a36f) 0,var(--g-700,#11684f) 100%)!important;border:none!important;color:#fff!important}.mobile-wallet-section .btn.success.wallet-dropdown-btn:active,.mobile-wallet-section .btn.success.wallet-dropdown-btn:hover,.mobile-wallet-section .wallet-dropdown-btn:active,.mobile-wallet-section .wallet-dropdown-btn:hover{background:linear-gradient(135deg,#13815f,#11684f)!important;background:linear-gradient(135deg,var(--g-600,#13815f) 0,var(--g-700,#11684f) 100%)!important}.mobile-wallet-section .btn.primary{background:linear-gradient(135deg,#18a36f,#11684f)!important;background:linear-gradient(135deg,var(--g-500,#18a36f) 0,var(--g-700,#11684f) 100%)!important;border:none!important;color:#fff!important}.mobile-nav-menu{padding:12px!important}.mobile-section-title{color:#6b7280!important;color:var(--muted,#6b7280)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.5px!important;margin-top:8px!important;padding:12px 12px 8px!important;text-transform:uppercase!important}.mobile-section-title:first-child{margin-top:0!important}.mobile-nav-menu a{align-items:center!important;border-radius:10px!important;color:#1f2937!important;color:var(--text,#1f2937)!important;cursor:pointer!important;display:flex!important;gap:12px!important;padding:12px!important;text-decoration:none!important;transition:all .2s ease!important}.mobile-nav-menu a i{font-size:20px!important;text-align:center!important;width:24px!important}.mobile-nav-menu a span{font-size:14px!important;font-weight:500!important}.mobile-nav-menu a .badge{background:#bbf7d0!important;background:var(--g-200,#bbf7d0)!important;border-radius:10px!important;color:#166534!important;color:var(--g-800,#166534)!important;font-size:11px!important;font-weight:600!important;margin-left:auto!important;min-width:20px!important;padding:2px 8px!important;text-align:center!important}.mobile-nav-menu a.active{background:rgba(24,163,111,.1)!important}.mobile-nav-menu a.active,.mobile-nav-menu a.active i{color:#18a36f!important;color:var(--g-600,#18a36f)!important}.mobile-nav-menu a:active{transform:scale(.98)!important}.mobile-nav-menu .logout-link{border-top:1px solid #e5e7eb!important;border-top:1px solid var(--line,#e5e7eb)!important;color:#ef4444!important;margin-top:16px!important;padding-top:16px!important}.mobile-nav-menu .logout-link i{color:#ef4444!important}}.mobile-search-overlay{display:none}@media screen and (max-width:768px){.mobile-search-overlay{align-items:center!important;background:#fff!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important;display:flex!important;gap:12px!important;left:0!important;padding:12px 16px!important;position:fixed!important;right:0!important;top:60px!important;z-index:1050!important}.mobile-search-overlay .global-search{flex:1 1!important}.mobile-search-close{align-items:center!important;background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border:none!important;border-radius:10px!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;height:40px!important;justify-content:center!important;width:40px!important}.mobile-search-close i{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:18px!important}}.bottom-nav{display:none}@media screen and (max-width:768px){.bottom-nav{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:hsla(0,0%,100%,.98)!important;border-top:1px solid #e5e7eb!important;border-top:1px solid var(--line,#e5e7eb)!important;bottom:0!important;box-shadow:0 -2px 10px rgba(0,0,0,.05)!important;height:70px!important;justify-content:space-around!important;left:0!important;padding:8px 0 max(8px,env(safe-area-inset-bottom))!important;position:fixed!important;right:0!important;z-index:1000!important}.bottom-nav,.bottom-nav a{align-items:center!important;display:flex!important}.bottom-nav a{border-radius:12px!important;color:#6b7280!important;color:var(--muted,#6b7280)!important;cursor:pointer!important;flex-direction:column!important;gap:4px!important;justify-content:center!important;min-width:60px!important;padding:8px 12px!important;position:relative!important;text-decoration:none!important;transition:all .2s ease!important}.bottom-nav a i{font-size:22px!important;transition:transform .2s ease!important}.bottom-nav a span{font-size:10px!important;font-weight:600!important;white-space:nowrap!important}.bottom-nav a.active{background:rgba(24,163,111,.1)!important;color:#18a36f!important;color:var(--g-600,#18a36f)!important}.bottom-nav a.active i{transform:scale(1.1)!important}.bottom-nav a .nav-badge{align-items:center!important;background:#ef4444!important;border-radius:8px!important;color:#fff!important;display:flex!important;font-size:9px!important;font-weight:700!important;height:16px!important;justify-content:center!important;min-width:16px!important;padding:0 4px!important;position:absolute!important;right:8px!important;top:2px!important}.admin-container,.faculty-container,.student-container{background:#f8fafc!important;background:var(--bg,#f8fafc)!important;min-height:100vh;padding:0!important}.sidebar,.topbar{display:none!important}.frame{border:none!important;border-radius:0!important;box-shadow:none!important;display:block!important;min-height:100vh;overflow:visible!important}.frame,.frame.sidebar-collapsed{grid-template-columns:none!important}.resize-handle{display:none!important}.mobile-overlay{background:rgba(0,0,0,.5);inset:0;opacity:0;position:fixed;transition:all .3s ease;visibility:hidden;z-index:1999}.mobile-overlay.show{opacity:1;visibility:visible}.main{min-height:100vh!important;padding-bottom:80px!important;padding-top:60px!important}.content{overflow-x:hidden!important;overflow-y:auto!important;padding:16px!important}.content.chat-content{padding:60px 0 80px!important}.dashboard-content{padding:0!important}.page-title{margin-bottom:16px!important}.page-title h1{font-size:20px!important;font-weight:700!important;line-height:1.2!important;margin-bottom:2px!important}.page-title p{color:#6b7280!important;color:var(--muted,#6b7280)!important;font-size:12px!important;line-height:1.3!important}.content-grid{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,1fr)!important;margin-bottom:16px!important;width:100%!important}.content-grid>*{min-width:0!important}.card.stat{background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e5e7eb!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:14px!important;flex-direction:column!important;max-width:none!important;min-height:120px!important;overflow:hidden!important;padding:12px!important;position:relative!important}.card.stat,.card.stat .top{display:flex!important;justify-content:space-between!important}.card.stat .top{align-items:flex-start!important;gap:6px!important;margin-bottom:6px!important}.card.stat .label,.card.stat .title,.card.stat .top>div:first-child,.card.stat .top>span:first-child{word-wrap:break-word!important;color:#6b7280!important;color:var(--muted,#6b7280)!important;display:block!important;flex:1 1!important;font-size:11px!important;font-weight:600!important;letter-spacing:.2px!important;line-height:1.3!important;overflow-wrap:break-word!important;text-transform:capitalize!important}.card.stat .icon,.card.stat .top .arrow,.card.stat .top .upto,.card.stat .top>i:last-child{align-items:center!important;background:rgba(24,163,111,.1)!important;border-radius:6px!important;color:#18a36f!important;color:var(--g-500,#18a36f)!important;display:flex!important;flex-shrink:0!important;font-size:14px!important;height:26px!important;justify-content:center!important;width:26px!important}.card.stat .value{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:28px!important;font-weight:800!important;line-height:1!important;margin:4px 0 6px!important}.card.stat .badge,.card.stat .delta,.card.stat .subtitle{align-items:center!important;background:#f3f4f6!important;background:var(--bg-2,#f3f4f6)!important;border-radius:6px!important;color:#6b7280!important;color:var(--muted,#6b7280)!important;display:inline-flex!important;font-size:9px!important;font-weight:500!important;gap:3px!important;margin-top:auto!important;max-width:100%!important;padding:4px 8px!important;width:-webkit-fit-content!important;width:fit-content!important}.card.stat .badge i,.card.stat .delta i{background:none!important;font-size:10px!important;height:auto!important;width:auto!important}.card.stat.gradient{background:linear-gradient(135deg,var(--g-700),var(--g-400))!important;border:none!important;min-height:120px!important;padding:12px!important}.card.stat.gradient .label,.card.stat.gradient .title,.card.stat.gradient .top>div:first-child,.card.stat.gradient .top>span:first-child{color:hsla(0,0%,100%,.9)!important}.card.stat.gradient .icon,.card.stat.gradient .top .arrow,.card.stat.gradient .top .upto,.card.stat.gradient .top>i:last-child{background:hsla(0,0%,100%,.2)!important;color:#fff!important}.card.stat.gradient .value{color:#fff!important}.card.stat.gradient .badge,.card.stat.gradient .delta,.card.stat.gradient .subtitle{background:hsla(0,0%,100%,.2)!important;border-color:hsla(0,0%,100%,.3)!important;color:#fff!important}.stat-cards,.stats-grid{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,1fr)!important;margin-bottom:20px!important;width:100%!important}.stat-card{background:#fff!important;border:1px solid #e5e7eb!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:14px!important;display:flex!important;flex-direction:column!important;gap:8px!important;min-height:110px!important;padding:16px 12px!important}.stat-card .number,.stat-card .stat-value,.stat-card h3{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:24px!important;font-weight:700!important;line-height:1.2!important;margin:0!important}.stat-card .stat-label,.stat-card .title,.stat-card p{color:#6b7280!important;color:var(--muted,#6b7280)!important;font-size:11px!important;font-weight:500!important;margin:0!important}.stat-card .stat-icon,.stat-card i{align-items:center!important;background:rgba(24,163,111,.1)!important;border-radius:10px!important;color:#18a36f!important;color:var(--g-600,#18a36f)!important;display:flex!important;font-size:20px!important;height:36px!important;justify-content:center!important;width:36px!important}.card:not(.stat),.content-card{border-radius:14px!important;margin-bottom:16px!important;max-width:none!important;padding:16px!important}.card-header{margin-bottom:12px!important}.card-title{font-size:16px!important}.activity-section,.recent-activity,.recent-section{background:#fff!important;background:var(--surface,#fff)!important;border:1px solid #e5e7eb!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:14px!important;margin-top:8px!important;overflow:hidden!important}.activity-header{align-items:flex-start!important;background:#f9fafb!important;background:var(--bg-2,#f9fafb)!important;border-bottom:1px solid #e5e7eb!important;border-bottom:1px solid var(--line,#e5e7eb)!important;display:flex!important;flex-direction:column!important;gap:12px!important;padding:16px!important}.activity-header h3{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:16px!important;font-weight:700!important;margin:0!important}.activity-actions{display:flex!important;gap:8px!important;width:100%!important}.activity-actions .btn{flex:1 1!important;font-size:13px!important;justify-content:center!important;min-height:40px!important;padding:10px 12px!important}.activity-feed{max-height:400px!important;overflow-y:auto!important}.activity-list,.recent-list{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important}.activity-item,.recent-item{align-items:flex-start!important;border-bottom:1px solid #e5e7eb!important;border-bottom:1px solid var(--line,#e5e7eb)!important;box-sizing:border-box!important;display:flex!important;gap:12px!important;padding:14px 16px!important;transition:all .2s ease!important;width:100%!important}.activity-item:last-child,.recent-item:last-child{border-bottom:none!important}.activity-item:active,.recent-item:active{background:#f9fafb!important;background:var(--bg-2,#f9fafb)!important}.activity-icon{align-items:center!important;border-radius:10px!important;display:flex!important;flex-shrink:0!important;height:40px!important;justify-content:center!important;min-width:40px!important;width:40px!important}.activity-icon i{font-size:18px!important}.activity-content{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:4px!important;min-width:0!important}.activity-title{color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important}.activity-description,.activity-title{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important}.activity-description{line-clamp:2!important;color:#6b7280!important;color:var(--muted,#6b7280)!important;font-size:12px!important;font-weight:400!important;line-height:1.5!important}.activity-time{align-self:flex-start!important;color:#9ca3af!important;color:var(--muted,#9ca3af)!important;flex-shrink:0!important;font-size:11px!important;font-weight:500!important;white-space:nowrap!important}.activity-feed .empty-state,.activity-list .empty-state{color:#9ca3af!important;color:var(--muted,#9ca3af)!important;padding:32px 16px!important;text-align:center!important}.empty-state i{font-size:48px!important;margin-bottom:12px!important;opacity:.3!important}.empty-state p{font-size:14px!important;margin:8px 0 0!important}.mobile-bottom-nav{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:hsla(0,0%,100%,.95)!important;border-top:1px solid #e5e7eb!important;border-top:1px solid var(--line,#e5e7eb)!important;bottom:0!important;box-shadow:0 -2px 10px rgba(0,0,0,.05)!important;height:70px!important;justify-content:space-around!important;left:0!important;padding:8px 0 max(8px,env(safe-area-inset-bottom))!important;position:fixed!important;right:0!important;z-index:1000!important}.mobile-bottom-nav,.mobile-nav-item{align-items:center!important;display:flex!important}.mobile-nav-item{border-radius:12px!important;color:#6b7280!important;color:var(--muted,#6b7280)!important;cursor:pointer!important;flex-direction:column!important;gap:4px!important;justify-content:center!important;min-width:60px!important;padding:8px 12px!important;position:relative!important;text-decoration:none!important;transition:all .2s ease!important}.mobile-nav-item i{font-size:22px!important;transition:transform .2s ease!important}.mobile-nav-item span{font-size:10px!important;font-weight:600!important;white-space:nowrap!important}.mobile-nav-item.active{background:rgba(24,163,111,.1)!important;color:#13815f!important;color:var(--g-600,#13815f)!important}.mobile-nav-item.active i{transform:scale(1.1)!important}.mobile-nav-item .nav-badge{align-items:center!important;background:#ef4444!important;border-radius:8px!important;color:#fff!important;display:flex!important;font-size:9px!important;font-weight:700!important;height:16px!important;justify-content:center!important;min-width:16px!important;padding:0 4px!important;position:absolute!important;right:8px!important;top:4px!important}.file-manager-container{padding:12px!important}.file-grid{gap:12px!important;grid-template-columns:repeat(2,1fr)!important}.file-card,.file-list-item{padding:12px!important}.chat-container{height:calc(100vh - 140px)!important}.chat-sidebar{bottom:70px!important;left:-100%!important;position:fixed!important;top:60px!important;transition:left .3s ease!important;width:100%!important;z-index:1500!important}.chat-sidebar.mobile-open{left:0!important}.chat-main{width:100%!important}.chat-input-container{padding:12px 12px max(12px,env(safe-area-inset-bottom))!important}.approval-container{padding:12px!important}.approval-card{border-radius:12px!important;padding:14px!important}.approval-actions{flex-direction:column!important;gap:8px!important}.approval-actions .btn{width:100%!important}.requests-table-wrapper,.table-container{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}table{min-width:600px!important}td,th{font-size:13px!important;padding:10px 12px!important;white-space:nowrap!important}.modal-body,.modal-content{border-radius:16px!important;margin:16px!important;max-height:calc(100vh - 100px)!important;max-width:100%!important;width:calc(100% - 32px)!important}.modal-header{padding:16px!important}.modal-footer{flex-direction:column!important;gap:8px!important;padding:12px 16px!important}.modal-footer .btn{width:100%!important}.form-group{margin-bottom:14px!important}.form-input,.form-select,input[type=email],input[type=password],input[type=text],select,textarea{border-radius:10px!important;font-size:16px!important;height:46px!important;padding:12px 14px!important}textarea{height:auto!important;min-height:100px!important}.form-grid{gap:14px!important;grid-template-columns:1fr!important}.btn{border-radius:10px!important;font-size:14px!important;min-height:44px!important;padding:12px 16px!important}.btn-group{flex-direction:column!important;gap:8px!important}.btn-group .btn{width:100%!important}.desktop-only{display:none!important}.mobile-only{display:block!important}.dashboard-header,.welcome-section{margin-bottom:16px!important;padding:16px!important}.dashboard-header h1,.welcome-section h1{font-size:22px!important}.dashboard-header p,.welcome-section p{font-size:14px!important}.quick-actions{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,1fr)!important}.quick-action-card{border-radius:12px!important;padding:16px!important}.quick-action-card i{font-size:24px!important}.quick-action-card span{font-size:12px!important}}@media screen and (max-width:375px){.topbar{gap:8px!important;padding:10px 12px!important}.hamburger-menu{height:36px!important;width:36px!important}.topbar .profile .avatar{height:32px!important;width:32px!important}.content-grid,.stat-cards,.stats-grid{gap:10px!important;grid-template-columns:1fr!important}.card.stat{min-height:100px!important;padding:12px!important}.card.stat .value{font-size:26px!important}.card.stat .label,.card.stat .title,.card.stat .top>div:first-child,.card.stat .top>span:first-child{font-size:10px!important}.stat-card{min-height:90px!important;padding:12px!important}.stat-card .stat-value,.stat-card h3{font-size:24px!important}.activity-item,.recent-item{gap:10px!important;padding:10px 12px!important}.activity-icon{height:36px!important;min-width:36px!important;width:36px!important}.activity-icon i{font-size:16px!important}.mobile-bottom-nav{height:65px!important}.mobile-nav-item{min-width:50px!important;padding:6px 8px!important}.mobile-nav-item i{font-size:20px!important}.mobile-nav-item span{font-size:9px!important}.sidebar{width:260px!important}.content{padding:12px!important}}@media screen and (max-width:768px) and (orientation:landscape){.content-grid,.stat-cards,.stats-grid{gap:10px!important;grid-template-columns:repeat(4,1fr)!important}.card.stat{min-height:90px!important;padding:10px!important}.card.stat .value{font-size:20px!important}.card.stat .top>div:first-child{font-size:10px!important}.card.stat .delta{font-size:9px!important;padding:3px 6px!important}.mobile-bottom-nav{height:56px!important;padding:4px 0!important}.mobile-nav-item{flex-direction:row!important;gap:6px!important;padding:8px 16px!important}.mobile-nav-item i{font-size:18px!important}.mobile-nav-item span{font-size:11px!important}.main{padding-bottom:60px!important}.topbar{height:52px!important}.main{padding-top:52px!important}}@media screen and (min-width:481px) and (max-width:768px){.sidebar{width:300px!important}.content-grid,.stat-cards,.stats-grid{grid-template-columns:repeat(2,1fr)!important}.file-grid{grid-template-columns:repeat(3,1fr)!important}.content{padding:20px!important}}@media screen and (max-width:768px){html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.btn:active,.card:active,.mobile-nav-item:active,.sidebar .menu a:active{opacity:.9;transform:scale(.98)}.mobile-bottom-nav,.sidebar .menu,.topbar{-webkit-user-select:none;user-select:none}body{overscroll-behavior-y:contain}.topbar{padding-top:max(12px,env(safe-area-inset-top))!important}.content{padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.sidebar.mobile-open{animation:slideInLeft .3s ease forwards}.mobile-bottom-nav{animation:slideInUp .3s ease forwards}.mobile-overlay.show{animation:fadeIn .3s ease forwards}}.faculty-dashboard{--radius:16px;--shadow:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.admin-container{background:var(--surface)}.frame{min-height:100vh;transition:all .3s ease}.resize-handle:hover{border-left:2px solid var(--primary-400)}.resize-handle:active{border-left:2px solid var(--primary-500)}.sidebar{background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:2px 0 8px rgba(0,0,0,.05);padding:24px 20px;position:relative;z-index:10}.brand{border-bottom:1px solid var(--line);gap:12px;margin-bottom:32px;padding-bottom:24px}.logo{align-items:center;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:12px;box-shadow:0 4px 12px rgba(24,163,111,.3);color:#fff;display:flex;font-size:20px;font-weight:800;height:48px;justify-content:center;width:48px}.info .name{color:var(--text);font-size:18px;font-weight:700;line-height:1.2}.info .role{background:var(--primary-100);border-radius:6px;color:var(--primary-700);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:4px;padding:4px 8px}.dashboard-section-title:before{background:linear-gradient(135deg,var(--primary-600),var(--primary-500))}.menu{gap:4px}.menu a{border-radius:12px;color:var(--text);font-weight:500;gap:12px;padding:12px 16px;transition:all .2s ease}.menu a:hover{background:var(--primary-100);border-color:var(--primary-200);color:var(--primary-700)}.menu a.active{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 4px 12px rgba(24,163,111,.3)}.menu a i{color:inherit;font-size:20px;min-width:20px}.menu a span{flex:1 1}.badge{background:var(--danger-light);border:1px solid var(--danger);border-radius:12px;color:var(--danger);font-size:11px;font-weight:600;padding:2px 8px}.badge.alert{background:var(--primary-100);border-color:var(--primary-300);color:var(--primary-700)}.main{background:var(--bg)}.topbar{gap:16px}.hamburger-menu{align-items:center;display:none;height:40px;justify-content:center;width:40px}.search{background:var(--bg-2);border-radius:12px;max-width:600px;padding:12px 16px}.search i{font-size:18px}.search input{border:none;font-size:14px;outline:none}.search input::placeholder{color:var(--muted)}.icon-btn{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.icon-btn.has-alert:after{right:6px;top:6px}.profile{gap:10px}.avatar{align-items:center;border-radius:10px;display:flex;font-size:14px;height:38px;justify-content:center;width:38px}.who b{font-size:13px}.who small{font-size:11px}.content{background:var(--surface);flex:1 1}.page-title{margin-bottom:32px}.page-title h1{color:var(--text);font-size:32px;line-height:1.2;margin-bottom:8px}.page-title p{font-size:16px}.card{box-shadow:var(--shadow);overflow:hidden;position:relative;transition:all .3s ease}.card:hover{box-shadow:var(--shadow-lg)}.stat{display:flex;flex-direction:column}.stat .value{color:var(--text);line-height:1}.stat.gradient .value{color:#fff}.stat .top{align-items:flex-start;color:var(--muted);font-size:13px;font-weight:600;gap:6px;justify-content:space-between}.stat .top>div{flex:1 1;line-height:1.3}.stat.gradient .top{color:hsla(0,0%,100%,.9)}.stat .upto{font-size:20px;opacity:.8}.stat .delta{border:1px solid;border-radius:20px;font-size:12px;gap:6px;padding:4px 12px}.stat.gradient{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border:none;box-shadow:0 4px 12px rgba(24,163,111,.2)}.stat.gradient .delta{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.9)}.section-heading h2{padding-bottom:8px;position:relative}.section-heading h2:after{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.activity-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.activity-header{align-items:center;background:var(--bg-2);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:20px 24px}.activity-header h3{color:var(--text);font-size:18px;font-weight:700}.activity-actions{display:flex;gap:8px}.activity-feed{max-height:400px;overflow-y:auto}.activity-item{align-items:flex-start;border-bottom:1px solid var(--line);cursor:pointer;display:flex;gap:16px;padding:20px 24px;transition:all .2s ease}.activity-item:hover{background:var(--bg-2)}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.activity-content{flex:1 1;min-width:0}.activity-title{color:var(--text);font-weight:600;margin-bottom:4px}.activity-description{color:var(--muted);font-size:14px;line-height:1.4}.activity-time{color:var(--muted);flex-shrink:0;font-size:12px;font-weight:500}.btn{background:var(--surface);border-radius:10px;color:var(--text);gap:8px;padding:10px 16px}.btn:hover{box-shadow:var(--shadow)}.btn.primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 4px 12px rgba(24,163,111,.3)}.btn.success{background:linear-gradient(135deg,var(--success),#16a34a)}.btn.btn-sm{font-size:12px;padding:6px 12px}@media (min-width:1200px){.content-grid{gap:16px!important;grid-template-columns:repeat(4,1fr)!important}}@media (max-width:1199px){.content-grid{gap:14px!important;grid-template-columns:repeat(4,1fr)!important}}@media (max-width:768px){.content:not(.chat-content) h2{align-items:center!important;background:#f0fdf4!important;background:var(--g-50,#f0fdf4)!important;border-left:4px solid #22c55e!important;border-left:4px solid var(--g-500,#22c55e)!important;border-radius:12px!important;box-shadow:0 1px 3px rgba(0,0,0,.05)!important;color:#14532d!important;color:var(--g-900,#14532d)!important;display:flex!important;font-size:22px!important;gap:14px!important;padding:16px 20px!important}.content:not(.chat-content) h2:before{font-size:20px!important}.content-grid{gap:12px!important;grid-template-columns:repeat(2,1fr)!important}.frame{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.mobile-open{transform:translateX(0)}.hamburger-menu{display:flex}.content,.topbar{padding:16px 20px}}.card{border-radius:20px;box-shadow:var(--shadow-xl);max-height:85vh;max-width:600px;overflow-y:auto;transform:scale(.95);transition:transform .3s ease;width:90%}.content:not(.chat-content) h2{font-size:28px!important;gap:14px!important;padding:18px 26px!important}.content:not(.chat-content) h2:before{font-size:28px!important}.profile-overlay.show .profile-modal{transform:scale(1)}.profile-header{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;padding:32px 24px;position:relative;text-align:center}.profile-close{align-items:center;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px}.profile-close:hover{background:hsla(0,0%,100%,.3)}.profile-avatar{align-items:center;background:hsla(0,0%,100%,.2);border:3px solid hsla(0,0%,100%,.3);border-radius:50%;display:flex;font-size:36px;font-weight:700;height:80px;justify-content:center;margin:0 auto 16px;width:80px}.profile-name{font-size:24px;font-weight:700;margin-bottom:4px}.profile-role{font-size:12px;font-weight:600;letter-spacing:1px;opacity:.9}.profile-content{padding:24px}.profile-section{margin-bottom:32px}.profile-section h3{color:var(--text);font-size:16px;font-weight:700;gap:8px;margin-bottom:16px;padding-bottom:8px}.profile-detail,.profile-section h3{align-items:center;border-bottom:1px solid var(--line);display:flex}.profile-detail{gap:16px;padding:12px 0}.profile-detail:last-child{border-bottom:none}.profile-detail-icon{align-items:center;background:var(--primary-100);border-radius:10px;color:var(--primary-600);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.profile-detail-content{flex:1 1}.profile-detail-label{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.profile-detail-value{color:var(--text);font-size:14px;font-weight:500;margin-top:2px}.profile-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.profile-stat{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:16px;text-align:center}.profile-stat-value{color:var(--primary-600);font-size:24px;font-weight:800;margin-bottom:4px}.profile-stat-label{color:var(--muted);font-size:12px;font-weight:500}@media (max-width:1024px){.content-grid{gap:14px!important;grid-template-columns:repeat(4,1fr)!important}.frame{grid-template-columns:1fr}.sidebar{height:100vh;left:-300px;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:20}.frame.sidebar-open .sidebar{left:0}.hamburger-menu{display:flex}.profile-stats{grid-template-columns:1fr}}@media (max-width:600px){.topbar{padding:12px 16px}.content{padding:16px}.page-title h1{font-size:24px}.activity-actions{flex-direction:column;gap:8px}.profile-modal{margin:20px;width:95%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.activity-item{animation:fadeIn .3s ease}.card{animation:slideIn .3s ease}.wallet-container{display:inline-block;position:relative}.wallet-button{align-items:center;background:linear-gradient(135deg,var(--primary),#667eea);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.wallet-button:hover{box-shadow:0 4px 12px rgba(102,126,234,.3);transform:translateY(-2px)}.wallet-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.wallet-icon{fill:currentColor;height:20px;width:20px}.wallet-dropdown{animation:slideDown .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:280px;padding:12px;right:auto;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.wallet-address{color:var(--text-light);font-size:14px;margin-bottom:8px}.wallet-network{color:var(--primary)}.wallet-balance,.wallet-network{font-size:14px;font-weight:500;margin-bottom:12px}.wallet-balance{color:var(--text)}.disconnect-button{background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--text);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease;width:100%}.disconnect-button:hover{background:var(--surface);border-color:var(--primary)}.student-dashboard{--radius:20px;--shadow:0 10px 30px rgba(15,23,42,.08);--shadow-soft:0 4px 16px rgba(15,23,42,.06)}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fade-in .3s ease-out forwards;opacity:0}.animate-slide-in{animation:slide-in .3s ease-out forwards;opacity:0}.student-container{background:#fff}.admin-container,.student-container{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;font-size:14px;min-height:100vh;padding:40px 20px}.admin-container{background:radial-gradient(1200px 700px at -10% -20%,#f7fafc,#eef3f8 60%,#e9eff6) fixed}.frame{background:var(--surface);border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);display:grid;grid-template-columns:320px 1fr;grid-template-columns:var(--sidebar-width,320px) 1fr;margin:0 auto;max-width:1800px;min-height:900px;overflow:hidden;position:relative;transition:grid-template-columns .3s ease}.frame.sidebar-collapsed{grid-template-columns:80px 1fr}.resize-handle{background:rgba(19,129,95,.1);border-left:1px solid rgba(19,129,95,.2);bottom:0;cursor:col-resize;left:320px;left:var(--sidebar-width,320px);position:absolute;top:0;transition:all .2s ease;width:6px;z-index:1000}.resize-handle:hover{background:rgba(19,129,95,.2);border-left:2px solid var(--g-400);width:8px}.resize-handle:active{background:rgba(19,129,95,.3);border-left:2px solid var(--g-500)}.sidebar{background:#fbfcfe;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:20px;max-height:100vh;overflow-x:hidden;overflow-y:scroll;padding:28px 20px;transition:all .3s ease}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#f1f5f9}.sidebar::-webkit-scrollbar-thumb{background:var(--g-300);border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--g-400)}.sidebar-collapsed .sidebar{padding:28px 10px}.sidebar-content{flex:1 1;overflow-x:hidden;overflow-y:auto}.brand{align-items:center;display:flex;gap:14px;padding:10px 10px 0;transition:all .3s ease}.sidebar-collapsed .brand .info{display:none}.brand .logo{background:radial-gradient(80% 80% at 30% 20%,var(--g-400),var(--g-700));border-radius:16px;box-shadow:inset 0 -8px 16px rgba(0,0,0,.1);color:#fff;display:grid;flex-shrink:0;font-size:24px;font-weight:800;height:52px;place-items:center;width:52px}.brand .info{display:flex;flex-direction:column;gap:2px}.brand .name{font-size:17px;font-weight:700;letter-spacing:.2px}.brand .role{background:var(--g-200);border-radius:7px;color:var(--g-700);font-size:12px;margin-top:2px;padding:3px 8px;width:-webkit-max-content;width:max-content}.section-title{color:var(--text);font-size:12px;font-weight:700;letter-spacing:.14em;padding:16px 12px 8px;text-transform:uppercase;transition:all .3s ease}.sidebar-collapsed .section-title{font-size:0;padding:18px 0 10px;text-align:center}.sidebar-collapsed .section-title:before{content:"•••";display:block;font-size:13px}.dashboard-section-title{align-items:center;color:var(--text);display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;margin:24px 0 16px;padding:0 2px;text-transform:uppercase}.dashboard-section-title:before{background:linear-gradient(135deg,var(--g-600),var(--g-500));border-radius:2px;content:"";height:16px;width:4px}.menu{display:flex;flex-direction:column;gap:8px}.menu a{align-items:center;border:1px solid transparent;border-radius:14px;color:#0f172a;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:14px;padding:14px;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.sidebar-collapsed .menu a{justify-content:center;padding:14px 10px}.sidebar-collapsed .menu a span:not(.badge){display:none}.sidebar-collapsed .menu a .badge{align-items:center;box-sizing:border-box;display:flex;font-size:10px;height:18px;justify-content:center;min-width:18px;padding:2px 6px;position:absolute;right:4px;top:4px}.menu a i{color:var(--icon);font-size:24px}.menu a:hover{background:#f5f8fb;border-color:var(--line);transform:translateX(2px)}.menu a.active{background:linear-gradient(135deg,var(--g-700),var(--g-500));border-color:transparent;box-shadow:var(--shadow-soft);color:#fff}.menu a.active i{color:#eafff2}.badge{background:#eef2ff;border:1px solid #e5e7eb;border-radius:999px;color:#3949ab;flex-shrink:0;font-size:13px;line-height:1.2;margin-left:auto;min-width:24px;padding:3px 10px;text-align:center}.badge.alert{background:var(--g-200);border-color:var(--g-300);color:var(--g-800)}.download-card{background:radial-gradient(160% 120% at 10% 10%,#003a2c,#0a633f 50%,#0e7a53);border-radius:20px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08);color:#eafff6;margin-top:10px;overflow:hidden;padding:18px;position:relative;transition:all .3s ease}.sidebar-collapsed .download-card{padding:14px 10px;text-align:center}.sidebar-collapsed .download-card h4,.sidebar-collapsed .download-card p,.sidebar-collapsed .download-card small{display:none}.sidebar-collapsed .download-card .btn{font-size:0;padding:10px}.sidebar-collapsed .download-card .btn i{font-size:20px;margin:0}.download-card:after{background:radial-gradient(closest-side,hsla(0,0%,100%,.25),transparent 70%);border-radius:50%;content:"";filter:blur(12px);height:200px;inset:-30% -30% auto auto;position:absolute;width:200px}.download-card h4{font-size:16px;font-weight:700;margin:5px 0 3px}.download-card p{color:#c7ffe6;font-size:14px;margin:0 0 14px}.download-card .btn{align-items:center;background:#0b2;background:#bff5da;border:1px solid rgba(0,0,0,.1);border-radius:14px;color:#041f14;display:inline-flex;font-size:14px;font-weight:600;gap:10px;padding:12px 16px;text-decoration:none}.download-card .btn i{color:#055d3e;font-size:18px}.main{display:flex;flex-direction:column;min-height:100%}.topbar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,var(--surface) 0,hsla(0,0%,100%,.95) 100%);border-bottom:1px solid var(--line);box-shadow:0 1px 3px rgba(0,0,0,.02),0 4px 12px rgba(0,0,0,.03);display:flex;gap:18px;justify-content:space-between;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.topbar .global-search-container{flex:1 1;margin:0 auto;max-width:500px}.hamburger-menu{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.02);color:var(--icon);cursor:pointer;display:grid;height:42px;place-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);width:42px}.hamburger-menu:hover{background:linear-gradient(145deg,var(--primary-light),var(--primary-color));border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb),.25);color:#fff;transform:scale(1.02)}.hamburger-menu i{font-size:20px}.search{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:16px;display:flex;flex:1 1;gap:12px;padding:12px 14px}.search i{color:var(--icon);font-size:20px}.search input{background:transparent;border:0;color:var(--text);flex:1 1;font-size:15px;outline:0}.top-actions{align-items:center;display:flex;gap:10px;margin-left:auto}.icon-btn{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.02);color:var(--icon);cursor:pointer;display:grid;height:42px;place-items:center;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);width:42px}.icon-btn i{font-size:19px}.icon-btn:hover{background:linear-gradient(145deg,var(--primary-light),var(--primary-color));border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb),.25);color:#fff;transform:scale(1.02)}.icon-btn.has-alert:after{animation:pulse-alert 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(239,68,68,.4);content:"";height:10px;position:absolute;right:8px;top:8px;width:10px}@keyframes pulse-alert{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.profile{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 4px rgba(0,0,0,.02);cursor:pointer;display:flex;gap:12px;margin-left:8px;padding:8px 12px;transition:all .25s cubic-bezier(.4,0,.2,1)}.profile:hover{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb),.12);transform:translateY(-1px)}.avatar{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:12px;box-shadow:0 2px 8px rgba(var(--primary-rgb),.3);color:#fff;display:grid;font-size:15px;font-weight:700;height:40px;place-items:center;width:40px}.who{display:flex;flex-direction:column;gap:2px;line-height:1.2}.who b{color:var(--text);font-size:14px}.who small{color:var(--muted);font-size:12px;text-transform:capitalize}.wallet-dropdown-btn{align-items:center!important;background:var(--primary-color)!important;border:none!important;border-radius:10px!important;box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:13px!important;font-weight:600!important;gap:8px!important;padding:8px 14px!important;transition:all .2s ease!important}.wallet-dropdown-btn:hover{background:var(--g-600)!important;box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)!important;transform:translateY(-1px)!important}.wallet-dropdown-btn i{color:#fff!important;font-size:16px!important}.wallet-dropdown-btn span{-webkit-text-fill-color:#fff!important;color:#fff!important;font-weight:600!important}[data-wallet-dropdown]{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 10px 25px rgba(0,0,0,.15)!important;overflow:hidden!important}@keyframes walletDropdownSlide{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}[data-wallet-dropdown]>div:first-child{background:linear-gradient(135deg,rgba(var(--primary-rgb),.06),rgba(var(--primary-rgb),.02))!important;border-bottom:1px solid rgba(var(--primary-rgb),.1)!important}.bar-actions{display:flex;flex-wrap:wrap;gap:12px;padding:18px 24px 0}.btn{align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;color:#0f172a;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.btn i{color:var(--icon);font-size:18px}.btn:hover{transform:translateY(-1px)}.btn.primary,.btn:hover{box-shadow:var(--shadow-soft)}.btn.primary{background:linear-gradient(135deg,var(--g-700),var(--g-500));border-color:transparent;color:#fff}.btn.primary i{color:#eafff2}.btn.success{background:linear-gradient(135deg,var(--g-600),var(--g-400))}.btn.danger,.btn.success{border-color:transparent;color:#fff}.btn.danger{background:linear-gradient(135deg,#dc2626,#ef4444)}.btn.warning{background:linear-gradient(135deg,#d97706,var(--warning));border-color:transparent;color:#fff}.content{background:#fff;display:flex;flex-direction:column;gap:20px;min-width:0;overflow-x:hidden;overflow-y:auto;padding:20px 24px 32px}.content.chat-content{background:none;display:flex;flex:1 1;flex-direction:column;gap:0;margin:0;max-width:100%;min-width:0;overflow:hidden;padding:0}.page-title{padding:0 0 4px 4px}.page-title h1{font-size:28px;font-weight:800;margin:8px 0 6px}.page-title p{color:var(--muted);font-size:15px;margin:0}.content-grid{align-items:stretch;justify-content:start;margin-bottom:24px;width:100%}.content-grid,.content-grid.ai-style-change-1,div.content-grid{grid-gap:16px!important;display:grid!important;gap:16px!important;grid-template-columns:repeat(4,1fr)!important}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);max-width:300px;padding:18px;transition:all .2s ease}.card:hover{box-shadow:0 12px 40px rgba(15,23,42,.12);transform:translateY(-2px)}.card h3{font-size:17px;font-weight:700;margin:0 0 10px}.stat{grid-gap:8px;display:grid;gap:8px;max-width:300px;min-height:130px;overflow:hidden;position:relative}.stat .top{gap:12px}.stat .top,.stat .top .upto{align-items:center;display:flex}.stat .top .upto{color:var(--icon);font-size:20px;gap:6px;margin-left:auto}.stat .value{font-size:28px;font-weight:800;letter-spacing:-.02em}.stat .delta{align-items:center;background:#e9fff4;border:1px solid #bff3d6;border-radius:999px;color:#108a5a;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:4px 10px;width:-webkit-max-content;width:max-content}.stat.gradient{background:linear-gradient(135deg,var(--g-700),var(--g-400));border:0;color:#fff}.stat.gradient .delta{background:hsla(0,0%,100%,.14);border-color:hsla(0,0%,100%,.22);color:#eafff0}.section-heading h2{color:var(--text);font-size:20px;font-weight:700;margin:32px 0 16px}.status{align-items:center;border:1px solid;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;width:-webkit-max-content;width:max-content}.status.completed,.status.verified{background:var(--g-50);border-color:var(--g-300);color:var(--g-700)}.status.shared{background:var(--amber-100);border-color:var(--amber-300);color:var(--amber-800)}.status.generated{background:var(--indigo-50);border-color:var(--indigo-300);color:var(--indigo-700)}.status.approved{background:var(--g-50);border-color:var(--g-300);color:var(--g-700)}.status.pending{background:var(--yellow-50);border-color:var(--yellow-300);color:var(--yellow-700)}.status.rejected{background:var(--red-50);border-color:var(--red-300);color:var(--red-700)}@media (max-width:920px){.content-grid{gap:12px!important;grid-template-columns:repeat(4,1fr)!important}}@media (max-width:640px){.content-grid{gap:12px!important;grid-template-columns:repeat(2,1fr)!important}.bar-actions{flex-direction:column}}.wallet-btn{margin-right:16px}.wallet-btn button{border-radius:8px!important;font-size:14px!important;font-weight:500!important;transition:all .2s ease!important}.wallet-btn button:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}.wallet-dropdown{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);left:0;margin-top:4px;max-width:350px;min-width:300px;position:absolute;top:100%;z-index:9999}.wallet-info{padding:16px}.wallet-address-section{border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:16px}.wallet-address-section strong{color:var(--muted);display:block;font-size:12px;margin-bottom:8px}.wallet-address{background:var(--background);border:1px solid var(--line);border-radius:6px;color:var(--text);font-family:Courier New,monospace;font-size:12px;line-height:1.4;padding:10px 12px;word-break:break-all}.network-section{border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:16px}.network-status{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:4px}.network-status.correct{color:var(--success)}.network-status.incorrect{color:#ff6b35}.network-indicator{background:currentColor;border-radius:50%;height:8px;width:8px}.network-warning{color:#ff6b35;font-size:11px;margin-top:4px}.disconnect-btn{align-items:center;background:var(--surface);border:1px solid var(--primary);border-radius:6px;color:var(--primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease;width:100%}.disconnect-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.content:not(.chat-content) h2{align-items:center!important;background:#f0fdf4!important;background:var(--g-50,#f0fdf4)!important;border-left:4px solid #22c55e!important;border-left:4px solid var(--g-500,#22c55e)!important;border-radius:12px!important;box-shadow:0 1px 3px rgba(0,0,0,.05)!important;color:#14532d!important;color:var(--g-900,#14532d)!important;display:flex!important;font-size:26px!important;font-weight:600!important;gap:12px!important;margin:0 0 24px!important;padding:16px 24px!important}.content:not(.chat-content) h2:before{color:#16a34a!important;color:var(--g-600,#16a34a)!important;content:"\edc1"!important;font-family:remixicon!important;font-size:24px!important;font-weight:400!important}@media (max-width:768px){.wallet-dropdown{left:-20px;max-width:320px;min-width:280px}.content:not(.chat-content) h2{align-items:center!important;background:#f0fdf4!important;background:var(--g-50,#f0fdf4)!important;border-left:4px solid #22c55e!important;border-left:4px solid var(--g-500,#22c55e)!important;border-radius:12px!important;box-shadow:0 1px 3px rgba(0,0,0,.05)!important;color:#14532d!important;color:var(--g-900,#14532d)!important;display:flex!important;font-size:22px!important;gap:14px!important;padding:16px 20px!important}.content:not(.chat-content) h2:before{font-size:20px!important}}@media (max-width:480px){.wallet-dropdown{left:-40px;max-width:300px;min-width:260px}}.verify-page{align-items:flex-start;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:40px 20px}.verify-container{background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);max-width:900px;overflow:hidden;width:100%}.verify-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;text-align:center}.logo-section{gap:16px;margin-bottom:12px}.logo-icon,.logo-section{align-items:center;display:flex;justify-content:center}.logo-icon{background:hsla(0,0%,100%,.2);border-radius:12px;height:48px;width:48px}.logo-icon svg{height:28px;width:28px}.verify-header h1{font-size:2rem;font-weight:700;margin:0}.verify-subtitle{font-size:1rem;margin:0;opacity:.9}.verify-input-section{border-bottom:1px solid #e5e7eb;padding:32px 40px}.input-group{margin-bottom:20px}.input-group label{color:#374151;display:block;font-weight:600;margin-bottom:8px}.input-with-button{display:flex;gap:12px}.code-input{border:2px solid #e5e7eb;border-radius:12px;flex:1 1;font-family:Fira Code,Monaco,monospace;font-size:1.1rem;letter-spacing:1px;padding:14px 18px;transition:all .2s}.code-input:focus{border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1);outline:none}.code-input::placeholder{color:#9ca3af;letter-spacing:0}.verify-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 32px;transition:all .2s}.verify-btn:hover:not(:disabled){box-shadow:0 8px 20px rgba(102,126,234,.4);transform:translateY(-2px)}.verify-btn:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:20px;width:20px}.scanner-section{flex-direction:column;gap:16px}.scanner-btn,.scanner-section{align-items:center;display:flex}.scanner-btn{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;font-size:.95rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.scanner-btn svg{height:20px;width:20px}.scanner-btn:hover{background:#e5e7eb}.scanner-btn.active{background:#fef2f2;border-color:#ef4444;color:#dc2626}.scanner-view{background:#000;border-radius:16px;height:300px;overflow:hidden;position:relative;width:300px}.scanner-video{height:100%;object-fit:cover;width:100%}.scanner-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.scanner-frame{border:3px solid #667eea;border-radius:16px;box-shadow:0 0 0 9999px rgba(0,0,0,.4);height:200px;width:200px}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;gap:12px;margin:0 40px 20px;padding:16px 24px}.error-message svg{flex-shrink:0;height:24px;width:24px}.verification-result{border:2px solid #e5e7eb;border-radius:16px;margin:24px 40px 40px;overflow:hidden}.verification-result.verified{border-color:#10b981}.verification-result.not-verified{border-color:#f59e0b}.result-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:20px 24px}.result-header,.status-badge{align-items:center;display:flex}.status-badge{border-radius:9999px;font-size:.9rem;font-weight:700;gap:8px;padding:8px 16px}.status-badge.verified{background:#d1fae5;color:#059669}.status-badge.not-verified{background:#fef3c7;color:#d97706}.status-badge svg{height:20px;width:20px}.verification-code{background:#e5e7eb;border-radius:8px;color:#6b7280;font-family:Fira Code,Monaco,monospace;font-size:1rem;padding:8px 16px}.result-sections{display:flex;flex-direction:column;gap:24px;padding:24px}.result-section{background:#f9fafb;border-radius:12px;padding:20px}.result-section h3{align-items:center;color:#1f2937;display:flex;font-size:1.1rem;gap:10px;margin:0 0 16px}.result-section h3 svg{color:#667eea;height:22px;width:22px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column;gap:4px}.info-item.full-width{grid-column:1/-1}.info-item label{color:#6b7280;font-size:.85rem;font-weight:500}.info-item code,.info-item span{color:#1f2937;font-size:1rem}.info-item code{background:#e5e7eb;border-radius:6px;font-family:Fira Code,Monaco,monospace;font-size:.9rem;padding:8px 12px;word-break:break-all}.info-item .status{border-radius:9999px;display:inline-block;font-size:.85rem;font-weight:600;padding:4px 12px}.info-item .status.approved{background:#d1fae5;color:#059669}.info-item .status.rejected{background:#fee2e2;color:#dc2626}.info-item .status.pending{background:#fef3c7;color:#d97706}.document-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.doc-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s}.doc-btn svg{height:18px;width:18px}.doc-btn.stamped{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.doc-btn.stamped:hover{box-shadow:0 6px 16px rgba(16,185,129,.4);transform:translateY(-2px)}.doc-btn.original{background:#e5e7eb;color:#374151}.doc-btn.original:hover{background:#d1d5db}.approvers-list{display:flex;flex-direction:column;gap:12px}.approver-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:14px 18px}.approver-item.approved{border-left:4px solid #10b981}.approver-item.rejected{border-left:4px solid #ef4444}.approver-item.pending{border-left:4px solid #f59e0b}.approver-info{display:flex;flex-direction:column}.approver-name{color:#1f2937;font-weight:600}.approver-role{color:#6b7280;font-size:.85rem}.approver-status span{align-items:center;border-radius:9999px;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:4px 12px}.approved-badge{background:#d1fae5;color:#059669}.rejected-badge{background:#fee2e2;color:#dc2626}.pending-badge{background:#fef3c7;color:#d97706}.approver-status svg{height:14px;width:14px}.approver-timestamp{color:#9ca3af;font-size:.8rem;text-align:right;width:100%}.result-section.blockchain{background:#1e1b4b;color:#fff}.result-section.blockchain h3{color:#e0e7ff}.result-section.blockchain h3 svg{color:#a5b4fc}.blockchain-info{display:flex;flex-direction:column;gap:16px}.blockchain-info .info-item label{color:#a5b4fc}.blockchain-info .info-item code{background:#312e81;color:#e0e7ff}.tx-hash{display:flex;flex-direction:column;gap:8px}.etherscan-link{align-items:center;color:#818cf8;display:inline-flex;font-size:.85rem;gap:6px;text-decoration:none;transition:color .2s}.etherscan-link:hover{color:#a5b4fc;text-decoration:underline}.verify-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:24px 40px;text-align:center}.verify-footer p{color:#6b7280;font-size:.9rem;line-height:1.6;margin:0 0 16px}.footer-links{display:flex;gap:24px;justify-content:center}.footer-links a{color:#667eea;font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#764ba2}@media (max-width:640px){.verify-page{padding:20px 10px}.verify-container{border-radius:16px}.verify-header{padding:24px 20px}.verify-header h1{font-size:1.5rem}.logo-section{flex-direction:column;gap:12px}.verify-input-section{padding:20px}.input-with-button{flex-direction:column}.result-sections{padding:16px}.result-header{flex-direction:column;gap:12px}.verification-result{margin:16px}.verify-footer{padding:20px}}.loading-screen{align-items:center;background:linear-gradient(135deg,#f0fdf4,#ecfdf5 50%,#d1fae5);display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999}.loading-screen:after,.loading-screen:before{animation:float 8s ease-in-out infinite;border-radius:50%;content:"";filter:blur(80px);opacity:.5;position:absolute}.loading-screen:before{animation-delay:0s;background:rgba(16,185,129,.2);height:400px;right:-100px;top:-100px;width:400px}.loading-screen:after{animation-delay:-4s;background:rgba(5,150,105,.15);bottom:-50px;height:300px;left:-50px;width:300px}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.loading-content{flex-direction:column;gap:32px;z-index:1}.loading-content,.loading-logo{align-items:center;display:flex}.loading-logo{height:100px;justify-content:center;position:relative;width:100px}.loading-ring{animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border-bottom:3px solid transparent;border-left:3px solid transparent;border-radius:50%;border-right:3px solid #10b981;border-right-color:var(--primary-color,#10b981);border-top:3px solid #10b981;border-top-color:var(--primary-color,#10b981);height:100%;position:absolute;width:100%}.loading-ring:before{animation:spin 2s cubic-bezier(.5,0,.5,1) infinite reverse;border-color:transparent transparent rgba(16,185,129,.3) rgba(16,185,129,.3);border-radius:50%;border-style:solid;border-width:3px;bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-icon{align-items:center;animation:pulse-icon 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-color,#10b981) 0,var(--primary-dark,#059669) 100%);border-radius:16px;box-shadow:0 8px 32px rgba(16,185,129,.3);display:flex;height:56px;justify-content:center;width:56px}.loading-icon i{color:#fff;font-size:28px}@keyframes pulse-icon{0%,to{box-shadow:0 8px 32px rgba(16,185,129,.3);transform:scale(1)}50%{box-shadow:0 12px 40px rgba(16,185,129,.4);transform:scale(1.05)}}.loading-brand{text-align:center}.loading-brand h1{color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.loading-brand h1 span{color:#10b981;color:var(--primary-color,#10b981)}.loading-brand p{color:#64748b;font-size:14px;font-weight:500;margin:0}.loading-dots{align-items:center;display:flex;gap:8px}.loading-dot{animation:bounce 1.4s ease-in-out infinite;background:#10b981;background:var(--primary-color,#10b981);border-radius:50%;height:10px;width:10px}.loading-dot:first-child{animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.loading-progress{background:rgba(16,185,129,.15);border-radius:4px;height:4px;overflow:hidden;position:relative;width:200px}.loading-progress-bar{animation:progress 1.5s ease-in-out infinite;background:linear-gradient(90deg,#10b981,#059669);background:linear-gradient(90deg,var(--primary-color,#10b981),var(--primary-dark,#059669));border-radius:4px;height:100%;left:0;position:absolute;top:0;width:40%}@keyframes progress{0%{left:-40%}to{left:100%}}.loading-status{animation:fade-text 2s ease-in-out infinite;color:#64748b;font-size:13px;font-weight:500}@keyframes fade-text{0%,to{opacity:.6}50%{opacity:1}}.loading-chain{align-items:center;display:flex;gap:4px;margin-top:8px}.chain-block{animation:chain-pulse 1.5s ease-in-out infinite;background:#10b981;background:var(--primary-color,#10b981);border-radius:3px;height:12px;width:12px}.chain-block:first-child{animation-delay:0s}.chain-block:nth-child(2){animation-delay:.15s}.chain-block:nth-child(3){animation-delay:.3s}.chain-block:nth-child(4){animation-delay:.45s}.chain-block:nth-child(5){animation-delay:.6s}.chain-link{animation:chain-link-pulse 1.5s ease-in-out infinite;background:rgba(16,185,129,.4);height:2px;width:8px}.chain-link:nth-child(2){animation-delay:75ms}.chain-link:nth-child(4){animation-delay:.225s}.chain-link:nth-child(6){animation-delay:.375s}.chain-link:nth-child(8){animation-delay:.525s}@keyframes chain-pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}@keyframes chain-link-pulse{0%,to{opacity:.3}50%{opacity:.8}}@media (prefers-color-scheme:dark){.loading-screen{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a)}.loading-screen:before{background:rgba(16,185,129,.1)}.loading-screen:after{background:rgba(5,150,105,.08)}.loading-brand h1{color:#f1f5f9}.loading-brand p,.loading-status{color:#94a3b8}}@media screen and (max-width:480px){.loading-logo{height:80px;width:80px}.loading-icon{border-radius:12px;height:44px;width:44px}.loading-icon i{font-size:22px}.loading-brand h1{font-size:24px}.loading-brand p{font-size:13px}.loading-progress{width:160px}.loading-content{gap:24px}}
/*# sourceMappingURL=main.dba62a8c.css.map*/