@charset "UTF-8";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#f2f3f6;--bg-section:#fff;--bg-section-hover:#f0f1f4;--bg-dark-hover:#d0d0d1;--bg-sidebar:#fff;--border:#e2e4e9;--border-sec:#5d12eb;--text:#1a1a1a;--sub-text:#363b47;--sub-text2:#363b47;--text-white:#fff;--text-primary2:var(--primary);--sub-text-grey:#5f5f5f;--primary:#6d5fea;--primary-soft:#afa6fc;--icon-card-primary:#6d5fea;--logo-bg:linear-gradient(135deg,#d5ccff,#afc6ff);--logo-bg-gradient:var(--bg-icon2);--icon1:var(--primary);--table-header-bg:#eef2ff;--table-header-text:#3730a3;--text-primary:#111827;--text-secondary:#6b7280;--accent:#2563eb;--accent-hover:#1e40af;--card-bg:#fff;--card-border:#11182714;--card-hover-border:#b09dfd59;--card-shadow:0 6px 18px #1118270f;--input-bg:#f0f1f4;--input-bg-hover:#fff;--bg-icon:#f0ecf9;--bg-icon2:linear-gradient(135deg,#6d5fea,#8b7cff);--box-shadow-purple:0px 4px 8px #6b11cb40;--box-shadow:0 2px 6px #00000012;--red-soft:#f7dddf;--red-bg:#f87171;--dropdown-hover:#f3e8ff;--link-text:#4345bc;--link-bg:#ececf8;--link-border:#ececf8;--area-design-color:#3b82f6;--area-music-color:#a855f7;--td-bg:var(--bg-section);--status-accepted-bg:#22c55e26;--status-accepted-border:#22c55e;--status-accepted-text:#166534;--status-confirmed-bg:#3b82f626;--status-confirmed-border:#3b82f6;--status-confirmed-text:#1d4ed8;--status-progress-bg:#f59e0b2e;--status-progress-border:#f59e0b;--status-progress-text:#92400e;--status-rejected-bg:#ef444426;--status-rejected-border:#ef4444;--status-rejected-text:#991b1b;--status-unknown-bg:#6b728026;--status-unknown-border:#6b7280;--status-unknown-text:#374151;--status-accepted-bg:#e6f9ed;--status-accepted-text:#1e7f43;--status-accepted-border:#9fe3b8;--status-hold-bg:#fff4e5;--status-hold-text:#b45309;--status-hold-border:#facc15;--status-cancle-bg:#fdeaea;--status-cancle-text:#b42318;--status-cancle-border:#fda4af;--status-on-progress-bg:#e8f0fe;--status-on-progress-text:#1d4ed8;--status-on-progress-border:#93c5fd;--status-revisi-bg:#f3e8ff;--status-revisi-text:#7c3aed;--status-revisi-border:#c4b5fd;--status-one-hit-bg:#ecfdf3;--status-one-hit-text:#15803d;--status-one-hit-border:#86efac;--status-pindah-producer-bg:#f1f5f9;--status-pindah-producer-text:#334155;--status-pindah-producer-border:#cbd5e1;--status-revisi-chat-progress-bg:#eef2ff;--status-revisi-chat-progress-text:#4338ca;--status-revisi-chat-progress-border:#a5b4fc;--status-revisi-chat-accept-bg:#ecfeff;--status-revisi-chat-accept-text:#0369a1;--status-revisi-chat-accept-border:#67e8f9;--status-finish-bg:#e0f2fe;--status-finish-text:#075985;--status-finish-border:#7dd3fc;--label-card-bg:#e6f6f3;--label-card-border:#5fc9b5;--label-card-text:#0f766e;--check-active:#16a34a;--check-success:#16a34a;--check-disabled:#64748b;--status-bg-opacity:0.30;--status-text-strength:-90;--status-border-strength:-40;--due-red-border:#ef4444;--due-red-bg:#fee2e2;--due-red-text:#ef4444;--due-orange-border:#f59e0b;--due-orange-bg:#feeac7;--due-orange-text:#f59e0b;--due-blue-border:#3b82f6;--due-blue-bg:#dbe8fe;--due-blue-text:#3b82f6;--due-normal-border:#22c55e;--due-normal-bg:#dcfce8;--due-normal-text:#22c55e;--badge-workspaces-bg:#e0f2fe;--badge-workspaces-text:#0369a1;--badge-boards-bg:#dcfce7;--badge-boards-text:#166534;--badge-lists-bg:#fef9c3;--badge-lists-text:#854d0e;--badge-cards-bg:#fce7f3;--badge-cards-text:#9d174d;--badge-data-marketing-bg:#f3e8ff;--badge-data-marketing-text:#6b21a8;--badge-marketing-design-bg:#e5e7eb;--badge-marketing-design-text:#374151}[data-theme=dark]{--bg:#1e222a;--bg-section:#14171d;--bg-section-hover:#2a2f38;--bg-dark-hover:#2a2f38;--bg-sidebar:#1a1d23;--border:#2f3440;--border-sec:#5d12eb;--text:#fff;--sub-text:#dee1e6;--sub-text2:#fff;--text-white:#fff;--text-primary2:#5d12eb;--sub-text-grey:#7a7d81;--primary:#3c31a3;--primary-soft:#a297ff;--icon-card-primary:#a5b4fc;--logo-bg:#171a1f;--logo-bg-gradient:#171a1f;--icon1:#dee1e6;--table-header-bg:#1e1b4b;--table-header-text:#e0e7ff;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--accent:#38bdf8;--accent-hover:#0ea5e9;--card-bg:#1b1f2a;--card-border:#ffffff0f;--card-hover-border:#7c5cff59;--input-bg:#14171d;--input-bg-hover:#2a2f38;--bg-icon:#372b56;--bg-icon2:linear-gradient(135deg,#4f42c9,#6d5fea);--box-shadow-purple:0px 4px 8px #6b11cb40;--box-shadow:0 2px 6px #ffffff0f;--red-soft:#ef4444;--red-bg:#f87171;--dropdown-hover:#7a3fff;--link-text:#a5b4fc;--link-bg:#1e1b4b;--link-border:#312e81;--area-design-color:#60a5fa;--area-music-color:#c084fc;--td-bg:var(--bg);--status-accepted-bg:#22c55e33;--status-accepted-border:#4ade80;--status-accepted-text:#bbf7d0;--status-confirmed-bg:#60a5fa33;--status-confirmed-border:#60a5fa;--status-confirmed-text:#bfdbfe;--status-progress-bg:#fbbf2440;--status-progress-border:#fbbf24;--status-progress-text:#fef3c7;--status-rejected-bg:rgba(132,38,38,.931);--status-rejected-border:#ae3232;--status-rejected-text:#fecaca;--status-unknown-bg:#9ca3af33;--status-unknown-border:#9ca3af;--status-unknown-text:#e5e7eb;--status-accepted-bg:#0f2f1e;--status-accepted-text:#6ee7b7;--status-accepted-border:#14532d;--status-hold-bg:#2a1d0a;--status-hold-text:#facc15;--status-hold-border:#713f12;--status-cancle-bg:#2a0f12;--status-cancle-text:#fda4af;--status-cancle-border:#7f1d1d;--status-on-progress-bg:#0f1e3a;--status-on-progress-text:#93c5fd;--status-on-progress-border:#1e3a8a;--status-revisi-bg:#24103a;--status-revisi-text:#d8b4fe;--status-revisi-border:#6d28d9;--status-one-hit-bg:#0f2f1a;--status-one-hit-text:#86efac;--status-one-hit-border:#166534;--status-pindah-producer-bg:#1e293b;--status-pindah-producer-text:#cbd5e1;--status-pindah-producer-border:#334155;--status-revisi-chat-progress-bg:#1e1b4b;--status-revisi-chat-progress-text:#a5b4fc;--status-revisi-chat-progress-border:#3730a3;--status-revisi-chat-accept-bg:#042f2e;--status-revisi-chat-accept-text:#67e8f9;--status-revisi-chat-accept-border:#155e75;--status-finish-bg:#082f49;--status-finish-text:#7dd3fc;--status-finish-border:#075985;--label-card-bg:#14b8a626;--label-card-border:#14b8a6;--label-card-text:#5eead4;--check-active:#4ade80;--check-success:#4ade80;--check-disabled:#94a3b8;--status-bg-opacity:0.30;--status-text-strength:90;--status-border-strength:40;--due-red-border:#f87171;--due-red-bg:#ef444426;--due-red-text:#fca5a5;--due-orange-border:#fbbf24;--due-orange-bg:#f59e0b26;--due-orange-text:#fcd34d;--due-blue-border:#60a5fa;--due-blue-bg:#3b82f626;--due-blue-text:#93c5fd;--due-normal-border:#4ade80;--due-normal-bg:#22c55e26;--due-normal-text:#86efac;--badge-workspaces-bg:#0c4a6e;--badge-workspaces-text:#e0f2fe;--badge-boards-bg:#14532d;--badge-boards-text:#dcfce7;--badge-lists-bg:#713f12;--badge-lists-text:#fef9c3;--badge-cards-bg:#831843;--badge-cards-text:#fce7f3;--badge-data-marketing-bg:#581c87;--badge-data-marketing-text:#f3e8ff;--badge-marketing-design-bg:#1f2933;--badge-marketing-design-text:#e5e7eb}*,: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:#3b82f680;--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:#3b82f680;--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.17 | 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:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}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:initial}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:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-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}textarea{resize:vertical}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}.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}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.box-content{box-sizing:initial}.flex{display:flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.hidden{display:none}.h-\[60vh\]{height:60vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.min-w-full{min-width:100%}.grow{flex-grow:1}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-180{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))}.rotate-180{--tw-rotate:180deg}.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}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.overflow-x-auto{overflow-x:auto}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-tl-md{border-top-left-radius:.375rem}.border{border-width:1px}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/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-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.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}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.lowercase{text-transform:lowercase}.italic{font-style:italic}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:#22c55e;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/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-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px 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)}.blur{--tw-blur:blur(8px)}.blur,.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-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-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-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-400:hover{--tw-bg-opacity:1;background-color:#9ca3af;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}@media (min-width:768px){.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.dnd-kit-drag-overlay,.dnd-kit-overlay,[data-dnd-kit-drag-overlay]{pointer-events:none!important;z-index:9999!important}#dnd-overlay-root,#dnd-overlay-root *{pointer-events:none!important}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-container{background-color:var(--bg);border-bottom-left-radius:8px;color:#333;flex-direction:column;height:93%;justify-content:center;padding-top:5px}.home-container,.home-header{align-items:center;display:flex}.home-header{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;justify-content:space-between;padding:5px 10px;position:relative;width:98%}.nav{align-items:flex-start;color:#fff;flex-direction:column}.nav-title{align-items:left;font-size:1.1rem;font-weight:600;gap:6px}.nav-subtext{color:#666;font-size:.85rem;margin:4px 0 0}.nav p{font-size:12px;margin:0}.home-header .hh-btn{align-items:center;background:var(--bg-icon2);border:1px solid #5220be46;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:10px;gap:5px;justify-content:center;letter-spacing:.2px;padding:5px 10px}.hh-btn:hover{box-shadow:var(--box-shadow-purple)}.hh-btn p{align-items:center;color:#ddd;display:flex;justify-content:center;margin:0}.wf-create{background-color:var(--bg);border:1px solid var(--border);border-radius:16px;box-shadow:var(--box-shadow);font-size:15px;position:absolute;right:0;top:80%;width:30vw!important;z-index:100}.wf-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 15px}.wf-icon{background:var(--bg-icon2);border:1px solid var(--bg);border-radius:6px;color:var(--text-white);font-size:15px;margin-right:5px;padding:5px}.wf-header h5{align-items:center;color:var(--sub-text);display:flex;font-size:12px;font-weight:700;justify-content:flex-start;margin:0}.wf-close{border:1px solid var(--bg);border-radius:4px;color:var(--sub-text);cursor:pointer;font-size:18px}.wf-close:hover{background-color:#eee;border:1px solid #eee;color:var(--primary)}.wf-content{align-items:center;padding:8px 15px}.wf-content,.wf-input{display:flex;flex-direction:column;justify-content:flex-start}.wf-input{margin-bottom:5px;width:100%}.wf-input label{color:var(--sub-text);font-size:10px;margin:5px 0}.wf-input input{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;color:var(--sub-text);font-size:12px;outline:none;padding:8px}.wf-input input:focus,.wf-input input:hover,.wf-input textarea:focus,.wf-input textarea:hover{background-color:var(--bg-section-hover);border:1px solid var(--border)}.wf-input textarea{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;color:var(--sub-text);font-size:12px;height:10vh;outline:none;padding:8px}.wf-content .wf-btn{align-items:center;display:flex;gap:10px;justify-content:center;padding:5px 0;width:100%}.wf-btn .submit-btn{background:linear-gradient(90deg,#7246eb,#532189);border-radius:8px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px;text-align:center;width:50%}.wf-btn .submit-btn:hover{background:linear-gradient(90deg,#532189,#7246eb);box-shadow:0 4px 8px #0003;color:#fff}.wf-btn .cancle-btn{background-color:#ef4444;border:1px solid #ef4444;border-radius:8px;color:var(--text-white);cursor:pointer;font-size:12px;padding:5px 10px;text-align:center;width:50%}.home-body{align-items:center;display:flex;gap:20px;height:80vh;justify-content:flex-start;margin:10px;overflow-y:auto;padding:5px 15px 20px;width:100%}.home-body .home-body-left{width:70%}.home-body .home-body-left,.home-body .home-body-right{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:5px;height:100%;justify-content:flex-start;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:0}.home-body .home-body-right{width:30%}.home-body-left .home-summary{background-color:var(--bg-section);border:1px solid var(--border);box-sizing:border-box;flex-direction:column;height:50%;padding-bottom:5px;width:100%}.home-body-left .home-summary,.summary-header{border-radius:16px;display:flex;justify-content:space-between}.summary-header{align-items:center;height:15%;padding:10px 15px}.summary-header .sh-left{gap:15px}.sh-left h4{color:var(--text);font-weight:700;margin:0}.sh-icon,.sh-left h4{font-size:15px;padding:8px}.sh-icon{background-color:var(--bg-icon);border-radius:50%;color:var(--border-sec)}.sh-right{padding:4px}.quick-right .sh-expand,.sh-right .sh-expand{filter:drop-shadow(0 0 1px #5320be)}.ah-right .sh-expand,.quick-right .sh-expand,.sh-right .sh-expand{color:var(--border-sec);cursor:pointer;font-size:15px;font-weight:700}.ah-right .sh-expand{transition:transform .2s ease}.ah-right .sh-expand:hover,.sh-right .sh-expand:hover{filter:drop-shadow(0 0 1px #5320be);transform:scale(1.2);transition:transform .2s ease}.home-summary .body-s{border-radius:16px;box-sizing:border-box;height:85%;overflow-y:auto;padding:0 15px}.home-notes{background-color:var(--bg-section);border:1px solid var(--border);box-sizing:border-box;flex-direction:column;height:60%;margin-bottom:10px;padding-bottom:5px;width:100%}.home-notes,.home-notes .notes-header{border-radius:16px;display:flex;justify-content:space-between}.home-notes .notes-header{align-items:center;height:15%;padding:5px 15px}.nh-left{align-items:center;display:flex;gap:10px;justify-content:flex-start;padding:0}.nh-left .nhl-icon{background-color:var(--bg-icon);border-radius:50%;color:var(--border-sec);font-size:15px;padding:8px}.nh-left h4{color:var(--text);font-size:15px;font-weight:700;margin:0;padding:8px}.home-notes .nh-right{padding:0}.dummy-drop button{background-color:var(--bg-section);border:1px solid var(--border);border-radius:6px;color:var(--sub-text)}.nh-right .note-btn{align-items:center;background:linear-gradient(90deg,#6a11cb,#ba81f7);border:1px solid #6a11cb;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:5px;justify-content:center;padding:5px 10px}.nh-right .note-btn:hover{box-shadow:0 4px 8px #6b11cb40}.home-notes .notes-body{box-sizing:border-box;height:85%;overflow-y:auto;padding:0 15px}.home-body-right .home-agenda{background-color:var(--bg-section);border:1px solid var(--border);border-radius:16px;box-shadow:var(--box-shadow);height:50%;width:100%}.home-agenda .agenda-header{align-items:center;border-radius:16px;display:flex;height:15%;justify-content:space-between;padding:5px 15px}.agenda-header .ah-left{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:flex-start}.ah-left .ahl-icon{background:var(--bg-icon);border-radius:50%;color:var(--border-sec);font-size:15px;padding:8px}.ah-left h4{color:var(--text);font-size:15px;font-weight:700}.home-body-right .agenda-body{height:85%;overflow-y:auto;padding:5px 10px}.home-quick{background-color:var(--bg-section);border:1px solid var(--border);border-radius:16px;height:50%;margin-top:10px;width:100%}.home-quick .quick-header{align-items:center;display:flex;height:15%;justify-content:space-between;padding:10px 15px}.quick-header .quick-left{align-items:center;display:flex;gap:10px;justify-content:flex-start}.quick-icon{background:var(--bg-icon);border-radius:50%;color:var(--border-sec);font-size:15px;padding:8px}.quick-left h4{color:var(--sub-text);display:inline-block;font-size:15px;font-weight:700}.quick-body{align-items:center;border-radius:16px;display:flex;height:85%;justify-content:center;overflow-y:auto;padding:5px 10px}.greeting-container{width:100%}.greeting-container h4{align-items:center;display:flex;flex-direction:row;font-size:15px;justify-content:flex-start}.greeting-container p{color:var(--sub-text);font-size:10px;margin-bottom:0;margin-top:0;padding:0}.greet-icon{color:gold;font-size:20px;margin-left:5px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#692bae,#3a5bff);-webkit-background-clip:text;display:inline-block;font-size:17px;font-weight:700}@media (min-width:1401px){.home-body{height:86vh;padding-bottom:5px}}@media (min-width:1200px) and (max-width:1400px){.home-body{height:86vh;padding-bottom:5px}.home-body-left{height:100%}}@media (min-width:992px) and (max-width:1199.98px){.wf-create{width:40vw!important}.home-body{height:86vh;padding-bottom:5px}.home-summary .body-s{padding:0 10px}.home-quick{height:60%}.quick-body{height:30vh}}@media (min-width:768px) and (max-width:991.98px){.wf-create{width:50vw!important}.home-body{height:86vh;padding-bottom:5px}}@media (min-width:576px) and (max-width:767.98px){.wf-create{width:40vw!important}.home-body{align-items:stretch;box-sizing:border-box;flex-direction:column;gap:15px;height:auto;justify-content:flex-start;overflow-y:auto;width:100%}.home-body .home-body-left,.home-body .home-body-right{border:none;box-sizing:border-box;height:auto;overflow:visible;width:100%}.home-body .home-body-left{margin-bottom:20px}}@media (max-width:575.98px){.greeting-container h4{font-size:10px;margin:0;padding:0}.home-header{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:0 10px;width:95%}.nav{width:90%}.home-header .hh-btn{width:10%}.hh-btn span{display:none}.hh-btn .btn-create{font-size:15px}.wf-create{width:70%}.greeting{display:none}.home-body{align-items:stretch;box-sizing:border-box;flex-direction:column;gap:15px;height:auto;justify-content:flex-start;overflow-y:auto;width:100%}.home-body .home-body-left,.home-body .home-body-right{border:none;box-sizing:border-box;height:auto;overflow:visible;width:100%}.home-body .home-body-left{margin-bottom:10px}}@media screen and (max-height:600px){.home-body{align-items:stretch;box-sizing:border-box;flex-direction:column;gap:15px;height:auto;justify-content:flex-start;overflow-y:auto;width:100%}.home-body .home-body-left,.home-body .home-body-right{border:none;box-sizing:border-box;height:auto;overflow:visible;width:100%}.home-body .home-body-left{margin-bottom:35px}.home-summary .body-s{height:35vh}.home-body-right .agenda-body{height:45vh}.home-header{padding:5px 10px}.greeting-container h4{font-size:15px;margin:0}.gradient-text,.greet-icon{font-size:18px}.wf-create{border:1px solid #532189;width:30vw!important}.wf-header{padding:8px 10px}.wf-content{padding:8px}.wf-input input,.wf-input textarea{font-size:10px}.wf-content .wf-btn{padding:5px 0 0}.wf-btn .cancle-btn,.wf-btn .submit-btn{padding:5px}.ah-left h4,.nhl-gradient,.quick-left h4,.sh-gradient{font-size:15px}.ah-left .ahl-icon,.nh-left .nhl-icon,.quick-icon,.sh-icon{font-size:13px;padding:5px}.ah-right .sh-expand,.quick-right .sh-expand,.sh-right .sh-expand{font-size:13px}}.dummy-container{background:var(--bg-section);height:-webkit-fit-content;height:fit-content;padding:0}.dummy-content{border:1px solid red;justify-content:space-between;padding:0}.dummy-box,.dummy-content{align-items:center;display:flex}.dummy-box{border:1px solid green;gap:3px}.dummy-drop{position:relative}.dummy-drop button{align-items:center;background-color:var(--primary);border:1px solid var(--primary);color:var(--text-white);display:flex;font-size:10px;gap:2px;padding:2px 7px;width:100%}.dummy-drop button:hover{background-color:var(--bg-section-hover)}.dummy-drop .dropdown-menu{background-color:var(--bg);border:1px solid var(--border);border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;gap:5px;margin-top:.5rem;padding:5px;position:absolute;right:20;width:10vw!important;z-index:20}.dummy-drop .dropdown-item{border:1px solid var(--bg-section);border-radius:4px;color:var(--sub-text);cursor:pointer;font-size:10px;margin:2px 0;padding:3px 5px;transition:background-color .2s;width:100%}.dummy-drop .dropdown-item:hover{border:1px solid var(--dropdown-hover);color:var(--text)}.dummy-drop .dropdown-item.selected,.dummy-drop .dropdown-item:hover{background-color:var(--dropdown-hover);font-weight:400}.compare-container,.design-chart-container,.music-chart-container{background-color:var(--bg-section);border:1px solid var(--bg-section);height:80%;padding:0;width:100%}.compare-container h2,.design-chart-container h2,.music-chart-container h2{color:var(--sub-text);font-size:13px;font-weight:700;margin:0;padding:0}.compare-container .compare-content,.design-chart-container .design-chart-content,.music-chart-container .music-chart-content{height:200px;width:100%}@media screen and (max-height:1500px){.compare-container .compare-content,.music-chart-container .music-chart-content{height:300px}.design-chart-container .design-chart-content{height:320px}}@media screen and (max-height:1000px){.compare-container .compare-content,.design-chart-container .design-chart-content,.music-chart-container .music-chart-content{height:280px}}.alert-container{border:1px solid green;border-radius:4px;max-width:400px;position:fixed;right:10px;top:30px;transform:translateY(-20px);transition:opacity .5s ease,transform .5s ease;width:80%;z-index:1000}.summary-container{grid-gap:10px;align-items:baseline;border:1px solid var(--bg-section);display:grid;gap:10px;grid-template-columns:repeat(2,1fr);height:100%;overflow-y:auto;padding:5px 15px;width:100%}.summary-content{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;box-shadow:var(--box-shadow);cursor:pointer;padding:10px}.summary-content:hover{border:1px solid var(--primary-soft);box-shadow:0 4px 8px #6b11cb40}.summary-content .summary-header{align-items:flex-start;border-radius:4px;display:flex;justify-content:space-between;padding:0}.summary-header .sh-left{align-items:center;display:flex;gap:0;justify-content:flex-start}.shl-icon{color:#6a11cb;font-size:20px}.sh-left .summary-title{color:var(--text);font-size:15px;font-weight:700;margin:0;max-width:20vw;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.summary-header .view{align-items:center;border:1px solid var(--bg-section);color:var(--primary);cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:2px;justify-content:flex-end;padding:3px 10px}.summary-header .view:hover{border-bottom:1px solid var(--border-sec);box-shadow:0 4px 8px #6b11cb40}.summary-content .summary-body{flex-direction:row}.summary-body .sb1,.summary-content .summary-body{align-items:center;display:flex;justify-content:flex-start}.summary-body .sb1{color:var(--sub-text);cursor:pointer;font-size:12px;margin-right:10px}.summary-body .sb-icon{color:var(--primary);font-size:12px;margin-right:2px}.no-workspace{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:30px;width:100%}.no-workspace .no-icon{border:1px solid var(--bg-section);border-radius:16px;box-shadow:var(--box-shadow);color:var(--primary);font-size:25px;padding:10px}.no-workspace h2{color:var(--text);font-size:15px;font-weight:700;margin:0;text-align:center;width:100%}.no-workspace p{color:var(--sub-text);font-size:10px;margin-bottom:15px;padding:0;text-align:center;width:100%}.no-workspace .btn-create-workspace{align-items:center;background-color:var(--primary);border:1px solid var(--primary);border-radius:10px;color:var(--text-white);cursor:pointer;display:flex;flex-direction:column;font-size:12px;justify-content:center;padding:7px 10px}.no-workspace .btn-create-workspace:hover{box-shadow:0 4px 8px #6b11cba2}@media (min-width:992px) and (max-width:1199.98px){.summary-container{padding:5px}.sh-left .summary-title{font-size:12px}}@media (min-width:768px) and (max-width:991.98px){.sh-left .summary-title{max-width:27vw}}@media (min-width:576px) and (max-width:767.98px){.summary-container,.summary-content{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.summary-content{height:100%;width:100%}.summary-content .summary-header{height:50%;padding:5px 0;width:100%}.sh-left .summary-title{max-width:110vw}.summary-content .summary-body{height:50%;width:100%}}@media (min-width:375px) and (max-width:575px){.summary-container{height:95%}.summary-container,.summary-content{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.summary-content{height:100%;width:100%}.summary-content .summary-header{height:50%;padding:5px 0;width:100%}.sh-left .summary-title{max-width:110vw}.summary-content .summary-body{height:50%;width:100%}}@media screen and (max-height:600px){.sh-left h4{font-size:12px}.summary-body .sb1{font-size:10px}}.lsd-wrapper{align-items:center;display:flex;flex-direction:column;height:80%;justify-content:center;width:100%}.lsd-spinner{position:relative}.lsd-ring{animation:spin 1s linear infinite;border:3px solid #7c3aed33;border-radius:50%;border-top:3px solid var(--border-sec);height:100%;width:100%}.lsd-dots{align-items:center;display:flex;gap:4px;inset:0;justify-content:center;position:absolute}.lsd-dots span{animation:pulse 1.2s ease-in-out infinite;background:var(--border-sec);border-radius:50%;height:6px;width:6px}.lsd-dots span:nth-child(2){animation-delay:.15s}.lsd-dots span:nth-child(3){animation-delay:.3s}.lsd-text{color:#6b7280;font-size:13px;margin-top:8px}@keyframes pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.personal-agenda-navbar{display:flex;flex-direction:column;height:40vh;overflow-y:auto;position:relative}.personal-agenda-navbar .agenda-header{align-items:center;background:linear-gradient(90deg,#7246eb,#532189);border-bottom:1px solid #ddd;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 4px 8px #0003;color:#fff;display:flex;justify-content:space-between;padding:10px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:99}.agenda-header .header-icon{background-color:#ffffff8b;border:1px solid #ddd;border-radius:8px;color:#6a11cb;padding:5px}.ah-icon{cursor:pointer}.agenda-header h3{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:700;gap:5px;justify-content:flex-start;margin:0}.personal-agenda-container{border:1px solid red;display:flex;flex-direction:column;gap:2px;height:43vh;overflow-y:auto;padding:10px!important;width:100%}.personal-agenda-container .personal-agenda-box{background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 4px 8px #0000001a;cursor:pointer;height:-webkit-fit-content;height:fit-content;padding:5px;width:100%}.personal-agenda-box:hover{border:1px solid #6a11cb;box-shadow:0 4px 8px #6b11cb40}.personal-agenda-box .pn-header{align-items:center;border:1px solid red;display:flex;justify-content:space-between}.pn-header .pnh-left{align-items:center;border:1px solid #ff0;display:flex;flex-direction:column;gap:2px!important;justify-content:flex-start;padding:2px;width:75%}.pnh-left h4{color:#532189}.pnh-left .agenda{background-color:none;color:#fff;font-size:10px;padding:0;width:100%}.pn-header .pnh-icon{font-size:10px}.pn-header h4{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6a11cb,#ba81f7);-webkit-background-clip:text;font-size:12px!important;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.personal-agenda-box .pn-content{margin:10px 0;width:100%}.pn-content p{white-space:nowrap}.personal-agenda-box .pn-footer{align-items:center;display:flex;justify-content:space-between;margin-top:5px;position:relative}.pn-footer .agenda{background-color:#6b11cb41;border:1px solid #6b11cb41;border-radius:16px;color:#fff;font-size:10px;padding:3px 10px;width:100%}.pn-footer-right{align-items:center;display:flex;gap:10px;justify-content:flex-end}.footer-status{border:1px solid #fff;border-radius:16px;cursor:pointer;font-size:10px;padding:3px 10px;text-align:center;width:-webkit-fit-content;width:fit-content}.footer-delete .pa-delete{color:var(--red-bg);cursor:pointer;font-size:18px}.pa-delete:hover{color:#821d1d}.pn-footer .read{font-size:12px;letter-spacing:1.5px}.pn-footer .read:hover{color:#fff}.pa-container{display:flex;flex-direction:column;gap:2px;height:43vh;overflow-y:auto;padding:3px;width:100%}.pa-container .pa-box{align-items:center;background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;box-shadow:var(--box-shadow);cursor:pointer;display:flex;height:-webkit-fit-content;height:fit-content;justify-content:space-between;padding:5px 10px;width:100%}.pa-container .pa-box:hover{border:1px solid var(--primary-soft);box-shadow:0 4px 8px #6b11cb40}.pa-box .pa-title{width:100%}.pa-title h4{color:var(--text);font-size:12px;font-weight:700;margin:0;padding:0}.pa-title .sa{width:100%}.sa p{border-radius:6px;font-size:10px;margin:2px 0 0;padding:2px 5px;width:-webkit-fit-content;width:fit-content}.pa-container .pa-date{align-items:center;display:flex;justify-content:space-between;width:40%}.pa-date .pnh-right{align-items:center;display:flex;flex-direction:column;justify-content:center}.pnh-right h3{color:var(--primary)!important;font-size:15px;font-weight:700}.pnh-right p{color:var(--sub-text)!important;font-size:8px;padding:0}@media (min-width:992px){.agenda-header h3{font-size:12px}.pn-footer .read{font-size:10px}}@media (min-width:768px) and (max-width:991.98px){.agenda-header h3{font-size:12px}.pn-footer .read{font-size:10px}}@media (min-width:576px) and (max-width:767.98px){.agenda-header h3{font-size:12px}.pn-footer .read{font-size:10px}}@media (max-width:575.98px){.agenda-header h3{font-size:12px}.pn-footer .read{font-size:10px}}@media screen and (max-height:600px){.personal-agenda-navbar{height:50vh}.personal-agenda-navbar .agenda-header{padding:5px 10px}}.akses-cepat-container{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);height:100%;padding:10px;width:100%}.akses-box{align-items:center;background-color:var(--bg-section);border:1px dashed var(--border);border-radius:8px;box-shadow:var(--box-shadow);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:10px}.akses-box:hover{border:1px dashed var(--border-sec);box-shadow:var(--box-shadow-purple)}.akses-box h4{color:var(--text);font-size:10px;font-weight:400;text-align:center}.akses-icon{border:1px solid var(--border);border-radius:8px;color:var(--primary);font-size:15px;margin-bottom:5px;padding:5px}@media (min-width:1401px){.akses-icon{font-size:30px;padding:12px}}@media (min-width:992px) and (max-width:1400x){.akses-cepat-container{border:1px solid green!important;gap:5px;height:50%;padding:5px}.akses-box{padding:5px}.akses-icon{font-size:30px;padding:5px}}@media (min-width:768px) and (max-width:991.98px){.akses-container{gap:5px;height:50%;padding:5px}.akses-box{padding:5px}.akses-icon{font-size:20px;padding:12px}}@media (min-width:576px) and (max-width:767.98px){.akses-icon{font-size:25px;padding:12px}}@media (min-width:375px) and (max-width:575px){.akses-icon{font-size:22px}}@media screen and (max-height:600px){.akses-container{gap:5px}}.personal-notes-container{height:37vh;overflow-y:auto}.personal-notes-box{background-color:#fff;border:1px solid #ddd;border-radius:16px;cursor:pointer;margin:10px 0;padding:10px}.personal-notes-box:hover{border:1px solid #6a11cb;box-shadow:0 4px 8px #6b11cb40}.personal-notes-box .pn-header{align-items:center;display:flex;justify-content:space-between;width:100%}.pn-header .note-left{align-items:center;display:flex;gap:15px;justify-content:flex-start;width:90%}.note-left .pnh-icon{color:#ba81f7}.note-left h4{color:#ba81f7;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.pn-header .pnh-right{align-items:center;display:flex;gap:10px;justify-content:flex-end;width:10%}.pnh-right p{color:#333;font-size:10px;margin:0;text-align:right;width:100%}.personal-notes-box .pn-content{margin:10px 0;width:100%}.pn-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;box-sizing:border-box;display:-webkit-box;font-size:12px;margin:5px 0;min-height:3vh;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%;word-break:break-word}.personal-notes-box .pn-footer{align-items:center;display:flex;justify-content:space-between}.pn-footer .read{align-items:center;border:1px solid #fff;border-radius:8px;color:#ba81f7;cursor:pointer;display:flex;justify-content:flex-start;letter-spacing:1px;padding:5px 10px}.read:hover{background-color:#6a11cb;border:"1px solid #ddd";box-shadow:0 4px 8px #6b11cb40;color:#fff}.read-icon{margin-left:10px}.pn-footer .btn{color:gray;gap:10px;justify-content:flex-start}.no-notes,.pn-footer .btn{align-items:center;display:flex}.no-notes{flex-direction:column;height:100%;justify-content:center;padding:30px;width:100%}.no-notes .no-icon{border:1px solid #fff;border-radius:16px;box-shadow:0 4px 8px #0000001a;color:#b597d5;font-size:25px;padding:10px}.no-notes h2{color:#333;font-size:15px;font-weight:700;margin:10px 0 0;text-align:center;width:100%}.no-notes p{color:#5e5e5e;font-size:10px;margin-bottom:10px;padding:0;text-align:center;width:80%}.no-notes .btn-create-notes{align-items:center;background-color:#6a11cb;border:1px solid #6a11cb;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:12px;justify-content:center;padding:7px 10px}.no-notes .btn-create-notes:hover{box-shadow:0 4px 8px #6b11cba2}@media (min-width:375px) and (max-width:575px){.personal-notes-container{height:35vh}}@media screen and (max-height:600px){.pn-content p{font-size:10px}}.recent-container{background-color:#fff;border:1px solid #ddd;border-top-left-radius:8px;border-top-right-radius:8px;color:#333;height:90vh;margin:15px}.recent-header{border-bottom:1px solid #ddd;padding:11px}.nav,.recent-header{align-items:center;display:flex;justify-content:space-between}.nav{color:#333;cursor:pointer}.nav button{align-items:center;background-color:#fff;border:1px solid #fff;cursor:pointer;display:flex;font-size:15px;justify-content:center;padding:7px}.nav button:hover{background-color:#eee;border-radius:4px}.nav-icon{color:#333;cursor:pointer;margin-right:5px}.recent-header .recent-action{align-items:center;display:flex;justify-content:flex-end;margin-right:10px;padding:2px}.recent-icon{background-color:#fff;border:1px solid #fff;border-radius:8px;color:#333;cursor:pointer;margin-left:5px;padding:5px;transition:color .3s ease-in-out}.recent-icon:hover{background-color:#eee;border:1px solid #eee}.recent-body{margin:30px;padding:0 30px}.workspace-container{background-color:var(--bg);color:var(--text);height:100%;margin-bottom:10px;padding-top:10px;width:100%}.workspace-header{padding:5px 10px;position:relative}.wnav,.workspace-header{align-items:center;display:flex;justify-content:space-between}.wnav{color:#333;cursor:pointer;flex-direction:column;margin-left:10px}.wnav-btn-con{align-items:center;color:var(--sub-text);display:flex;justify-content:flex-start}.wnav-btn .nav-icon{color:var(--sub-text);cursor:pointer;font-size:15px}.wnav-btn .nav-icon:hover{border-bottom:1px solid var(--border-sec);box-shadow:var(--box-shadow-purple)}.wnav-btn-con .wnav-active{color:var(--sub-text);font-size:13px}.wform button{align-items:center;background:var(--bg-icon2);border:1px solid var(--bg);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:4px 10px}.wform button:hover{box-shadow:var(--box-shadow-purples)}.wform-icon{font-size:12px;margin-right:5px}.wform p{align-items:center;color:#ddd;display:flex;justify-content:center;margin:0}.workspace-welcome{padding:0 20px}.workspace-welcome h3{color:var(--text);font-size:20px;font-weight:700}.workspace-welcome p{color:var(--sub-text);font-size:11px;margin:0;padding:0}.workspace-body{height:78vh;padding:10px 20px;position:relative}.workspace-content{grid-gap:10px 15px;display:grid;gap:10px 15px;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:repeat(3,1fr);height:100%;padding:20px 5px}.workspace-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:10px;cursor:pointer;height:-webkit-fit-content;height:fit-content;padding:10px;position:relative;width:100%}.workspace-card:hover{background-color:var(--bg-section-hover);box-shadow:var(--card-shadow)}.form-workspace-card{align-items:center;background-color:var(--card-bg);border:1px dashed var(--border-sec);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:20px;position:relative}.form-workspace-card:hover{background-color:var(--bg-section-hover);box-shadow:var(--box-shadow-purple)}.form-workspace-card h4{font-size:15px;font-weight:700;letter-spacing:.5px;margin:0}.form-workspace-card p{color:var(--sub-text);font-size:12px;margin:0}.fwc-icon{background:none;border-radius:8px;color:var(--primary);font-size:20px;font-weight:700;margin-bottom:5px;padding:5px}.wc-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:5px;padding:5px 10px;position:relative;width:100%}.workspace-card .setting-wc{background-color:var(--bg-section);border:1px solid var(--bg-section);border-radius:8px;box-shadow:var(--box-shadow);color:var(--text);display:flex;flex-direction:column;font-size:15px;gap:3px;height:-webkit-fit-content;height:fit-content;justify-content:flex-start;padding:5px;position:absolute;right:0;top:30px;z-index:9999}.setting-wc button{align-items:center;background-color:var(--bg-setion);border:1px solid var(--bg-section);border-radius:4px;color:var(--sub-text);display:flex;font-size:13px;justify-content:flex-start;padding:4px 8px;width:100%}.setting-wc button:hover{background-color:var(--bg);border:1px solid var(--bg)}.swc-icon{color:var(--sub-text);font-size:13px;margin-right:5px}.setting-wc .delete{align-items:center;background-color:var(--bg-section);border:1px solid var(--bg-section);border-radius:4px;color:red;display:flex;font-size:13px;justify-content:flex-start;padding:4px 8px;width:100%}.swc-delete{color:red;font-size:13px;margin-right:5px}.delete button{align-items:center;background-color:#fff;border-radius:4px;border-top:1px solid #fff!important;display:flex;font-size:13px;justify-content:flex-start;padding:4px 8px;width:100%}.delete button:hover{background-color:#eee}.wc-name{word-wrap:break-word;align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;overflow-wrap:break-word;white-space:normal;width:90%}.wc-name .name-icon{background:var(--bg-icon2);border-radius:6px;color:#fff;font-size:12px;padding:5px}.name-icon .ni-mini{color:#fff}.wc-name input{background-color:var(--bg);border-radius:4px;color:var(--sub-text);font-size:13px;padding:0 5px}.wc-name input:focus{background-color:var(--bg);border:1px solid var(--bg);outline:none}.wc-name h5{word-wrap:break-word;color:var(--sub-text);font-size:13px;font-weight:700;margin:0 0 0 5px;max-width:80vw;overflow-wrap:break-word;word-break:break-word}.wc-header .setting-icon{border-radius:4px;color:var(--text);cursor:pointer;font-size:20px}.wc-header .setting-icon:hover{background-color:var(--bg-section);border-radius:4px;color:var(--text);cursor:pointer}.workspace-card-body{padding:5px;width:100%}.workspace-card-desc{height:7vh;margin:3px 0;padding:0;width:100%}.workspace-card-desc textarea{background-color:var(--bg);border-radius:4px;color:var(--sub-text);font-size:13px;outline:none;padding:5px;width:95%}.workspace-card-desc p{-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;color:var(--sub-text);display:-webkit-box;font-size:13px;line-height:1.4em;margin:0;max-height:4.2em;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;white-space:normal;width:100%}.workspace-card-body .workspace-info{align-items:center;display:flex;justify-content:space-between;margin:5px 0;padding:0;position:relative;width:100%}.workspace-info .user-container{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;font-size:15px;gap:3px;justify-content:flex-start;left:0;padding:0 10px;position:absolute;top:100%;z-index:10}.user-admin .prof-user,.workspace-info .user-admin{gap:5px}.prof-user p{align-items:center;color:var(--sub-text);display:flex;font-size:12px;justify-content:flex-start}.workspace-info .info-date{color:var(--sub-text);font-size:10px}.info-btm .summary-content{align-items:center;display:flex;justify-content:flex-start}.summary-counts{align-items:center;display:flex;justify-content:space-between;padding:2px 5px;position:relative}.summary-counts .detail-icon{align-items:center;display:flex;gap:5px;justify-content:flex-start}.mini-icon .mi{color:var(--primary);font-size:15px}.detail-icon p{color:var(--sub-text);font-size:10px;margin:0;padding:0}.detail-ul{background-color:var(--card-bg);border:1px solid var(--border);border-radius:4px;bottom:100%;box-shadow:var(--card-shadow);flex-direction:column;left:0;padding:10px;position:absolute;z-index:99}.detail-ul,.detail-ul li{align-items:center;display:flex;gap:5px;justify-content:flex-start}.detail-ul li{border:1px solid var(--card-bg);border-radius:4px;color:var(--text);cursor:pointer;font-size:12px;padding:2px 5px;width:100%}.detail-ul li:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.user-group{flex-direction:column;margin:0;padding:0 2px;width:95%}.prof-user,.user-group{display:flex;justify-content:flex-start}.prof-user{align-items:center}.prof-user img{background-color:var(--text-white);border-radius:50%;height:20px;width:20px}.wc-icon{font-size:15px;margin-right:5px}.btn-nav-board{background-color:var(--primary);border:1px solid var(--bg-section);border-radius:8px;color:var(--text-white);cursor:pointer;font-size:12px;padding:5px 7px}.btn-nav-board:hover{border:1px solid var(--bg-section-hover);box-shadow:var(--box-shadow-purple)}.create-workspace-container{background-color:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:var(--box-shadow);position:absolute;right:0;top:100%;width:30vw;z-index:100}.cwc-header{border-bottom:1px solid var(--border);justify-content:space-between;padding:7px 10px}.cwc-header,.cwc-header h4{align-items:center;display:flex}.cwc-header h4{color:var(--text);font-size:13px;font-weight:700;justify-content:flex-start;margin:0;padding:0}.cwch-icon{background:var(--bg-icon2);border-radius:6px;color:var(--text-white);margin-right:5px;padding:5px}.cwc-icon{border:1px solid var(--bg);cursor:pointer;font-size:18px}.cwc-icon:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover);border-radius:4px}.create-workspace-container .form-workspace{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding:10px}.box-form input,.box-form-name input{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;font-size:12px;outline:none;padding:8px}.box-form input:hover,.box-form-name input:hover{background-color:var(--bg-section-hover)}.box-form input:focus,.box-form-name input:focus{border:1px solid var(--bg-section-hover)}.box-form,.box-form-name{display:flex;flex-direction:column;margin-bottom:5px;width:90%}.box-form label,.box-form-name label{color:var(--text)!important;font-size:10px!important;font-weight:400!important;margin:5px 0}.box-form textarea{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;font-size:12px;height:10vh;outline:none;padding:8px}.box-form textarea:hover{background-color:var(--bg-section-hover)}.box-form textarea:focus{border:1px solid var(--bg-section-hover)}.workspace-btn-form{align-items:center;display:flex;justify-content:center;margin:10px 0;width:100%}.workspace-btn-form button{background:var(--bg-icon2);border:1px solid var(--bg-section);border-radius:8px;color:var(--text-white);font-size:12px;font-weight:700;width:90%}.workspace-btn-form button:hover{box-shadow:var(--box-shadow-purple)}.btn-ts{align-items:center;display:flex;height:20px;justify-content:flex-start;margin:0;padding:0 2px;width:95%}.ut-container,.ut-container p{align-items:center;display:flex;height:100%;justify-content:flex-start}.ut-container p{font-size:12px;margin-left:3px;padding:0}@media (min-width:1200px){.workspace-content{gap:15px;overflow-y:auto}}@media (min-width:992px) and (max-width:1199.98px){.workspace-body{height:75vh;padding:5px 10px}.workspace-content{gap:10px 5px;grid-template-columns:repeat(2,1fr);overflow-y:auto}.create-workspace-container{width:40vw}}@media (min-width:768px) and (max-width:991.98px){.workspace-body{height:74vh;overflow-y:auto;padding:5px 10px}.workspace-content{gap:20px;grid-template-columns:repeat(2,1fr);height:75vh;overflow-y:auto;padding:0}.create-workspace-container{width:50vw}}@media (min-width:576px) and (max-width:767.98px){.workspace-body{padding:10px 20px}.workspace-welcome{margin-top:10px}.workspace-welcome h3{font-size:15px}.workspace-welcome p{font-size:11px}.workspace-content{align-items:center;border:1px solid blue;gap:5px;grid-template-columns:repeat(2,1fr);height:70vh;overflow-y:auto;padding:0}.form-workspace-card{width:90%}.btn-nav-board{font-size:10px;padding:5px}.create-workspace-container{width:65vw}}@media (max-width:575.98px){.workspace-header{padding:0}.workspace-welcome{margin-top:5px;padding:0 10px}.workspace-welcome h3{font-size:13px}.wnav{margin-left:0;padding-left:5px}.wnav h3{font-size:13px}.wnav-btn button{font-size:10px}.wform button{font-size:12px}.wform-icon{display:none}.workspace-welcome p{font-size:10px}.workspace-body{padding:5px}.workspace-content{align-items:center;display:flex;flex-direction:column;gap:15px;height:75vh;justify-content:flex-start;overflow-x:auto;overflow-y:auto;padding:0 10px 10px}.workspace-card{height:100%}.form-workspace-card{width:100%}.create-workspace-container{width:85vw}}@media screen and (max-height:600px){.wform button{padding:5px 10px}.workspace-welcome{margin-top:0;padding-top:5px}.workspace-body{height:70%}.workspace-content{grid-gap:10px;display:grid;gap:10px;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:repeat(3,1fr);height:100%;padding:10px 0}.workspace-welcome h3{font-size:15px}.workspace-welcome p{font-size:10px}.workspace-card{padding:5px}.wc-header{border-bottom:1px solid #eee}.wc-name h5,.wc-name input{font-size:11px}.workspace-card-desc p,.workspace-card-desc textarea{font-size:9px}.delete button,.setting-wc button{font-size:10px}.prof-user p,.workspace-info .info-date{font-size:8px}.btn-nav-board{font-size:10px;padding:4px 10px}.create-workspace-container{width:25vw}.cwc-header{padding:5px 10px}.cwc-header h4{font-size:10px}.create-workspace-container .form-workspace{padding:5px}.box-form input,.box-form textarea,.box-form-name input{font-size:10px}.form-workspace-card p{text-align:center;width:100%}}.assign-container{align-items:center;border-radius:8px;display:flex;flex-direction:column;gap:10px;width:100%}.assign-header{border-bottom:1px dashed var(--border);border-top-left-radius:8px;border-top-right-radius:8px;gap:5px;justify-content:flex-start;padding:10px;width:100%}.add-user-cont{border:1px dashed var(--border);border-radius:50%;color:var(--text);font-size:16px;padding:5px}.assign-title{display:flex;flex-direction:column;gap:0;justify-content:flex-start;width:100%}.assign-title h5{color:var(--text);font-size:13px;font-weight:600;margin:0}.assign-title p{color:var(--sub-text);font-size:10px;margin:0;padding:0}.assign-search{align-items:center;border:1px solid var(--border);border-radius:16px;display:flex;justify-content:flex-start;padding:0;position:relative;width:90%}.search-icon{border-bottom-left-radius:16px;border-top-left-radius:16px;color:var(--text);flex:12px 1;padding:5px;width:10%}.assign-search input{background:var(--bg-section);border-bottom-right-radius:16px;border-top-right-radius:16px;color:var(--text-primary);font-size:10px;padding:5px;width:100%}.assign-search input:focus{border-color:var(--accent);outline:none}.assign-dropdown{border:1px solid var(--card-border);box-shadow:0 12px 32px #0006;height:20vh;overflow-y:auto;padding:5px;position:absolute;top:110%;z-index:10}.assign-dropdown,.assign-dropdown .dropdown-item{background:var(--card-bg);border-radius:8px;width:100%}.assign-dropdown .dropdown-item{align-items:center;cursor:pointer;display:flex;gap:5px;justify-content:flex-start;padding:5px 10px}.assign-dropdown .dropdown-item:hover{background:var(--bg-section-hover)}.item-img,.member-img{background-color:var(--card-bg);border-radius:50%}.item-img img,.member-img img{background-color:#fff;border-radius:50%;height:28px;width:28px}.dropdown-info{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.dropdown-info .name{color:var(--text);font-size:10px;font-weight:600;width:100%}.dropdown-info .email{color:var(--sub-text);font-size:8px;width:100%}.dropdown-empty{color:var(--text-muted);font-size:12px;padding:12px;text-align:center}.assign-members{gap:5px;padding:5px 10px;width:100%}.assign-members h5{color:var(--text);font-size:12px;font-weight:600;margin:0}.member-card-con{height:20vh;overflow-y:auto}.member-card{align-items:center;border-radius:10px;display:flex;gap:5px;padding:5px;transition:.2s ease}.member-card:hover{background-color:var(--bg-section-hover)}.member-card img{border-radius:50%;height:32px;width:32px}.member-info{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;width:100%}.member-name{color:var(--text);font-size:12px;font-weight:600;width:100%}.member-email{color:var(--sub-text);font-size:10px;width:100%}.remove-btn{background:none;border:none;color:#f87171;cursor:pointer;opacity:0;transition:.2s}.member-card:hover .remove-btn{opacity:1}.modal-overlay{z-index:100}.modal-box,.modal-overlay{background-color:var(--bg)}.modal-box{border-radius:8px;max-width:400px;padding:1.5rem;width:100%}.modal-title{color:var(--text);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.modal-message{word-wrap:break-word;background-color:#f6cccc;border-left:3px solid #ef4444;border-radius:4px;color:#ec2929;display:block;font-size:12px;margin-bottom:1.5rem;padding:15px 10px;text-align:left;white-space:normal}.warn-icon{color:#ef4444;margin-right:10px}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end}.modal-buttons .ldc-delete{background-color:#ef4444;border:1px solid #ef4444;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.modal-buttons .ldc-delete:hover{background-color:#ef4444;border:1px solid #ef4444;box-shadow:0 4px 8px #ef44447c}.modal-buttons .ldc-cancel{background-color:#fff;border:1px solid #fff;border-radius:4px;padding:5px 10px}.modal-buttons .ldc-cancel:hover{background-color:#eee;border:1px solid #eee;border-radius:4px;cursor:pointer}.wp-container{border-radius:8px;color:#333;height:100%;margin:10px 0;width:100%}.wp-container,.wp-header{background-color:var(--bg);position:relative}.wp-header{justify-content:space-between;padding:5px 10px}.wp-header,.wp-header .wp-nav{align-items:center;display:flex}.wp-header .wp-nav{color:var(--sub-text);cursor:pointer;gap:2px;justify-content:flex-start;margin-left:10px;width:60%}.wp-nav h5{color:var(--sub-text);font-size:12px;font-weight:700;margin:0}.nav-title{align-items:center;border:1px solid blue;display:flex;gap:5px;justify-content:flex-start;width:100%}.wp-nav .nav-p{color:var(--primary);cursor:pointer;font-weight:700;margin:0;padding:0}.nav-p:hover{text-decoration:underline}.nav-title p{margin:0;padding:0}.nav p:hover{color:#5d12eb}.more-action .create-board-btn{align-items:center;background:var(--bg-icon2);border:1px solid var(--bg);border-radius:8px;color:var(--text-white);cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:5px;justify-content:center;padding:5px 10px}.more-action .create-board-btn:hover{box-shadow:var(--box-shadow)}.bform-workspace{align-items:center;display:flex;flex-direction:column;justify-content:center;position:absolute;right:0;top:5%;z-index:100}.bform-workspace .bw-body{background-color:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--box-shadow)}.bform-workspace .bheader p{color:var(--sub-text);font-size:12px;font-weight:700;margin:0;padding:0}.bform-workspace .bheader{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:7px 10px;width:100%}.bheader .bheader-left{align-items:center;display:flex;gap:5px;justify-content:flex-start}.bform-workspace .board-icon{background:var(--bg-icon2);border-radius:4px;color:var(--text-white);font-size:12px;margin-right:5px;padding:5px}.bheader-icon{border:1px solid var(--bg);border-radius:4px;color:var(--sub-text);cursor:pointer;font-size:20px}.bheader-icon:hover{background-color:#ddd}.bbody{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px 20px;width:100%}.fdesc,.fname{margin:3px 0;padding:0 2px;width:100%}.fdesc span,.fname span{color:red}.fdesc label,.fname label{color:var(--text);font-size:12px;font-weight:700}.fdesc input,.fdesc textarea,.fname input{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;color:var(--sub-text);font-size:10px;margin:5px 0;outline:none;padding:8px;width:100%}.fdesc textarea{height:10vh}.fdesc textarea:focus,.fdesc textarea:hover,.fname input:focus,.fname input:hover{background-color:var(--bg-section-hover)}.bbody button{background:var(--bg-icon2);border:1px solid var(--bg);border-radius:8px;color:var(--text-white);cursor:pointer;font-size:13px;font-weight:700;margin-top:5px;padding:5px 10px;width:100%}.bbody button:hover{box-shadow:var(--box-shadow-purple)}.board-title{padding:5px 15px}.board-title h3{color:var(--text);font-size:18px;font-weight:700}.board-title p{color:var(--sub-text);font-size:12px;margin:0}.wp-body-container{height:75vh;overflow-x:auto;padding:20px;white-space:nowrap}.wp-content{align-items:baseline;display:flex;gap:20px;height:40vh;justify-content:flex-start;min-width:80vw;overflow-x:auto;padding:10px 0;width:100%}.wpf-create{height:30vh}.wpf-content{align-items:center;background-color:var(--card-bg);border:1px dashed var(--primary);border-radius:8px;color:var(--text);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:15px;transition:transform .25s ease}.wpf-content:hover{background-color:var(--bg-section-hover);box-shadow:var(--box-shadow-purple)}.wpf-content p{color:var(--text);font-size:13px;font-weight:700;margin:0}.wp-content .wp-content-box{align-items:center;display:flex;gap:10px;justify-content:flex-start;padding:5px 2px;scroll-behavior:smooth}.wp-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--card-hover-border);cursor:pointer;min-height:18vh;min-width:23vw;padding:5px;position:relative;width:100%}.wp-card:hover{background-color:var(--bg-section-hover);box-shadow:var(--box-shadow)}.sortable-board-item{background-color:var(--bg)!important;border-radius:10px;box-shadow:0 1px 4px #00000014;transition:box-shadow .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none}.sortable-board-item:active{box-shadow:0 8px 20px #00000026}.wp-name{justify-content:space-between;padding:3px 0}.wp-name,.wp-name-text{align-items:center;display:flex}.wp-name-text{justify-content:flex-start;width:90%}.wp-name-text .name-icon{background:var(--bg-icon2);border-radius:6px;padding:5px}.name-icon .ni-mini,.wp-name-text .name-icon{color:var(--text-white);font-size:12px}.wp-name-text h5{margin:0 0 0 5px;max-width:15vw;overflow:hidden;white-space:nowrap;width:100%}.wp-name-text h5,.wp-name-text input{color:var(--text);font-size:12px;font-weight:700}.wp-name-text input{background-color:var(--card-bg);border:1px solid var(--card-bg);border-radius:4px;padding:5px;width:100%!important}.wp-name-text input:focus{background-color:var(--card-bg);border:1px solid var(--card-bg);outline:none}.wp-setting{border-radius:4px;color:var(--text);cursor:pointer;padding:2px;width:10%}.wp-setting:hover{box-shadow:var(--box-shadow);color:var(--primary)}.bs-pop{background:var(--bg-section);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 10px #0000001a;flex-direction:column;justify-content:center;left:80%;min-width:100px;padding:10px;position:absolute;top:30px;transform:translateX(-50%);width:auto;z-index:100}.bs-pop,.bs-pop button{align-items:center;display:flex}.bs-pop button{background-color:var(--bg-section);border:1px solid var(--bg-section);border-radius:4px;color:var(--text);font-size:12px;justify-content:flex-start;padding:8px;width:100%}.bs-pop button:hover{background-color:var(--bg-section-hover)}.bs-pop .bs-icon{font-size:15px;margin-right:5px}.bs-pop .delete{align-items:center;background-color:var(--bg-section);border:1px solid var(--bg-section);border-radius:4px;color:red;display:flex;justify-content:flex-start;padding:8px;width:100%}.bs-pop .delete:hover{background-color:var(--bg-section-hover)}.bs-pop .bs-delete{color:red;font-size:15px;margin-right:5px}.bs-pop hr{border:.1px solid var(--border);width:100%}.wp-body{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;margin:5px;padding:10px}.wp-body textarea{border:1px solid var(--card-bg);border-radius:4px;color:var(--sub-text);font-size:12px;outline:none;padding:10px 5px;width:95%}.wp-body textarea:focus,.wp-body textarea:hover{outline:none}.wp-body p,.wp-body textarea:focus,.wp-body textarea:hover{background-color:var(--card-bg);border:1px solid var(--card-bg);color:var(--sub-text)}.wp-body p{-webkit-line-clamp:3;-webkit-box-orient:vertical;box-sizing:border-box;display:-webkit-box;font-size:12px;margin:5px 0;max-width:250px;min-height:8vh;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%;word-break:break-word}.wp-body .priority{align-items:center;display:flex;justify-content:space-between;padding:0;position:relative}.priority button{background-color:#fff;border:1px solid #fff;border-radius:4px;padding:5px}.priority .addPrio{align-items:center;border:1px solid #fff;cursor:pointer;display:flex;justify-content:center}.addPrio:hover{background-color:#eee;border:1px solid #ddd}.priority .p-sett{background-color:#fff;border:1px solid #fff;border-radius:4px;cursor:pointer;padding:0 2px}.priority .p-sett:hover{background-color:#eee;border:1px solid #ddd}.wp-prop{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #5e12eb46;left:40%;min-width:200px;position:absolute;top:85px;transform:translateX(-50%);width:auto;z-index:100}.wp-prop .prop-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:10px 5px}.prop-header h5{font-size:12px;margin:0}.ph-lamp{margin-right:5px}.ph-icon{border:1px solid #fff;border-radius:4px!important;cursor:pointer;padding:2px}.ph-icon:hover{background-color:#ddd;border:1px solid #ddd}.prop-body{padding:10px 5px}.prop-component{align-items:center;border-radius:4px;display:flex;font-size:12px;justify-content:space-between;padding:5px}.prop-component:hover{background-color:#eee}.prop-right button{background-color:#fff;border:1px solid #fff;border-radius:4px;padding:5px}.prop-right button:hover{border:1px solid #ddd;border-radius:4px}.wp-btm{justify-content:space-between;padding:0;width:100%}.wp-btm,.wp-btm .wp-create{align-items:center;display:flex}.wp-btm .wp-create{background-color:var(--card-bg);border:1px solid var(--card-bg);border-radius:4px;color:var(--sub-text);font-size:10px;gap:3px;justify-content:flex-start;padding:5px;width:50%}.wp-create .wp-icon{color:var(--sub-text);font-size:15px}.wp-btm .view{align-items:center;background:var(--bg-icon2);border:1px solid var(--bg-section);border-radius:4px;color:var(--text-white);cursor:pointer;display:flex;font-size:10px;font-weight:700;gap:5px;justify-content:center;padding:3px 7px}.wp-btm .view:hover{box-shadow:var(--box-shadow-purple)}.duplicate-modal,.workspace-move-modal{border-radius:4px;height:100%;left:50%;padding:10px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:150}@media (min-width:992px) and (max-width:1199.98px){.bform-workspace{left:85%}.wp-card{width:100%}}@media (min-width:768px) and (max-width:991.98px){.bform-workspace{left:80%}.wp-body-container{padding:10px}.wp-card{width:100%}}@media (min-width:576px) and (max-width:767.98px){.bform-workspace{left:78%}.wp-body-container{padding:10px 5px}.wp-card{width:100%}}@media (min-width:375px) and (max-width:575px){.wp-body-container{padding:5px}.bform-workspace{left:60%}.wp-header{padding:0 2px}.create-board-btn p{display:none}.wp-header .nav{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-left:0;padding:0 3px}.nav h5{text-align:left;width:100%}.more-action .create-board-btn{font-size:8px;padding:10px}.create-board-btn .cbb-icon{font-size:15px}.wp-card{width:100%}}@media screen and (max-height:600px){.wp-content{height:50vh}.wp-header{padding:5px}.wp-header .nav{gap:0}.nav h5{font-size:13px;letter-spacing:0}.more-action .create-board-btn{font-size:12px;font-weight:400;padding:5px 15px}.cbb-icon{font-size:10px}.board-title{padding:5px 10px}.board-title h3{font-size:13px;letter-spacing:0}.board-title p{font-size:10px;padding:0}.wp-body-container{padding:10px 5px 5px}.wp-content{gap:10px}.wp-card{height:-webkit-fit-content;height:fit-content;padding:5px;width:25%}.wp-name{padding:0 5px}.wp-name-text h5{font-size:10px}.wp-name-text input{font-size:10px;padding:0}.bs-pop{padding:5px}.bs-pop button{font-size:10px;padding:5px}.bs-pop .bs-delete,.bs-pop .bs-icon{font-size:12px}.workspace-move-modal,.wp-body{padding:5px}.wp-body p{font-size:8px;min-height:6vh}.wp-btm .wp-create{font-size:8px;padding:5px 0}.wp-create .wp-icon{font-size:14px!important}.wp-btm .view{font-size:10px;padding:3px 5px}.bform-workspace{left:85%;width:25vw}.bbody{padding:5px 10px}.fdesc,.fname{margin:0}.fdesc label,.fname label{font-size:10px}.fdesc input,.fname input{margin:0}}.move-container{background:var(--bg-section);box-shadow:var(--box-shadow);flex-direction:column;margin:0;padding-bottom:10px}.move-container,.move-header{align-items:center;border-radius:8px;display:flex;width:100%}.move-header{background-color:var(--primary);border-bottom-left-radius:0;border-bottom-right-radius:0;font-size:16px;font-weight:700;justify-content:space-between;padding:5px 10px}.move-header p{color:var(--text-white);font-size:12px;font-weight:700;margin:0}.move-icon{color:var(--text-white);cursor:pointer;font-size:20px}.move-content{display:flex;gap:5px;justify-content:space-between;margin:5px 0;padding:5px 10px;width:100%}.mb-icon{margin-right:5px}.select-btn{align-items:center;background-color:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);display:flex;font-size:10px;justify-content:space-between;padding:2px 5px;width:60%!important}.select-btn:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.move-btn{align-items:center;background:var(--bg-icon2);border:none;border-radius:4px;color:var(--text-white);cursor:pointer;display:flex;font-size:12px;font-weight:700;justify-content:center;padding:5px;width:40%!important}.move-btn:hover{box-shadow:var(--box-shadow-purple)}.move-btn:disabled{background:var(--sub-text-grey);cursor:not-allowed}.move-content-box{padding:0 10px;width:100%}.move-content-box .move-search{width:100%}.move-search input{background-color:var(--bg);border:1px solid var(--border);border-radius:8px!important;color:var(--text);font-size:12px;margin-bottom:2px;padding:5px 8px;width:100%}.move-search input:focus,.move-search input:hover{border:1px solid var(--border)}.move-search input:focus{box-shadow:var(--box-shadow);outline:none}.workspace-list-container{background:var(--bg);border:1px solid var(--border);border-radius:4px;font-size:10px;list-style:none;margin:0;max-height:100px;overflow-y:auto;padding:0;width:100%}.workspace-list-item{border-radius:4px;color:var(--text);cursor:pointer;padding:10px;transition:background .2s}.workspace-list-item:hover{background-color:var(--bg-section-hover)}.workspace-list-item.selected{background:var(--bg-icon2);color:var(--text-white)}.wlc-no{align-items:center;border-radius:4px;color:red;display:flex;justify-content:center;padding:5px}@media screen and (max-height:600px){.move-header{padding:8px}.move-header p{font-size:10px}.move-icon{font-size:15px}.move-content{padding:0 5px}.move-btn,.select-btn{font-size:9px}.move-content-box{padding:0 5px}.move-search input,.workspace-list-container{font-size:8px}.workspace-list-item{padding:5px}}.duplicate-container{background:var(--bg-section);box-shadow:var(--box-shadow);flex-direction:column;margin:0;padding-bottom:10px}.db-header,.duplicate-container{align-items:center;border-radius:8px;display:flex;width:100%}.db-header{background-color:var(--primary);border-bottom-left-radius:0;border-bottom-right-radius:0;font-size:16px;font-weight:700;justify-content:space-between;padding:5px 10px}.dbh-icon{cursor:pointer;font-size:20px}.db-header p,.dbh-icon{color:var(--text-white)}.db-header p{font-size:12px;font-weight:700;margin:0}.db-content{gap:5px;margin:5px 0;padding:5px 10px;position:relative;width:100%}.db-content,.db-content .db-select{display:flex;justify-content:space-between}.db-content .db-select{align-items:center;background-color:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:10px;padding:2px 5px;width:60%!important}.db-select:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.db-content .db-sub{align-items:center;background:var(--bg-icon2);border:none;border-radius:4px;color:var(--text-white);cursor:pointer;display:flex;font-size:12px;font-weight:400;gap:5px;justify-content:center;width:40%}.db-sub:hover{box-shadow:var(--box-shadow-purple)}.db-sub:disabled{background:var(--sub-text-grey);cursor:not-allowed}.duplicate-box-con{padding:0 10px;width:100%}.duplicate-search{width:100%}.duplicate-search input{background-color:var(--bg);border:1px solid var(--border);border-radius:8px!important;color:var(--text);font-size:12px;margin-bottom:2px;padding:5px 8px;width:100%}.duplicate-search input:focus,.duplicate-search input:hover{border:1px solid var(--border)}.duplicate-search input:focus{box-shadow:var(--box-shadow);outline:none}.db-list{background:var(--bg);border:1px solid var(--border);border-radius:4px;font-size:10px;list-style:none;margin:0;max-height:100px;overflow-y:auto;width:100%}.db-item{border-radius:4px;color:var(--text);cursor:pointer;padding:10px;transition:background .2s}.db-item:hover{background-color:var(--bg-section-hover)}.db-item.selected{background:var(--bg-icon2);color:var(--text-white)}.db-no{align-items:center;border-radius:4px;color:red;display:flex;justify-content:center;padding:5px}@media screen and (max-height:600px){.db-header{padding:8px}.db-header p{font-size:10px}.dbh-icon{font-size:15px}.db-content{padding:5px}.db-content .db-select,.db-content .db-sub{font-size:9px;padding:5px}.duplicate-box-con{padding:0 5px}.db-list,.duplicate-search input{font-size:8px}.db-item{padding:5px}}.bp-container{position:relative;width:100%}.bp-select{justify-content:space-between}.bp-select,.bp-select .box-add{align-items:center;display:flex}.bp-select .box-add{background-color:var(--card-bg);border:1px solid var(--card-bg);color:var(--text);cursor:pointer;font-size:12px;justify-content:flex-start;padding:5px}.box-add:hover{background-color:var(--bg-section-hover);box-shadow:var(--box-shadow)}.box-add .ba-icon{margin-right:5px}.bps-box{justify-content:space-between}.bps-box,.bps-box button{align-items:center;display:flex}.bps-box button{color:#fff;font-size:10px;font-weight:700;justify-content:flex-start;width:100%}.bps-lamp{margin-right:5px}.bps-icon{border-radius:4px;color:var(--text);cursor:pointer;font-size:20px;margin-left:5px}.bps-icon:hover{background-color:var(--bg-section-hover)}.priority-mini{align-items:center;border:none;border-radius:8px!important;cursor:default;display:inline-flex;font-size:10px;font-weight:500;gap:2px;line-height:1;padding:5px;-webkit-user-select:none;user-select:none;white-space:nowrap}.priority-mini-icon{font-size:10px;opacity:.9}.priority-mini:hover{filter:brightness(.97)}.sbp-container{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;box-shadow:var(--box-shadow);list-style:none;margin:0;min-width:150px;padding:0;position:absolute;right:0;top:0;width:80%;z-index:99}.sbp-icon{margin-right:5px}.sbp-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:7px 10px}.sbp-header .header-left{align-items:center;display:flex;gap:5px;justify-content:flex-start}.header-left .left-icon{color:var(--text);font-size:12px;padding:5px}.left-icon .mini-icon{color:var(--text-white);font-size:15px}.sbp-header h4{color:var(--text);font-size:12px;font-weight:700;margin:0}.sbp-close{border:1px solid var(--bg-section);border-radius:4px;color:var(--text);cursor:pointer;font-size:15px}.sbp-close:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.sbp-li{align-items:center;border:1px solid var(--bg-section);border-radius:4px;cursor:pointer;display:flex;font-size:12px;justify-content:flex-start;margin:5px;padding:5px 7px}.sbp-li:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.priority-medium{background:var(--status-progress-bg);border:1px solid var(--status-progress-border);color:var(--status-progress-text)}.priority-low{background:var(--status-confirmed-bg);border:1px solid var(--status-confirmed-border);color:var(--status-confirmed-text)}@media screen and (max-height:600px){.bp-container{min-width:none}.bp-select .box-add,.bps-box button{border-radius:4px;font-size:8px;padding:2px 5px}.sbp-container{width:100%}.sbp-header{padding:8px 10px}.sbp-header h4{font-size:10px}.sbp-close{font-size:14px}.sbp-li{font-size:10px;padding:5px}}.bl-container{height:100%;padding:10px;width:100%}.bl-container,.bl-header{background-color:var(--bg);position:relative}.bl-header{border-radius:8px;justify-content:space-between;padding:5px 10px 5px 0}.bl-header,.blnav{align-items:center;display:flex}.blnav{color:var(--sub-text);cursor:pointer;gap:4px;justify-content:flex-start;margin-left:10px;padding:0;width:100%}.blnav .back{font-size:12px;font-weight:700;text-align:left}.blnav .back:hover{border-bottom:1px solid var(--border-sec);box-shadow:var(--box-shadow)}.blnav .ellipsis-text{color:var(--primary);font-size:12px;font-weight:700;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.blnav .page{font-size:12px;font-weight:400;text-align:left}.blnav .blnav-sub{align-items:center;display:flex;gap:5px;justify-content:flex-start;width:100%}.blnav-sub p{color:#5e5e5e;cursor:pointer;font-size:10px}.blnav-sub .back{color:#5d12eb;cursor:pointer;font-size:10px;font-weight:700}.blnav-sub .back:hover{text-decoration:underline}.back-icon{font-size:12px}.blnav-sub p:hover{color:#5d12eb}.bl-header .more-action{align-items:center;display:flex;gap:5px;justify-content:flex-end;padding:0;width:40%}.more-action .search-btn{width:60%}.more-action .btn-create-list{align-items:center;background:var(--bg-icon2);border:1px solid var(--bg);border-radius:8px;color:var(--text-white);cursor:pointer;display:flex;gap:5px;justify-content:center;padding:5px 20px!important;width:-webkit-fit-content;width:fit-content}.more-action .btn-create-list:hover{box-shadow:var(--box-shadow-purple)}.btn-create-list p{font-size:13px;font-weight:700;margin:0}.btn-create-list .cl-icon{font-size:12px}.bl-body{min-width:80vw;overflow-x:auto;padding:5px;white-space:nowrap}.bl-body,.bl-content{height:85vh;width:100%}.bl-content{align-items:flex-start;display:flex;gap:7px;padding:0}.bl-card-card{align-items:center;background-color:none;border-radius:16px;box-shadow:none!important;display:flex;flex-direction:column;height:85vh;max-width:280px;min-width:280px}.bl-box{background-color:var(--bg-section);border:1px solid var(--border);border-radius:16px;height:auto;padding:8px;width:100%}.list-title{justify-content:space-between;position:relative;width:100%}.list-title,.list-title button{align-items:center;display:flex;padding:0}.list-title button{background-color:var(--bg-section);border:1px solid var(--bg-section);border-radius:4px;color:var(--text);cursor:pointer;font-size:15px;justify-content:center}.list-title button:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.l-name{align-items:center;display:flex;gap:5px;justify-content:flex-start;width:90%}.sortable-list-item{transition:transform .2s ease,box-shadow .2s ease}.sortable-list-item.dragging{transform:rotate(2deg)}.sortable-card-item{border-radius:16px}.l-name h5{color:var(--text);font-size:10px;font-weight:700;margin:0;overflow-wrap:anywhere;white-space:normal;width:17vw;word-break:break-word}.l-name .icon-i{background:var(--bg-icon2);border-radius:4px;font-size:12px;padding:3px}.l-name .licon{color:var(--text-white);font-size:12px;margin-right:2px}.l-name input{border:1px solid var(--bg-section);font-size:12px;padding:0 3px;width:16vw}.l-name input,.l-name input:focus{background-color:var(--bg-section)}.l-name input:focus{color:var(--text);outline:none}.list-setting{border:1px solid var(--border);border-radius:8px;box-shadow:var(--box-shadow);flex-direction:column;gap:2px;position:absolute;right:0;top:100%;width:150px;z-index:100}.list-setting,.list-setting button{background-color:var(--bg-section);display:flex;font-size:10px;justify-content:flex-start;padding:5px}.list-setting button{align-items:center;border:1px solid var(--bg-section);border-radius:4px;color:var(--text)}.list-setting button:hover{background-color:var(--bg-section-hover)}.delete button{border-radius:0}.list-setting .cs-icon{color:var(--text);font-size:13px;margin-right:5px}.list-body{-ms-overflow-style:none;display:flex;flex-direction:column;gap:10px;margin-top:3px;max-height:75vh;overflow-y:auto;padding:3px;scrollbar-width:none;width:100%}.list-body::-webkit-scrollbar{display:none;width:6px}.list-body::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.form-card-wrapper{position:relative}.form-card{justify-content:space-between;z-index:99}.form-card,.form-card .fc-cont{align-items:center;display:flex}.form-card .fc-cont{border:1px solid var(--bg-section);border-radius:4px;color:var(--text);cursor:pointer;font-size:12px;gap:5px;justify-content:flex-start;padding:2px 6px;position:relative}.fc-cont:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.form-card p{font-weight:700;margin:0 5px 0 0}.form-card button{align-items:center;background-color:#eee;border:1px solid #eee;border-radius:4px;display:flex;font-size:12px;gap:5px;justify-content:flex-start;padding:5px}.form-card button:hover{background-color:#ddd}.cc-form-card{background-color:none}.form-card-wrapper .card-count{align-items:center;color:var(--text);display:flex;justify-content:right}.card-count p{font-size:8px;margin:0 3px 0 0;padding:0}.modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:flex-end;position:fixed;right:0;top:10%;width:100%}.cc-form{background-color:#fff;position:absolute;top:0;z-index:100}.fl-container{align-items:center;background-color:var(--bg);border:1px solid var(--bg);box-shadow:0 4px 6px #0000001a;display:flex;justify-content:center;top:100%}.fl-container,.move-list-modal{border-radius:4px;padding:5px;position:absolute;right:0;z-index:100}.move-list-modal{background-color:#fff0!important;height:-webkit-fit-content;height:fit-content;top:0;width:100%}.new-move-list-modal{height:-webkit-fit-content;height:fit-content}.new-move-list-modal,.new-position-list-modal{align-items:flex-start;border-radius:6px;display:flex;justify-content:center;padding:2px;position:absolute;right:0;top:0;width:100%;z-index:100}.new-position-list-modal{height:30vh!important;height:-webkit-fit-content;height:fit-content}.new-position-list-modal .position-box-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;height:-webkit-fit-content;height:fit-content;padding:0;width:60%}.position-box-container .pch{background-color:#5d12eb;border-top-left-radius:8px;border-top-right-radius:8px;padding:5px}.pch h5{color:#fff;font-size:12px;margin:0;padding:0;text-align:left;width:100%}.position-box-container .pcm{border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:20vh;overflow-y:auto}.pcm ul{border:1px solid #eee;border-radius:8px;height:100%;list-style:none;margin:0;width:100%;z-index:10}.pcm li,.pcm ul{background-color:#fff;padding:5px}.pcm li{color:#333;font-size:12px;text-align:center}.pcm li:hover{background-color:#eee}@media (min-width:1200px) and (max-width:1400px){.bl-body{height:86vh!important;min-height:0}}@media (min-width:992px) and (max-width:1199.98px){.bl-body{height:83vh!important;min-height:0}.list-body{max-height:70vh}}@media (min-width:768px) and (max-width:991.98px){.bl-body{height:83vh!important;min-height:0}.bl-header{padding:2px 10px}.blnav{gap:0;margin-left:0}.bl-header .more-action{width:55%}.list-body{max-height:72vh}}@media (min-width:576px) and (max-width:767.98px){.bl-body{height:83vh!important;min-height:0}.bl-header{padding:2px 10px}.blnav{gap:0;margin-left:0}.bl-header .more-action{align-items:center;display:flex;justify-content:flex-end;width:50%}.more-action .btn-create-list{width:-webkit-fit-content;width:fit-content}.btn-create-list p{display:none}.bl-content{width:93vw}.list-body{max-height:72vh}}@media (min-width:375px) and (max-width:575px){.bl-header{padding:5px}.bl-header .more-action{align-items:center;display:flex;flex-direction:column;justify-content:center}.more-action .search-btn{width:100%}.more-action .btn-create-list{padding:5px 8px;width:-webkit-fit-content;width:fit-content}.btn-create-list .cl-icon{display:none}.btn-create-list p{font-size:12px}.blnav{margin:0;width:100%}.blnav-sub p{font-size:12px}.bl-body{height:88%;min-height:0}.bl-content{width:93vw}}@media (min-height:400px) and (max-height:730px){.bl-body{height:86%;min-height:0}.bl-content{width:93vw}.more-action .btn-create-list{padding:5px}}@media screen and (max-height:600px){.bl-container{align-items:center;display:flex;flex-direction:column}.bl-header{margin-bottom:5px;padding:3px 5px;width:100%}.blnav h4{display:none}.bl-header .more-action{padding:0}.more-action .btn-create-list{padding:5px 10px}.btn-create-list p{font-size:10px;font-weight:400}.cl-icon{font-size:10px}.bl-body{height:93%!important;padding:0;width:99%}.bl-content{height:83vh;width:90vw}.bl-card-card{height:81vh;max-width:220px;min-width:220px;overflow-y:auto}.bl-box{align-items:center;border-radius:8px;display:flex;flex-direction:column;padding:3px}.list-setting{width:100px}.list-setting button{font-size:10px;padding:4px}.list-title{padding:0;width:90%}.l-name h5{font-size:10px}.list-body{margin-top:5px;overflow-y:auto}.form-card-wrapper{width:100%}.form-card .fc-cont{font-size:10px}.move-modal{border:1px solid green;right:0;width:30%!important}}.card-container{background-color:var(--card-bg);overflow:visible;padding:5px}.card-container,.card-container:hover{border:1px solid var(--border);border-radius:16px}.card-container:hover{box-shadow:var(--box-shadow)}.cc-top-header{border-bottom:1px solid var(--border);justify-content:space-between;padding:0 0 2px}.cc-top-header,.cctop-status{align-items:center;display:flex}.cctop-status{justify-content:flex-start;width:80%}.cctop-icon .mini-cctop{color:var(--icon-card-primary);font-size:19px}.cc-toggle{align-items:center;display:flex;justify-content:center;margin-top:5px;padding:0 5px;width:100%}.cc-toggle .cc-toggle-box{width:100%}.cc-cover,.cc-label{margin:0}.card-setting{border:1px solid var(--border);border-radius:8px;box-shadow:var(--box-shadow);flex-direction:column;font-size:15px;gap:3px;padding:10px 7px;position:absolute;right:0;top:10%;width:150px;z-index:101}.card-setting,.card-setting button{background-color:var(--bg-section);display:flex;justify-content:flex-start}.card-setting button{align-items:center;border:1px solid var(--bg-section);border-radius:4px;color:var(--text);font-size:13px;padding:3px 5px}.card-setting button:hover{background-color:var(--bg-section-hover)}.delete button{border-top:1px solid var(--border);color:red}.cs-icon{color:var(--text)}.cs-delete,.cs-icon{font-size:13px;margin-right:5px}.cs-delete{color:red}.cc-cover p{background-color:#1a3b1a;border:1px solid #eee;border-radius:8px;color:#fff;height:5vh;justify-content:center;margin:0}.cc-cover p,.cc-header-card{align-items:center;display:flex;width:100%}.cc-header-card{justify-content:space-between;margin:0!important;padding:3px}.cc-title{width:100%}.cc-title input{background-color:var(--card-bg);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:10px;outline:none;padding:0;width:100%}.cc-title input:hover{border:1px solid #fff}.cc-title input:focus{border:1px solid #fff;outline:none}.cc-title h5{color:var(--text);font-size:10px;font-weight:700;margin:0;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.toogle-cont{justify-content:flex-end}.cc-setting,.toogle-cont{align-items:center;display:flex}.cc-setting{border:1px solid var(--bg);border-radius:4px;color:var(--text);cursor:pointer;justify-content:center}.cc-setting:hover{background-color:var(--bg-section);border:1px solid var(--bg-section)}.cc-body{word-wrap:break-word;border-radius:4px;height:100%;margin:5px 0 0;min-height:5vh;overflow-wrap:break-word;padding:2px 5px;white-space:normal}.cc-body p{margin:0;padding:5px}.cc-body .p-full,.cc-body p{color:var(--sub-text-grey);font-size:8px}.cc-body .p-full{height:5vh;overflow-y:auto;overflow:hidden;transition:height .3s ease}.cc-body .p-empty{color:var(--sub-text-grey);height:0;margin-bottom:0;transition:height .3s ease}.cc-footer{align-items:center;display:flex;justify-content:space-between;padding:0}.ficon{font-size:12px}.left button{background-color:#fff;border:1px solid #fff;border-radius:4px;margin:2px;padding:3px}.left button:hover{background-color:#eee;border:1px solid #eee}.member button{background:var(--bg-icon2);border:1px solid var(--border);border-radius:6px;color:var(--text-white);cursor:pointer;font-size:10px;margin:0;padding:3px 8px;text-align:center}.member button:hover{box-shadow:0 4px 8px #6b11cb3c}.detail-con{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.card-detail-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;max-width:600px;padding:20px;position:relative;width:80%;z-index:10000}.cc-detail{align-items:end;bottom:0;display:flex;justify-content:right;left:0;position:fixed;right:0;top:0;z-index:100}.cc-detail .modal-overlay{background:rgba(0,0,0,.145);border-radius:8px;bottom:0;left:5%;position:absolute;right:0;top:0;z-index:1}.cc-detail .modal-content{animation:fadeIn .3s ease;border-radius:8px;box-shadow:0 4px 8px #0003;height:95vh;max-width:700px;position:relative;width:100%;z-index:2}.card-move-modal{z-index:100}.dc-modal{background:#00000080;bottom:0;left:0;margin-top:3vh;padding-top:10vh;position:fixed;right:0;top:0;z-index:99}.dc-modal,.dcm-conten{align-items:center;display:flex;justify-content:center}.dcm-conten{border-radius:8px;flex-direction:column;max-width:600px;padding:20px;width:80%}.position-modals{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px #0003;height:100%;left:0;margin-top:4px;padding:0;position:absolute;top:100%;width:8rem;z-index:50}.position-modals .ph{background-color:#6a11cb;border-top-left-radius:8px;border-top-right-radius:8px;padding:5px}.ph p{color:#fff;font-size:12px}.position-modals .pb{background-color:#fff;border:1px solid #ddd;border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:10vh;overflow-y:auto;padding:5px}.position-modals ul{font-size:10px;list-style:none;margin:0;padding:.25rem 0}.position-modals li{border-radius:.125rem;cursor:pointer;padding:.25rem .5rem}.position-modals li:hover{background-color:#f3f4f6}@media screen and (max-height:600px){.card-setting{width:100px}.card-setting button{font-size:10px;padding:4px}.cc-title input{font-size:10px;padding:5px;width:100%!important}.cc-title input:focus{outline:none}.cc-title h5{font-size:10px}.cc-label{width:100%}.cc-body p{font-size:8px}.member button{font-size:9px}}.selected-priorities-container{gap:3px;margin:0 2px}.selected-priorities-container .sp-box{align-items:center;border:1px solid var(--bg-section);border-radius:4px;display:flex;font-size:8px;font-weight:700;justify-content:flex-start;margin:0;padding:2px 3px}.sp-box:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.priority-high{background:var(--status-rejected-bg);border:1px solid var(--status-rejected-border);color:var(--status-rejected-text)}.priority-medium{background:var(--status-confirmed-bg);border:1px solid var(--status-confirmed-border);color:var(--status-confirmed-text)}.priority-low{background:var(--status-progress-bg);border:1px solid var(--status-progress-border);color:var(--status-progress-text)}.priority-no\ priority{background:var(--status-unknown-bg);border:1px solid var(--status-unknown-border);color:var(--status-unknown-text)}.priority-icon{color:currentColor;font-size:120x}.status-cont{margin:0}.status-cont h5{align-items:center;border:1px solid #0000;border-radius:4px;display:flex;font-size:8px;font-weight:700;gap:3px;justify-content:flex-start;margin:0;padding:2px 3px}.card-cover-display{padding:3px 5px 0}.card-cover-display .cover-image{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%}.cover-image .color-mode{border-radius:8px;height:25px;width:100%}.cover-image .cover-img{border-radius:8px;height:50px;object-fit:cover;width:100%}.c-selected-labels-container{align-items:center;display:flex;flex-wrap:wrap;gap:4px;padding:0 3px;width:100%}.c-selected-labels-container .label-box{align-items:center;border-radius:4px;display:flex;font-size:10px;font-weight:700;padding:3px;white-space:no-wrap;width:-webkit-fit-content;width:fit-content}.sl-icon{color:#333;cursor:pointer;font-size:12px;font-weight:700;margin-left:3px}@media screen and (max-height:600px){.selected-priorities-container .sp-box,.status-cont h5{font-size:8px;font-weight:400;padding:2px 4px}.cover-image .color-mode{height:20px}.cover-image .cover-img{height:35px}.c-selected-labels-container .label-box{font-size:8px;font-weight:400;padding:2px 4px}.sl-icon{font-size:10px}}.dc-container{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;box-shadow:var(--card-shadow);padding:0 0 10px;width:100%}.dc-header{background-color:var(--primary);border-bottom:1px solid var(--border)!important;border-top-left-radius:8px;border-top-right-radius:8px;justify-content:space-between;padding:5px 10px}.dc-header,.dc-header .dc-left{align-items:center;color:var(--text);display:flex;gap:5px}.dc-header .dc-left{justify-content:flex-start}.dc-left .left-icon{background:var(--bg-icon2);border-radius:6px;color:var(--text-white);padding:3px}.dc-header p{color:var(--text-white);font-size:12px;font-weight:700;margin:0}.close-icon{border-radius:4px;color:var(--text-white);font-size:13px}.close-icon:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover);color:var(--text)}.dc-body{padding:10px}.dc-board{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2px;width:100%}.dc-board label{color:var(--text);font-size:10px;font-weight:700;margin:0;width:100%}.duplicate-card-dropdown{padding:0;position:relative;width:100%}.duplicate-card-dropdown .dcb-btn{align-items:center;background-color:var(--bg-section)!important;border:1px solid var(--border);border-radius:6px;color:var(--text);display:flex;font-size:10px;justify-content:space-between;margin:0;padding:5px 10px;width:100%}.duplicate-card-dropdown .dcb-btn:hover{background-color:var(--bg-section-hover)!important;border:1px solid var(--border)}.dcb-menu-wrapper{margin:0}.dcb-menu-wrapper,.duplicate-card-search-input{background-color:var(--bg-section)!important;width:100%}.duplicate-card-search-input{border:1px solid var(--border)!important;border-radius:6px;color:var(--text);font-size:10px;font-weight:400;margin-bottom:2px;padding:5px}.duplicate-card-search-input:hover{background-color:var(--bg-section-hover)!important;border:1px solid var(--border)!important}.duplicate-card-search-input:focus{background-color:var(--bg-section-hover)!important;border:1px solid var(--card-hover-border);outline:none}.dcb-menu-wrapper .dcb-menu{background-color:var(--bg-section);border:1px solid var(--border);border-radius:4px;box-shadow:var(--card-shadow);font-size:10px;height:8vh;list-style:none;margin-top:0;overflow-y:auto;padding:5px;position:absolute;width:100%;z-index:100}.duplicate-card-dropdwon-item{background-color:var(--bg-section);border:1px solid var(--bg-section);border-radius:4px;color:var(--text)!important;padding:5px}.duplicate-card-dropdwon-item:hover{background-color:var(--bg-section-hover)!important}.dcb-select-list{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2px;width:100%}.dcb-select-list label{color:var(--text);font-size:10px;font-weight:700;margin:0;width:100%}.dcb-list-dropdown{padding:0!important;position:relative;width:100%}.dcb-list-dropdown .dcb-button{align-items:center;background-color:var(--bg-section);border:1px solid var(--border);border-radius:6px;color:var(--text);display:flex;font-size:10px;justify-content:space-between;margin:0!important;padding:5px 10px;width:100%}.dcb-list-dropdown .dcb-button:hover{background-color:var(--bg-section-hover);border:1px solid var(--border)}.dcb-menu-wrapper .dc-list-search-input{background-color:var(--bg-section);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:10px;font-weight:400;margin-bottom:2px;padding:5px;width:100%}.dcb-menu-wrapper .dc-list-search-input:hover{background-color:var(--bg-section-hover)}.dcb-menu-wrapper .dc-list-search-input:focus{background-color:var(--bg-section-hover);border:1px solid var(--card-hover-border);outline:none}.duplicate-card-list-menu{background-color:var(--bg-section);border:1px solid var(--border);border-radius:4px;box-shadow:var(--box-shadow);font-size:10px;height:20vh;list-style:none;margin-top:0;overflow-y:auto;padding:5px;position:absolute;width:95%;z-index:100}.dc-item{border-radius:4px;color:var(--text);padding:5px}.dc-item:hover{background-color:var(--bg-section-hover)}.duplicate-card-button{padding:5px}.dc-move-btn,.duplicate-card-button{align-items:center;display:flex;justify-content:center;width:100%}.dc-move-btn{background:var(--bg-icon2);border:1px solid var(--bg-section);border-radius:8px;color:var(--text-white);cursor:pointer;font-size:10px!important;font-weight:700;gap:5px;padding:5px!important}.dc-move-btn:hover{background:var(--bg-icon2);box-shadow:0 4px 8px #6f30dc54}.dc-icon{font-size:13px}.dc-position{align-items:center;display:flex;justify-content:center}.dc-position label{font-weight:700;margin:0}.dc-position label,.dc-position-input{color:var(--text);font-size:10px;width:100%}.dc-position-input{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;font-weight:400;margin-bottom:2px;padding:5px}.dc-position-input:focus,.dc-position-input:hover{background-color:var(--bg-section-hover)}.dc-position-input:focus{border:1px solid var(--card-hover-border);outline:none}@media screen and (max-height:600px){.dc-board label{font-weight:400!important}.dc-board label,.dcb-search-input,.dcb-select-list label{font-size:8px!important}.dcb-select-list label{font-weight:400!important}}.mc-container{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;box-shadow:var(--card-shadow);padding:0 0 10px;width:100%}.mc-header{background-color:var(--primary);border-bottom:1px solid var(--border)!important;border-top-left-radius:8px;border-top-right-radius:8px;justify-content:space-between;padding:5px 10px}.mc-header,.mc-header .mc-left{align-items:center;color:var(--text);display:flex;gap:5px}.mc-header .mc-left{justify-content:flex-start}.mc-left .left-icon{background:var(--bg-icon2);border-radius:6px;color:var(--text-white);padding:3px}.left-icon .mini-icon,.mc-header p{font-size:12px}.mc-header p{font-weight:700;margin:0}.mc-header p,.mc-icon{color:var(--text-white)}.mc-icon{border-radius:4px;cursor:pointer}.mc-icon:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover);color:var(--sub-text-grey)}.mc-board,.mc-container .mc-body{padding:5px}.mc-board{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.mc-board label{color:var(--text);font-size:10px;font-weight:700;margin:0;width:100%}.mcb-dropdown{padding:0;position:relative;width:100%}.mcb-dropdown .mcb-button{align-items:center;background-color:var(--bg-section)!important;border:1px solid var(--border);border-radius:6px;color:var(--text);display:flex;font-size:10px;justify-content:space-between;margin:0;padding:5px 10px;width:100%}.mcb-dropdown .mcb-button:hover{background-color:var(--bg-section-hover)!important;border:1px solid var(--border)}.mcb-menu-wrapper{background-color:var(--bg-section)!important;margin:0;width:100%}.mcb-menu-wrapper .dropdown-search-input{background-color:var(--bg-section)!important;border:1px solid var(--border)!important;border-radius:6px;color:var(--text);font-size:10px;font-weight:400;margin-bottom:2px;padding:5px;width:100%}.dropdown-search-input:hover{background-color:var(--bg-section-hover)!important;border:1px solid var(--border)!important}.dropdown-search-input:focus{background-color:var(--bg-section-hover);border:1px solid var(--card-hover-border);outline:none}.mcb-menu-wrapper .mcb-menu{border:1px solid var(--border);border-radius:4px;box-shadow:var(--card-shadow);font-size:10px;height:8vh;list-style:none;margin-top:0;overflow-y:auto;position:absolute;width:100%;z-index:100}.mcb-menu-wrapper .mcb-menu,.move-card-item{background-color:var(--bg-section);padding:5px}.move-card-item{border:1px solid var(--bg-section);border-radius:4px;color:var(--text)!important}.move-card-item:hover{background-color:var(--bg-section-hover)!important}.mc-select-list{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:5px;width:100%}.mc-select-list label{color:var(--text);font-size:10px;font-weight:700;margin:0;width:100%}.mc-list-dropdown{padding:0;position:relative;width:100%}.mc-list-dropdown .move-card-list-btn{align-items:center;background-color:var(--bg-section);border:1px solid var(--border);border-radius:6px;color:var(--text);display:flex;font-size:10px;justify-content:space-between;margin:0!important;padding:5px 10px;width:100%}.mc-list-dropdown .move-card-list-btn:hover{background-color:var(--bg-section-hover);border:1px solid var(--border)}.mcl-menu-wrapper{background-color:var(--bg-section)!important;margin:0;width:100%}.mcl-menu-wrapper .move-card-search-input{background-color:var(--bg-section)!important;border:1px solid var(--border)!important;border-radius:6px;color:var(--text);font-size:10px;font-weight:400;margin-bottom:2px;padding:5px;width:100%}.mcl-menu-wrapper .move-card-search-input:hover{background-color:var(--bg-section-hover)!important;border:1px solid var(--border)!important}.mcl-menu-wrapper .move-card-search-input:focus{background-color:var(--bg-section-hover)!important;border:1px solid var(--card-hover-border);outline:none}.move-card-menu{background-color:var(--bg-section);border:1px solid var(--border);border-radius:4px;box-shadow:var(--box-shadow);font-size:10px;height:20vh;list-style:none;margin-top:0;overflow-y:auto;padding:5px;position:absolute;width:95%;z-index:100}.move-card-list-item{border-radius:4px;color:var(--text);padding:5px}.move-card-list-item:hover{background-color:var(--bg-section-hover)}.move-card-button{padding:5px}.move-card-button,.move-card-button .mcl-move-btn{align-items:center;display:flex;justify-content:center;width:100%}.move-card-button .mcl-move-btn{background:var(--bg-icon2);border:1px solid var(--bg-section);border-radius:8px;color:var(--text-white);cursor:pointer;font-size:10px!important;font-weight:700;gap:5px;padding:5px!important}.move-card-button .mcl-move-btn:hover{background:var(--bg-icon2);box-shadow:0 4px 8px #6f30dc54}.move-card-position{align-items:center;display:flex;justify-content:center}.move-card-position label{color:var(--text);font-size:10px;font-weight:700;margin:0;width:100%}.mc-position-input{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:10px;font-weight:400;margin-bottom:2px;padding:5px;width:100%}.mc-position-input:focus,.mc-position-input:hover{background-color:var(--bg-section-hover)}.mc-position-input:focus{border:1px solid var(--card-hover-border);outline:none}@media screen and (max-height:600px){.mc-board label{font-weight:400!important}.mc-board label,.mc-select-list label,.mcb-dropdown .mcb-btn,.mcb-menu-wrapper .mcb-search-input{font-size:8px!important}.mc-select-list label{font-weight:400!important}}.due-date-badge{align-items:center;border-radius:4px;display:flex;font-size:8px;font-weight:nomal;justify-content:flex-start;margin-top:4px;padding:3px}.due-red{background-color:#ffe5e5;color:#c62828}.due-orange{background-color:#fff3e0;color:#ef6c00}.due-blue{background-color:#e3f2fd;color:#1565c0}.due-normal{background-color:#e8f5e9;color:#2e7d32}@media screen and (max-height:600px){.due-date-badge{font-size:8px}}.cfoot-container{border-top:1px solid var(--border);margin:2px 0;padding-top:2px!important;padding:0 5px}.cfoot-container,.cfoot-container button{align-items:center;display:flex;font-size:10px;justify-content:flex-start}.cfoot-container button{background-color:var(--card-bg);border:1px solid var(--card-bg);color:var(--sub-text);cursor:pointer;gap:2px;padding:1px}.cfoot-container button:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.new-card-detail{color:#333;height:100%;min-width:60vw;padding-top:10px}.ncd-header,.new-card-detail{background-color:var(--bg);position:relative;width:100%}.ncd-header{box-shadow:0 4px 8px (0,0,0,.1);justify-content:space-between;margin-bottom:10px;padding:0 20px}.ncd-header,.ncd-left{align-items:center;display:flex}.ncd-left{color:var(--sub-text);cursor:pointer;gap:4px;justify-content:flex-start;margin-left:10px;padding:0;width:100%}.ncd-left .ncd-board,.ncd-left .ncd-board-back{cursor:pointer;font-size:12px;font-weight:700;margin:0;padding:0}.ncd-board-back:hover{color:var(--primary);text-decoration:underline}.ncd-left .text-active{color:var(--primary);cursor:pointer;font-size:12px;font-weight:700;margin:0;padding:0}.ncd-icon{color:var(--sub-text);cursor:pointer;font-size:12px}.card-main-box{display:flex;width:100%}.cmb-left{border-top:1px solid #ddd;width:75%}.cmb-left button.active{background-color:#007bff;color:#fff}.cmb-left button{background-color:#f0f0f0;border:none;border-radius:6px;color:#333;cursor:pointer;margin-right:8px;padding:8px 16px;transition:all .2s ease}.cmb-left button:hover{background-color:#dcdcdc;color:#000}.cmb-left button:active{background-color:silver;transform:scale(.98)}.cmb-right{border:1px solid #ddd;height:75vh;position:relative;width:25%}.cmb-right .c-info{border-bottom:1px solid #ddd;padding:0 10px;position:relative}.c-info-title{display:flex;justify-content:space-between}.c-info-title button{border:1px solid #fff;border-radius:4px;color:#5e5e5e;cursor:pointer;padding:2px}.c-info-title button:hover{background-color:#ddd;border:1px solid #ddd}.acm-container{align-items:center;background-color:#0000;border:1px solid #5e12eb00;display:flex;justify-content:flex-end;position:absolute;right:0;top:20%;width:100%}.action-card-modal{background-color:#fff;border:1px solid #5e12eb46;border-radius:4px;box-shadow:0 4px 8px #5e12eb46;padding:5px;width:15vw}.action-card-modal button{align-items:center;border:1px solid #fff;cursor:pointer;display:flex;font-size:10px;gap:3px;justify-content:flex-start;margin:3px 0;padding:5px 8px;width:100%}.action-card-modal button:hover{background-color:#5e12eb46;border:1px solid #5e12eb46;border-radius:4px}.c-info p{font-size:12px;font-weight:700;margin:0}.c-create{display:flex;font-size:12px;justify-content:flex-start;margin:5px}.cc-icon{color:grey}.cmb-container{height:45vh;margin-bottom:10px;overflow-y:auto}.ah-left h5{font-weight:700;margin:0}.attach-header .ah-right p{color:grey;font-size:8px;margin:0}.cmb-assign{border-bottom:1px solid #ddd;margin:0;padding:5px 10px 10px;position:relative}.assign-header{align-items:center;color:#333;display:flex;font-size:12px;justify-content:space-between}.assign-header .ah-left{align-items:center;display:flex;font-weight:700;justify-content:flex-start}.assign-header .ah-icon{margin-right:7px}.ah-right p{color:grey;font-size:8px;margin:0}.cmb-assign .assign-btn-add{position:relative}.assign-btn-add button,.cmb-assign .assign-btn-add{align-items:center;display:flex;justify-content:center;width:100%}.assign-btn-add button{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#5d12eb;cursor:pointer;font-size:10px;font-weight:700;margin-top:10px;padding:5px 10px}.assign-btn-add button:hover{border:1px solid #5d12eb;box-shadow:0 4px 8px #5e12eb46}.ncd-body{height:100%;justify-content:flex-start;padding:5px 10px;position:relative}.ncd-body,.ncd-main-header{align-items:center;background-color:var(--bg);display:flex;flex-direction:column;width:100%}.ncd-main-header{border:1px solid var(--bg);color:var(--sub-text);justify-content:center}.ncd-main-header .ncd-title-btn{align-items:center;background-color:var(--bg);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between;padding:5px 10px;width:100%}.title-label{width:90%}.ct-box{align-items:center;display:flex;justify-content:flex-start}.title-label .ct-box input{background-color:var(--bg);border:1px solid var(--bg);border-radius:4px;color:var(--sub-text);font-size:15px;padding:0;width:100%}.title-label .ct-box input:focus{border:1px solid var(--bg);outline:none}.ct-box h5{color:var(--sub-text);font-size:13px;font-weight:700;width:100%}.ncd-label{padding:0}.main-header-btn{align-items:center;display:flex;gap:3px;height:100%;justify-content:flex-end;position:relative;width:20%}.main-header-btn button{align-items:center;background-color:var(--bg-section);border:1px solid var(--border);border-radius:6px;color:var(--sub-text);cursor:pointer;display:flex;font-size:12px;gap:5px;justify-content:center;padding:5px;width:100%}.main-header-btn button:hover{background-color:var(--bg-section-hover);box-shadow:var(--box-shadow)}.cover-modal{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;box-shadow:var(--box-shadow);padding:15px;position:absolute;right:2%;top:7%;width:45vw;z-index:99}.label-modals{background-color:none;border:none;border-radius:8px;box-shadow:none;padding:10px;position:absolute;right:0;top:5%;width:35vw;z-index:1000}.show-example{grid-template-columns:repeat(3,1fr);padding:0 10px}.ncd-status,.show-example{grid-gap:10px;display:grid;gap:10px;width:100%}.ncd-status{align-items:baseline;background-color:#fff;border:1px solid #ddd;border-bottom-left-radius:8px;border-bottom-right-radius:8px;grid-template-columns:repeat(3,1fr);justify-content:center;padding:10px 20px;top:12%!important}.ncd-status-container,.ncd-status-due,.ncd-status-priority{height:-webkit-fit-content;height:fit-content}.ncd-due-empty,.ncd-priority-empty,.ncd-status-empty{color:#888;font-style:italic;padding:4px 0}.btn-add-status{background-color:initial;border:1px dashed #888;border-radius:4px;color:#555;cursor:pointer;font-size:.9rem;font-style:italic;padding:4px 8px}.status-toggle-btn-wrapper{display:none;padding:3px;text-align:center}.status-toggle-btn{background-color:#fff;border:1px solid #fff;border-radius:6px;color:#4c4fe8;cursor:pointer;font-size:10px;padding:2px 10px}.card-title,.cdl-header{align-items:center;display:flex;justify-content:space-between}.card-title{flex-wrap:wrap;margin-top:0;padding:5px 10px;position:-webkit-sticky;position:sticky;z-index:100}.ncd-main-content{align-items:flex-start;display:flex;gap:15px;height:100%;justify-content:center;margin-top:5px;width:100%}.ncd-main-content .ncd-main-left{background-color:var(--bg);gap:15px;height:100%;overflow-y:auto;padding:10px 5px;width:70%}.ncd-main-left .ncd-desc{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:0 4px 8px #0000001a;gap:5px;min-height:45vh;padding:15px}.ncd-desc .des-header{align-items:center;border-left:3px solid var(--primary);color:var(--sub-text);display:flex;flex-direction:row;font-size:12px;font-weight:700;justify-content:space-between;padding-left:10px;position:relative;width:100%}.des-header .des-right{border-radius:8px;color:var(--sub-text);cursor:pointer;padding:2px}.des-icon{color:var(--primary);font-size:15px}.des-icon:hover{transform:scale(1.2);transition:transform .2s ease}.modal-des-container{align-items:baseline;animation:slideDown .3s ease-out;background-color:#00000038;border-radius:8px;bottom:0;display:flex;font-family:Inter,sans-serif;height:100%;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%;z-index:1000}.modal-des-container .modals-content{background-color:var(--bg-section);border:1px solid var(--bg-section);border-radius:8px;height:90%;margin-bottom:20px;padding:0;width:80%}.modals-content .modals-header{align-items:center;background:linear-gradient(90deg,#7246eb,#532189);border-bottom:1px solid #ddd;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;height:-webkit-fit-content;height:fit-content;justify-content:space-between;padding:10px 20px;width:100%}.modals-header h5{border-left:3px solid #55e7d4;color:#fff;margin:0;padding:0 0 0 10px}.modals-header .modal-close{background-color:#532189;border:1px solid #532189;border-radius:8px;color:#fff;cursor:pointer;padding:5px}.modals-body{color:#333;font-size:15px;height:90%;line-height:1.6;overflow-y:auto;padding:10px 20px}.modals-body .div-des{cursor:pointer;font-size:12px;height:100vh;min-height:150px;white-space:pre-wrap;width:100%}.modals-body textarea{border:1px solid blue}.ncd-desc .des-content{color:var(--text);font-size:12px;height:auto;max-height:none;overflow-y:auto;padding:5px;scroll-behavior:smooth}.ncd-desc .des-content::-webkit-scrollbar,.ncd-main-content .ncd-main-left::-webkit-scrollbar,.ncd-main-content .ncd-main-right::-webkit-scrollbar{width:1px}.ncd-desc .des-content::-webkit-scrollbar-track,.ncd-main-content .ncd-main-left::-webkit-scrollbar-track .ncd-main-content,.ncd-main-right::-webkit-scrollbar-track{background:#0000}.ncd-desc .des-content::-webkit-scrollbar-thumb,.ncd-main-content .ncd-main-left::-webkit-scrollbar-thumb,.ncd-main-content .ncd-main-right::-webkit-scrollbar-thumb{background-color:#0000;border-radius:3px}.ncd-desc .des-content{scrollbar-color:#0000 #0000;scrollbar-width:thin}.placeholder-desc{align-items:center;display:flex;height:20vh;justify-content:center;width:100%}.placeholder-desc p{color:#5c38db;font-size:12px;padding:0;text-align:center;width:100%}.des-content .desc-actions{align-items:center;display:flex;justify-content:flex-end;margin-top:10px}.desc-actions .btn-des-save{align-items:center;background:var(--bg-icon2);border:1px solid var(--bg-section);border-radius:4px;color:var(--text-white);cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:5px;justify-content:center;padding:5px 12px;text-align:center;width:5vw}.btn-des-save:hover{box-shadow:0 4px 8px #5321893f}.desc-actions .btn-cancel{align-items:center;background-color:#b72619;border:1px solid var(--bg-section);border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:5px;justify-content:center;padding:5px 12px;text-align:center;width:5vw}.btn-cancel:hover{background-color:#b72619;box-shadow:0 4px 8px #b726192a}.ncd-main-content .ncd-main-right{height:100%;overflow-y:auto;padding:10px 5px;width:30%}.ncd-main-right .ncd-cover-detail{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:10px;padding:5px}.desc-viewer{line-height:2!important}.desc-viewer a,.div-p a,.ql-editor a{background-color:var(--link-bg)!important;border:1px solid var(--link-border)!important;border-radius:4px;color:var(--link-text)!important;cursor:pointer;padding:3px;text-decoration:underline!important}.desc-viewer a:hover,.div-p a:hover,.ql-editor a:hover{filter:brightness(1.15)}.auto-desc p{color:var(--sub-text)!important;line-height:1.5!important;margin:6px 0!important}.auto-desc strong{border:1px solid #ddd;display:inline-block;width:140px}.ncd-cover-detail .ncd-detail{position:relative}.ncd-detail .ncd-detail-header{align-items:center;border-left:3px solid var(--primary);color:var(--sub-text);display:flex;font-weight:700;justify-content:space-between;margin-top:10px;padding-left:10px;position:relative}.ncd-detail-header h5{color:var(--sub-text);font-size:12px;margin:0;padding:0}.ncd-detail-header .set-card{align-items:center;background-color:var(--bg-section);border:1px solid var(--bg-section);border-radius:4px;box-shadow:0 4px 10px #0000001a;color:var(--sub-text);cursor:pointer;display:flex;font-size:10px;font-weight:400;gap:5px;justify-content:center;padding:2px 5px}.set-card:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.cs-modal{animation:fadeIn .2s ease-in-out;background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;margin-top:6px;padding:0;position:absolute;right:0;top:100%;width:120px;z-index:200}.cs-header{align-items:center;border-bottom:1px solid #ddd;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between;padding:7px;width:100%}.cs-header h5{font-size:10px;margin:0;padding:0}.cs-header .cs-close{cursor:pointer;font-size:12px}.cs-modal .cs-button{gap:5px;padding:5px}.cs-button hr{border:.5px solid var(--border)}.cs-modal .cs-btn-delete,.cs-modal button{align-items:center;background:none;border:1px solid var(--bg-section);color:var(--sub-text);cursor:pointer;display:flex;font-size:10px;font-weight:400;gap:5px;justify-content:flex-start;margin:3px 0;padding:6px 10px;text-align:left;transition:background-color .2s ease;width:100%}.cs-modal .cs-btn-delete{color:var(--red-bg)}.cs-modal button:hover{background-color:var(--bg-section-hover)}.card-move-modal{align-items:flex-start;border-radius:6px;display:flex;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:2px;position:absolute;right:0;top:0;width:100%;z-index:300}.ncd-detail-con .c-create{display:flex;font-size:12px;justify-content:flex-start;margin:5px}.cc-icon{color:#6551e7;font-size:17px;margin-right:10px}.cc-date{align-items:center;color:var(--sub-text);display:flex;font-size:11px;font-weight:700;justify-content:space-between;width:100%}.cc-date .detail-create{color:var(--sub-text);font-size:8px}.c-create p{color:var(--sub-text);font-size:10px;font-weight:400;margin:0}.ncd-user-assign{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:10px 5px;position:relative}.ncd-user-assign .ncd-assign-header{align-items:center;border-left:3px solid var(--primary);color:var(--text);display:flex;font-size:12px;font-weight:700;justify-content:space-between;padding-left:10px;width:100%}.ncd-assign-header button{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:4px;color:var(--sub-text);cursor:pointer;font-size:10px;padding:2px 8px}.ncd-assign-header button:hover{background-color:var(--bg-section-hover)}.ncd-user-assign .ncd-assign-content{margin:5px 0}.ncd-user-assign .ncd-add-btn{width:100%}.ncd-add-btn button,.ncd-user-assign .ncd-add-btn{align-items:center;display:flex;justify-content:center}.ncd-add-btn button{background-color:var(--bg-section-hover);border:1px dashed var(--card-border);border-radius:8px;color:var(--sub-text);cursor:pointer;font-size:12px;font-weight:700;gap:5px;width:90%}.ncd-add-btn button:hover{background-color:var(--bg-section);border:1px dashed var(--primary);color:var(--primary)}.ncd-user-assign .assign-modal-container{border-radius:8px;box-shadow:0 4px 8px #5e12eb46;padding:0;position:absolute;right:0;top:100%;width:100%!important;z-index:99}.ncd-card-checklist{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:0 4px 8px #0000001a;height:100%;margin-top:10px;overflow:hidden;padding:10px 5px;transition:max-height .35s ease}.ncd-card-checklist.collapsed{max-height:20vh}.ncd-card-checklist.expanded{max-height:40vh}.ncd-card-checklist.collapsed:after{background:linear-gradient(to bottom,#0000,var(--bg-card));bottom:0;content:"";height:40px;left:0;position:absolute;right:0}.ncd-card-checklist .ncd-checklist-header{align-items:center;border-left:3px solid var(--primary);color:var(--sub-text);display:flex;font-size:12px;font-weight:700;justify-content:space-between;padding-left:10px;width:100%}.ncd-checklist-header button{align-items:center;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:4px;color:var(--sub-text);cursor:pointer;display:flex;font-size:10px;gap:5px;justify-content:flex-start;padding:5px 8px}.ncd-checklist-content{height:100%;margin:5px 0}.ncd-card-activity{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-top:10px;padding:10px 5px}.ncd-card-activity .ncd-activity-header{align-items:center;border-left:3px solid var(--primary);color:var(--sub-text);display:flex;font-size:12px;font-weight:700;justify-content:space-between;padding-left:10px;width:100%}.ncd-card-activity .ncd-activiy-content{display:flex;height:20vh;justify-content:center;overflow-y:auto}.ncd-main-left .ncd-attach{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-top:10px;padding:15px}.ncd-attach .attach-header-cont{align-items:center;border-left:3px solid var(--primary);display:flex;font-size:12px;font-weight:700;justify-content:space-between;padding-left:10px;width:100%}.attach-header-cont h5{color:var(--text);font-size:12px;font-weight:700}.attach-header-btn{position:relative}.attach-header-btn .total-file{background-color:var(--bg-section);border:1px solid var(--bg-section);color:var(--text);font-size:10px;padding:2px 5px}.attach-header-btn button{background-color:var(--bg-section-hover);border:1px solid var(--border);color:var(--text);font-size:10px;padding:2px 5px}.attach-body{align-items:center;display:flex;height:100%;justify-content:center;margin-top:10px;min-height:15vh;width:100%}.attach-body .file-cont{width:100%}.attach-body .no-file{align-items:center;border-radius:8px;color:var(--sub-text);display:flex;flex-direction:column;font-size:14px;font-style:italic;gap:10px;justify-content:center;padding:15px;text-align:center;width:50%}.no-file .no-icon{border:1px solid var(--card-bg);border-radius:16px;box-shadow:0 4px 8px #5e12eb46;color:#4c5be7;font-size:20px;padding:5px;width:-webkit-fit-content;width:fit-content}.no-desc h5{color:var(--sub-text);font-size:10px}.no-desc span{color:#5557e7;cursor:pointer;font-weight:700}.no-desc span:hover{text-decoration:underline}.attach-content{border:2px dashed #8688fa;border-radius:8px;flex-direction:column;gap:10px;margin-top:15px;padding:20px;position:relative;width:100%}.attach-content,.upload-modals-form{align-items:center;display:flex;justify-content:center}.upload-modals-form{background-color:none;border:none;border-radius:12px;height:60%;left:0;overflow-y:auto;padding:10px 20px;position:absolute;top:30%;width:70%;z-index:99}.attach-content .attach-upload{background:linear-gradient(135deg,#5b38db77,#4085f377);border:.5px solid #fff;border-radius:50%;color:#5c38db;padding:10px}.attach-content p{color:#5e5e5e;font-size:12px;font-weight:700}.attach-content .add-attach{align-items:center;background-image:linear-gradient(90deg,#2d66e7,#3863e7,#425fe8,#4c5be7,#5557e7,#5d54e7,#6551e7,#6d4de7,#764ae7,#7e47e7,#8743e7,#8f3fe6);border:.5px solid #fff;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:10px;justify-content:center;padding:10px}.attach-content .add-attach:hover{background-image:linear-gradient(270deg,#2d66e7,#3863e7,#425fe8,#4c5be7,#5557e7,#5d54e7,#6551e7,#6d4de7,#764ae7,#7e47e7,#8743e7,#8f3fe6);box-shadow:0 4px 8px #5e12eb46}.new-card-detail .btn-chatroom{position:absolute;right:2%;top:0;z-index:100}.btn-chatroom .chat-btn{background:var(--bg-icon2);border:1px solid var(--bg-section);border-radius:50%;color:var(--text-white);cursor:pointer;padding:10px}.btn-chatroom .chat-btn:hover{box-shadow:0 4px 8px #5e12eb46}.my-editor .ql-container.ql-snow{border:1px solid #f2f1ff}.my-editor .ql-toolbar.ql-snow{background-color:#f2f1ff;border:1px solid #f2f1ff;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff}[data-theme=dark] .my-editor .ql-container.ql-snow{background-color:var(--card-bg);border:1px solid #374151;border-bottom-left-radius:8px;border-bottom-right-radius:8px;color:var(--text-white)}[data-theme=dark] .my-editor .ql-toolbar.ql-snow{background-color:#374151;border:1px solid #374151;border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px}.my-editor .ql-editor{color:var(--sub-text)!important;font-size:10px;line-height:1.8!important}.my-editor .ql-editor p,.my-editor .ql-editor span{color:var(--sub-text)!important;display:flex;gap:6px;margin:8px 0!important}.my-editor .ql-editor strong{color:var(--sub-text)!important;display:inline-block;min-width:100px}.modal-chatroom{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;height:95%;position:absolute;right:0;top:0;width:50%;z-index:100}@media (min-width:1401px) and (max-width:2000px){.cover-modal,.label-modals{width:30vw}.modal-chatroom{width:50%}}@media (min-width:1200px) and (max-width:1600px){.ncd-main-content{height:70%}.status-toggle-btn-wrapper{display:block;position:relative}.ncd-status.status-hidden{display:none}.ncd-status{border:1px solid #fff;box-shadow:0 4px 8px #0003;padding:5px;position:absolute;top:15%;width:87%;z-index:9999}.cover-modal{width:45vw}.label-modals{width:35vw}.modal-chatroom{height:93%;width:60%}}@media (min-width:992px) and (max-width:1200px){.ncd-main-content,.ncd-main-content .ncd-main-left,.ncd-main-content .ncd-main-right{height:72vh}.status-toggle-btn-wrapper{display:block;position:relative}.ncd-status.status-hidden{display:none}.ncd-status{border:1px solid #fff;box-shadow:0 4px 8px #0003;padding:5px;position:absolute;top:13%!important;width:87%;z-index:99}.ncd-status-container,.ncd-status-due,.ncd-status-priority{width:100%}.cover-modal{width:55vw}.label-modals{width:45vw}.modal-chatroom{height:95%;width:70%}}@media (min-width:768px) and (max-width:991.98px){.modal-chatroom{height:92vh;width:60vw}.cc-date{display:flex;flex-direction:column;justify-content:flex-start}.c-create p,.cc-date{width:100%}.ncd-body{height:100%}.ncd-main-left{height:40vh}.label-modals{width:50vh}.ncd-main-content,.ncd-main-content .ncd-main-left,.ncd-main-content .ncd-main-right{height:72vh}.upload-form-modals{height:-webkit-fit-content;height:fit-content;left:3%;top:45%;width:94%}.status-toggle-btn-wrapper{display:block;position:relative}.ncd-status.status-hidden{display:none}.ncd-status{border:1px solid #fff;box-shadow:0 4px 8px #0003;padding:5px;position:absolute;top:13%!important;width:85%;z-index:99}.ncd-status-container,.ncd-status-due,.ncd-status-priority{width:100%}.cover-modal{width:50vw}.label-modals{width:55vw}.modal-chatroom{height:95%;width:90%}}@media (min-width:576px) and (max-width:767.98px){.status-toggle-btn-wrapper{display:block}.ncd-status.status-hidden{display:none}.ncd-status{align-items:center;display:flex;flex-direction:column;justify-content:center}.ncd-main-header,.ncd-status-container,.ncd-status-due,.ncd-status-priority{width:100%}.ncd-main-header .ncd-title-btn{display:flex;flex-direction:column;justify-content:flex-start;padding:5px}.title-label{width:95%}.main-header-btn{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.ncd-body{height:85vh;padding:5px}.label-modals{width:50vh}.ncd-main-content{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:flex-start;overflow-y:auto;padding-bottom:30px;width:100%}.ncd-main-content .ncd-main-left,.ncd-main-content .ncd-main-right{height:auto;max-height:none;overflow-y:visible;width:100%}.modal-chatroom{height:92vh;width:80vw}.upload-form-modals{height:-webkit-fit-content;height:fit-content;left:3%;top:45%;width:94%}.ncd-card-activity .ncd-activiy-content{padding:0}.cover-modal{width:65vw}.modal-chatroom{height:95%;width:100%}}@media (min-width:375px) and (max-width:575px){.status-toggle-btn-wrapper{display:block}.ncd-status.status-hidden{display:none}.ncd-status{align-items:center;display:flex;flex-direction:column;justify-content:center}.ncd-status-container,.ncd-status-due,.ncd-status-priority{width:100%}.ncd-body{align-items:flex-start;height:90%;justify-content:flex-start;padding:5px}.ncd-main-header{width:100%}.ncd-main-header .ncd-title-btn{display:flex;flex-direction:column;justify-content:flex-start;padding:5px}.title-label{width:98%}.ct-box h5{padding:0}.main-header-btn{justify-content:center}.main-header-btn,.ncd-main-content{align-items:center;display:flex;width:100%}.ncd-main-content{flex-direction:column;gap:15px;height:100%;justify-content:flex-start;margin-bottom:5px;overflow-y:auto}.ncd-main-content .ncd-main-left,.ncd-main-content .ncd-main-right{height:auto;max-height:none;overflow-y:visible;width:100%}.modal-chatroom{height:92vh;width:100vw}.label-modals{width:100%}.upload-form-modals{height:-webkit-fit-content;height:fit-content;left:3%;top:45%;width:94%}.assign-modal{background-color:initial;width:80%}.cover-modal{width:100vw}.modal-chatroom{height:95%;width:100%}}@media screen and (max-height:600px){.ncd-main-content,.ncd-main-left,.ncd-main-right{height:72vh}.ncd-body{padding:5px 10px}.status-toggle-btn-wrapper{display:block;position:relative}.ncd-status.status-hidden{display:none}.ncd-status{border:1px solid #fff;box-shadow:0 4px 8px #0003;height:-webkit-fit-content;height:fit-content;position:absolute;top:15%;width:88.5%;z-index:9999}.ncd-main-content{height:63vh}.ncd-main-content .ncd-main-left,.ncd-main-content .ncd-main-right{height:65vh}}@media screen and (max-height:599px){.ncd-body{padding:5px 10px}.status-toggle-btn-wrapper{display:block;position:relative}.ncd-status{border:1px solid #fff;box-shadow:0 4px 8px #0003;height:-webkit-fit-content;height:fit-content;position:absolute;top:16%;width:88.5%;z-index:9999}.ncd-main-content{height:63vh}.ncd-main-content .ncd-main-left,.ncd-main-content .ncd-main-right{height:65vh}}.label-container{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;box-shadow:var(--box-shadow);height:100%;padding:0 0 10px;width:100%}.label-container .lc-header{align-items:center;border-bottom:1px solid var(--border);border-top-left-radius:8px;border-top-right-radius:8px;color:var(--text);display:flex;justify-content:space-between;margin-bottom:5px;padding:5px 10px}.lc-header h5{align-items:center;color:var(--sub-text);display:flex;font-size:12px;font-weight:700;gap:5px;justify-content:flex-start;margin:0;padding:5px}.l-close{border:1px solid #fff0;border-radius:4px;color:var(--text);cursor:pointer;font-size:15px}.l-close:hover{color:var(--primary)}.labels-main-body{height:100%;overflow-y:auto;padding:5px;width:100%}.labels-cont{border-bottom:1px solid var(--border);padding:5px 10px;width:100%}.labels-cont h5{color:var(--sub-text);font-size:10px;font-weight:700;margin:0;padding:0;width:100%}.sl-container{align-items:center;display:flex;justify-content:flex-start;overflow-x:auto;padding:0;width:100%}.sl-container .slb-p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-label{background-color:#fff0;border:.5px solid #fff0;cursor:pointer;margin-left:2px}.l-icon{margin-right:5px}.show-label{border-bottom:1px solid var(--border);padding:5px 10px;width:100%}.show-label h5{color:var(--sub-text);font-size:10px;font-weight:700;margin:0;padding:0;width:100%}.l-box{grid-gap:5px;align-items:flex-start;display:grid;gap:5px;grid-template-columns:repeat(2,1fr);height:100%;max-width:600px;overflow-y:auto;padding:10px;z-index:100}.l-box,.lb-content{position:relative;width:100%}.lb-content{align-items:center;border:1px solid #eee;border-radius:12px;color:#333;cursor:pointer;display:flex;font-size:8px;font-weight:700;gap:3px;justify-content:space-between;padding:3px 10px}.lb-content:hover{box-shadow:0 4px 8px #0000001a}.lbox-icon{border:none;border-radius:4px;color:#333;cursor:pointer;font-size:18px;font-weight:700;margin-left:5px;padding:2px}.lbox-icon:hover{background-color:#eee;border:.2px solid #eee}.set-label{background-color:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 4px 8px #0000001a;flex-direction:column;padding:5px 10px;position:absolute;right:0;top:100%;width:-webkit-fit-content;width:fit-content;z-index:99}.delete-label-btn,.set-label{align-items:center;display:flex;gap:5px;justify-content:flex-start}.delete-label-btn{border:1px solid #fff;border-radius:4px;color:red;font-size:10px;font-weight:400;padding:2px 3px;width:100%}.delete-label-btn:hover{background-color:#eee;border:1px solid #eee}.color-options{align-items:center;border:1px solid #fff;border-radius:4px;color:#333;display:flex;font-size:10px;font-weight:400;gap:5px;justify-content:flex-start;padding:2px 3px;width:100%}.color-options:hover{background-color:#eee;border:1px solid #eee}.bg-color-list{background-color:#fff;border:1px solid #eee;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:-webkit-fit-content;height:fit-content;overflow-y:auto;position:absolute;right:0;top:30px;width:100%;z-index:99}.color-label-header{align-items:center;background-image:linear-gradient(270deg,#2d66e7,#3863e7,#425fe8,#4c5be7,#5557e7,#5d54e7,#6551e7,#6d4de7,#764ae7,#7e47e7,#8743e7,#8f3fe6);border:1px solid #9b72ea;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;display:flex;font-size:12px;font-weight:700;justify-content:space-between;padding:5px 10px;width:100%}.color-label-con{display:flex;flex-wrap:wrap;gap:5px;padding:5px;width:100%}.color-label-con .color-code{border:1px solid #eee}.color-label-con .color-code:hover{border:1px solid #9b72ea;box-shadow:0 4px 8px #5e12eb46}.fl-label{padding:10px;width:100%}.fl-label h5{color:var(--sub-text);font-size:10px;font-weight:700;margin:0;padding:0;width:100%}.fl-label .form-label{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:space-between;width:100%}.form-label input{background-color:var(--bg-section);border:1px solid var(--border);border-radius:4px;color:var(--sub-text);font-size:10px;padding:5px;width:100%}.form-label input:focus,.form-label input:hover{background:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.form-label input:focus{outline:none}.form-label button{background:var(--bg-icon2);border:1px solid var(--bg-section)!important;border-radius:4px!important;color:var(--text-white);cursor:pointer;font-size:12px;font-weight:400;width:100%}.form-label button:hover{box-shadow:var(--box-shadow-purple)}.show-form{align-items:center;border:1px solid blue;display:flex;justify-content:flex-start;left:20%;margin-top:7px;padding:2px 5px;position:absolute;top:20%;z-index:100}.show-form input{border:1px solid #ddd;border-radius:4px;margin-right:5px;padding:4px}.show-form input:focus{outline:none}.selected-labels{display:flex;flex-wrap:wrap;gap:4px;max-width:100%;overflow:hidden;padding:0}.label-item{border-radius:8px;font-size:9px;padding:3px 8px}.li-icon{cursor:pointer;font-size:12px;margin-left:5px}@media (min-width:768px) and (max-width:991.98px){.form-label input{width:60%}.sl-container{width:100%}}@media (min-width:576px) and (max-width:767.98px){.form-label input{width:60%}.form-label button{font-size:10px}.sl-container{width:100%}}@media (min-width:375px) and (max-width:575px){.form-label input{width:55%}.sl-container{width:100%}.l-box{display:flex;flex-direction:column;flex-wrap:nowrap;height:25vh;overflow-x:auto}.lb-content{padding:10px;width:100%}.label-item{border-radius:4px;font-size:10px;font-weight:700;padding:5px}}.checklist-container{height:100%;margin:0;overflow-y:auto;padding:0}.c-content,.checklist-container{cursor:pointer;position:relative;width:100%}.c-content{align-items:center;border-radius:4px;color:var(--sub-text);display:flex;font-size:12px;font-weight:700;justify-content:space-between;padding:5px}.c-content:hover{background-color:var(--bg-section-hover)}.cc-left{align-items:center;color:var(--sub-text);display:flex;font-size:10px;justify-content:flex-start}.cc-right{font-weight:700}.c-content button{align-items:center;display:flex;justify-content:flex-start;width:-webkit-fit-content;width:fit-content}.cc-icon{border-radius:4px;color:#5d12eb;margin-right:2px;padding:2px}.ccr-icon{color:#5d12eb;font-size:15px}.c-setting{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #0000001a;left:45%;padding:5px;position:absolute;top:14%;width:150px;z-index:100}.c-setting button{align-items:center;border:1px solid #fff;cursor:pointer;display:flex;font-size:12px;justify-content:flex-start;padding:5px;width:100%}.c-setting button:hover{background-color:#eee}.c-setting .delete{border:1px solid #fff;color:red;cursor:pointer;font-size:12px;justify-content:flex-start;padding:5px}.c-setting .delete,.from-create{align-items:center;display:flex;width:100%}.from-create{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 8px #0000001a;flex-direction:column;padding:10px;position:absolute;right:0;top:15%;z-index:100}.fc-header{align-items:center;border-bottom:1px solid var(--border);color:var(--sub-text);display:flex;justify-content:space-between;margin-bottom:5px;width:100%}.fc-header h5{font-size:11px;font-weight:700;margin:0}.fc-icon{border-radius:4px;cursor:pointer;padding:2px}.fc-icon:hover{background-color:var(--bg-section-hover)}.fc-con{align-items:center;display:flex;gap:3px;justify-content:center;width:100%}.fc-con input{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;color:var(--sub-text);font-size:10px;padding:5px 10px;width:60%}.fc-con input:focus{outline:none}.fc-con input:focus,.fc-con input:hover{background-color:var(--bg-section-hover)}.fc-con button{align-items:center;background:var(--bg-icon2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:700;justify-content:center;padding:5px;width:40%}.fc-con button:hover{box-shadow:0 4px 8px #2575fc40}.cs-container{gap:10px;height:-webkit-fit-content;height:fit-content;margin:0;overflow-y:auto;padding:5px}.cs-content{border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-top:5px}.cs-title{align-items:center;background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover);border-top-left-radius:8px;border-top-right-radius:8px;color:var(--sub-text);display:flex;font-size:12px;font-weight:700;justify-content:space-between;padding:3px 10px;position:relative}.cs-title h5{border-radius:4px;font-size:10px;font-weight:700;margin:0 5px 0 0;padding:3px}.tleft{align-items:center;display:flex;justify-content:flex-start}.tleft p{color:var(--primary);font-size:10px;margin:0}.tleft input{border:1px solid var(--bg-section-hover);border-radius:4px;color:var(--sub-text);font-size:10px;padding:3px}.tleft input:focus{background-color:var(--bg-section-hover);font-size:12px;outline:none}.tright button{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover);border-radius:8px;color:var(--text);cursor:pointer;padding:3px 5px}.tright-set{border-radius:4px;box-shadow:0 4px 8px #0000001a;flex-direction:column;padding:7px;position:absolute;right:0;top:80%;z-index:100}.tright-set,.tright-set button{align-items:center;background-color:var(--bg-section);display:flex;justify-content:flex-start}.tright-set button{border:1px solid var(--border);border-radius:4px;color:var(--sub-text);padding:3px 5px;width:100%}.tright-set button:hover{background-color:var(--bg-section-hover)}.tright-set .set-delete{align-items:center;background-color:var(--bg-section);border:1px solid var(--bg-section);border-radius:4px;color:var(--red-bg);display:flex;font-size:9px;font-weight:400;justify-content:flex-start;padding:3px 5px;width:100%}.tright-set .set-delete:hover{background-color:var(--bg-section-hover)}.set-icon{margin-right:5px}.ci-container{border-bottom:1px solid var(--card-border);border-top:1px solid var(--card-border)}.ci-container,.ci-item{align-items:center;justify-content:flex-start}.ci-item{color:var(--sub-text);display:flex;padding:5px;position:relative}.ci-item h5{font-size:10px;font-weight:400;margin:0}.ci-buttons{display:flex;gap:0;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden}.ci-buttons button{background-color:var(--card-bg)!important;border:1px solid var(--card-bg)!important;border-radius:4px;color:var(--text)!important;cursor:pointer;padding:2px}.ci-buttons:hover,.ci-item:hover .ci-buttons{opacity:1;visibility:visible}.ci-item .ci-input{border:1px solid var(--card-border);border-radius:4px;font-size:10px}.ci-item .ci-input:focus{background-color:var(--card-border);border:1px solid var(--card-border);outline:none}.checkbox{margin:0 10px}.check-icon{color:#5d12eb}.btn-icon{color:var(--text);font-size:12px}.item-set{box-shadow:0 4px 8px #0000001a;flex-direction:column;padding:2px 5px;position:absolute;right:0;top:100%;z-index:100}.item-set,.item-set button{align-items:center;background-color:var(--bg-section);border:1px solid var(--bg-section);border-radius:4px;display:flex;justify-content:flex-start}.item-set button{margin:2px;width:100%}.item-set button:hover{background-color:var(--bg-section-hover)!important}.item-set .set-delete{align-items:center;background-color:var(--bg-section);border:1px solid var(--bg-section);border-radius:4px;color:var(--red-bg);cursor:pointer;display:flex;font-size:10px;justify-content:flex-start;width:100%}.item-set .set-delete:hover{background-color:var(--bg-section-hover)!important}.add-checklist-item{align-items:center;display:flex;justify-content:flex-start;padding:5px 15px}.add-checklist-item input{background-color:#eee0;border:1px solid #eee0;border-radius:4px;color:var(--sub-text);font-size:10px;margin-right:5px;padding:2px 5px;width:100%}.add-checklist-item input:focus{outline:none}.add-icon{color:var(--text);margin-right:5px}.add-checklist-item button{padding:4px}.add-checklist-item button:hover{background-color:#eee}.card-cover-container{align-items:center;background-color:var(--bg-section);display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}.card-cover-container .cover-header{align-items:center;display:flex;justify-content:space-between;width:100%}.cover-header .ch-left{gap:25px;width:95%}.ch-left h5,.cover-header .ch-left{align-items:center;display:flex;justify-content:center}.ch-left h5{color:var(--text);font-size:12px;font-weight:400;gap:5px;margin:0;padding:0}.ch-left span{color:var(--sub-text);font-size:10px;font-weight:400}.cover-header .ch-right{align-items:center;display:flex;justify-content:flex-end;width:5%}.ch-right button{background-color:var(--bg-section);border:1px solid var(--bg-section);border-radius:4px;color:var(--text);cursor:pointer;font-size:15px;padding:2px}.ch-right button:hover{color:#9b2fad}.card-cover-container .cover-select-body{align-items:center;display:flex;flex-direction:row!important;height:100%;justify-content:center;width:100%}.card-cover-container .cover-image{border-right:1px solid var(--border);padding:0 5px 5px;width:100%}.cover-image h5{color:var(--sub-text);font-size:12px;margin:0;padding:0}.image-cover-box{align-items:center;display:flex;height:100%;justify-content:flex-start;width:100%}.image-box-content{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(3,1fr);height:25vh;overflow-y:auto}.cover-thumb{border:1px solid var(--border);position:relative;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.cover-thumb:hover{border:1px solid var(--primary);box-shadow:0 4px 10px #00000026;transform:scale(1.05)}.cover-thumb.selected{border-color:var(--primary);box-shadow:0 4px 12px #9b2fad59}.upload-image-btn{margin-top:10px;width:100%}.upload-image-btn,.upload-image-btn .upload-btn-img{align-items:center;display:flex;justify-content:center}.upload-image-btn .upload-btn-img{border:1px solid var(--bg);border-radius:8px;color:var(--sub-text);cursor:pointer;font-size:12px;gap:5px;margin:0;padding:4px 10px}.upload-btn-img:hover{background-color:var(--bg-section-hover);box-shadow:var(--box-shadow)}.card-cover-container .cover-color{margin-left:5px;width:100%}.card-cover-container .cw-box{align-items:center;display:flex;height:100%;justify-content:flex-start;width:100%}.color-default-content{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(3,1fr);height:25vh;overflow-y:auto}.cover-color h5{color:var(--sub-text);font-size:12px;margin:0;padding:0}.color-box{border:1px solid var(--border);position:relative;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.color-box:hover{border:1px solid var(--primary);box-shadow:0 4px 10px #00000026;transform:scale(1.05)}.color-box.selected{border-color:var(--primary);box-shadow:0 4px 12px #9b2fad59}.remove-cover-container{width:100%}.remove-cover-container,.remove-cover-container h5{align-items:center;display:flex;justify-content:center}.remove-cover-container h5{border-radius:4px;color:var(--sub-text);cursor:pointer;font-size:12px;gap:5px;margin:0;padding:2px 10px}.remove-cover-container h5:hover{background-color:var(--bg-section-hover)}@media (min-width:768px) and (max-width:991.98px){.color-default-content,.image-box-content{grid-template-columns:repeat(2,1fr)}}@media (min-width:576px) and (max-width:767.98px){.color-default-content,.image-box-content{grid-template-columns:repeat(2,1fr)}}@media (min-width:375px) and (max-width:575px){.color-default-content,.image-box-content{grid-template-columns:repeat(2,1fr)}}.assigned-users-preview{display:flex;flex-direction:column;height:10vh;justify-content:flex-start;margin:0;overflow-y:auto;padding:5px 20px}.no-user-text{color:#888;font-size:.85rem}.user-avatar-group{display:flex;flex-direction:column;gap:5px;justify-content:flex-start}.user-avatar{align-items:center;border-radius:6px;color:var(--sub-text);cursor:pointer;display:flex;justify-content:space-between;padding:5px 10px}.user-avatar:hover{background-color:var(--bg-section-hover)}.user-avatar .ua-prof{align-items:center;display:flex;justify-content:flex-start}.user-avatar img{background:#f2f3f6;border:1px solid #abbafa;border-radius:50%;box-shadow:0 4px 8px #5e12eb46;height:30px;margin-right:5px;object-fit:cover;width:30px}.user-avatar p{font-size:10px;margin:0}.user-count{color:#555;font-size:12px;margin-left:.5rem}.user-avatar.extra-count{align-items:center;background-color:#d0d0d0;color:#333;display:flex;font-size:.75rem;font-weight:700;justify-content:center}.user-count-text{color:#333;font-size:12px}.remove-user-btn{background-color:initial;border:1px solid #0000;color:red;cursor:pointer}@media (min-width:768px) and (max-width:992px){.user-avatar{align-items:center;display:flex;justify-content:flex-start;padding:3px}.remove-user-btn{margin:0;padding:0}}.card-user-manager{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;width:100%}.cum-header{align-items:center;background:var(--bg-icon2);border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;display:flex;justify-content:space-between;padding:5px 10px}.cum-header .header-left{align-items:center;color:var(--text);display:flex;gap:5px;justify-content:flex-start;width:60%}.header-left .left-icon{background:var(--bg-icon2);border-radius:6px;color:var(--text-white);padding:3px}.header-left h5{color:var(--text-white)!important;font-weight:700}.cum-icon{border-radius:4px;cursor:pointer;font-size:12px}.cum-body{padding:5px}.card-user-manager .no-user{align-items:center;background-color:var(--bg-section);border-radius:4px;display:flex;height:-webkit-fit-content;height:fit-content;justify-content:center;margin:5px;padding:10px 8px}.no-user p{color:var(--text);font-size:12px;text-align:center}.al-title{align-items:center;display:flex;justify-content:flex-start}.al-title h5{font-size:10px;font-weight:400;margin-left:5px}.card-user-manager .assigned-list{border:1px solid red;height:8vh;list-style:none;margin:2px 0;overflow-y:auto;padding:5px}.card-user-manager .assigned-item{align-items:center;border:1px solid #fff;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:.25rem;padding:4px}.ai-title{align-items:center;display:flex;justify-content:flex-start}.ai-title p{font-size:12px;margin:0}.assigned-item img{background-color:#fff;border:1px solid #6a11cb;border-radius:50%;box-shadow:0 4px 8px #5e12eb46;height:20px;margin-right:5px;width:20px}.card-user-manager .remove-btn{border:1px solid #fff;border-radius:50%;color:#ef4444;cursor:pointer;font-size:.875rem;margin-left:5px;padding:2px;width:-webkit-fit-content;width:fit-content}.card-user-manager .remove-btn:hover{color:#b91c1c}.dropdown-container{align-items:center;border-top:1px solid var(--border);display:flex;gap:5px;justify-content:center;padding:5px;position:relative}.dropdown-container h5{font-size:10px;font-weight:400}.dropdown-container .dropdown-btn{background-color:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:10px;font-weight:400;padding:5px;width:100%}.dropdown-container .dropdown-btn:hover{background-color:var(--bg-section-hover)}.dropdown-list{background-color:var(--bg-section);border:1px solid var(--border);border-radius:.375rem;box-shadow:0 4px 8px #5e12eb46;flex-direction:column;list-style:none;margin-top:.25rem;max-height:15vh;overflow-y:auto;padding:5px;position:absolute;right:0;top:50%;width:100%;z-index:10}.dl-title,.dropdown-list{align-items:center;display:flex;justify-content:flex-start}.dropdown-list img{background-color:#fff;border:1px solid #abbafa;border-radius:50%;box-shadow:0 4px 8px #5e12eb46;height:25px;margin-right:3px;width:25px}.dropdown-list .select-btn{border:1px solid #fff;color:green;cursor:pointer;font-size:.875rem;margin-left:5px;padding:2px;width:-webkit-fit-content;width:fit-content}.dropdown-list li{align-items:center;background-color:var(--bg-section);border:1px solid var(--bg-section);border-radius:8px;color:var(--sub-text);cursor:pointer;display:flex;font-size:10px;justify-content:space-between;margin:3px 0;padding:3px 10px;width:100%}.dropdown-list li:hover{background-color:var(--bg-section-hover)}.assign-btn{align-items:center!important;background:var(--bg-icon2);border:none;border-radius:4px!important;color:#fff!important;cursor:pointer;display:flex!important;font-size:12px;gap:5px;justify-content:center!important;margin-top:.2rem;padding:5px;width:50%}.assign-btn:hover{box-shadow:0 4px 8px #5e12eb46}.assign-btn:disabled{background-color:#9ca3af;cursor:not-allowed}@media (min-width:375px) and (max-width:575px) and (min-height:300px) and (max-height:600px){.card-user-manager{width:100%}}.card-status-container{background-color:var(--bg-section);padding:0 5px 5px;width:100%!important}.status-header{align-items:center;border-bottom:1px solid var(--border);color:var(--sub-text);display:flex;justify-content:space-between;padding:5px}.status-header .header-left{align-items:center;display:flex;gap:6px;justify-content:flex-start}.header-left h5{color:var(--sub-text);font-size:10px!important}.sch-icon{font-size:13px;margin-right:5px}.sc-content{padding:5px 0}.sc-content p{background-color:#fde1e1;border:1px solid #fff;border-radius:4px;color:red;font-size:10px;margin:0;padding:5px;text-align:center}.sc-content h5{font-size:12px!important;font-weight:400}.dropdown-status{border-top:1px solid var(--border);display:inline-block;position:relative;width:100%}.dropdown-status .dropdown-trigger{align-items:center;background:var(--bg-section);border:1px solid var(--bg-section);border-radius:4px;color:var(--text);display:flex;font-size:12px;justify-content:space-between;width:100%}.dropdown-status .dropdown-trigger:hover{background:var(--bg-section-hover);border:1px solid var(--bg-section-hover);box-shadow:0 4px 8px #5e12eb1e}.ds-box{background-color:var(--bg-section);list-style:none;margin:0;min-width:180px;padding:5px;width:100%;z-index:100}.dsb-pill{gap:5px;max-height:200px;overflow-y:auto}.status-pill{--r:var(--status-r,120);--g:var(--status-g,120);--b:var(--status-b,120);align-items:center;background-color:rgba(var(--r),var(--g),var(--b),var(--status-bg-opacity));border-radius:16px;color:rgb(clamp(0,calc(var(--r) + var(--status-text-strength)),255),clamp(0,calc(var(--g) + var(--status-text-strength)),255),clamp(0,calc(var(--b) + var(--status-text-strength)),255));display:inline-flex;font-size:10px;font-weight:600;margin:2px;padding:4px 12px;width:-webkit-fit-content;width:fit-content}.status-pill:hover{background-color:rgba(var(--r),var(--g),var(--b),calc(var(--status-bg-opacity) + .06));background-color:rgba(var(--r),var(--g),var(--b),calc(var(--status-bg-opacity) + .08))}.status--success{--status-bg:#22c55e26;--status-border:#22c55e66;--status-text:#22c55e}.status--danger{--status-bg:#ef444426;--status-border:#ef444466;--status-text:#ef4444}.status--warning{--status-bg:#f59e0b26;--status-border:#f59e0b66;--status-text:#f59e0b}.status--info{--status-bg:#3b82f626;--status-border:#3b82f666;--status-text:#3b82f6}.status--neutral{--status-bg:#94a3b81f;--status-border:#94a3b859;--status-text:#94a3b8}.create-status-box{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px}.create-status-box .create-status-btn{background:var(--bg-icon2);border:1px solid var(--border);color:var(--text-white);cursor:pointer;font-size:12px}.create-status-btn:hover{box-shadow:var(--box-shadow-purple)}.create-status-form{display:flex;flex-direction:column;gap:8px}.create-status-form h5{color:var(--text);font-size:12px;margin:0}.create-status-form .fill-form{align-items:center;display:flex;gap:5px;justify-content:flex-start;width:100%}.fill-form input[type=text]{background-color:var(--bg-section);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:10px;padding:6px 8px;width:100%}.fill-form input[type=text]:focus{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover);box-shadow:var(--box-shadow);outline:none}.fill-form .color-picker{align-items:center;background-color:var(--bg-section);border:1px solid var(--border);border-radius:4px;cursor:pointer;display:flex;font-size:10px;justify-content:center;padding:0 4px}.color-picker input[type=color]{background-color:var(--bg-section);border:none;cursor:pointer;height:28px;padding:0;width:28px}.cs-action{align-items:center;display:flex;justify-content:flex-end}.cs-action .cs-cancel{background:var(--bg-section);border:1px solid var(--primary);border-radius:4px;color:var(--primary);cursor:pointer;font-size:12px;font-weight:700;padding:4px 12px}.cs-cancel:hover{background:var(--bg-section-hover);box-shadow:var(--box-shadow-purple)}.cs-action .cs-save{background:var(--primary);border:1px solid var(--primary);border-radius:4px;color:var(--text-white);cursor:pointer;font-size:12px;font-weight:700;padding:4px 12px}.cs-save:hover{box-shadow:var(--box-shadow-purple)}.status-display-wrapper{display:block;position:relative;width:100%}.status-display-pill{--r:var(--status-r,120);--g:var(--status-g,120);--b:var(--status-b,120);align-items:center;background-color:rgba(var(--r),var(--g),var(--b),var(--status-bg-opacity));border:1px solid rgb(clamp(0,calc(var(--r) + var(--status-border-strength)),255),clamp(0,calc(var(--g) + var(--status-border-strength)),255),clamp(0,calc(var(--b) + var(--status-border-strength)),255));border-radius:6px;color:rgb(clamp(0,calc(var(--r) + var(--status-text-strength)),255),clamp(0,calc(var(--g) + var(--status-text-strength)),255),clamp(0,calc(var(--b) + var(--status-text-strength)),255));display:inline-flex;flex-direction:column;font-size:12px;font-weight:600;justify-content:flex-start;margin:2px;padding:10px 12px;width:100%}.status-display-pill:hover{background-color:rgba(var(--r),var(--g),var(--b),calc(var(--status-bg-opacity) + .06))}.status-display-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px;width:100%}.status-display-header .header-left{align-items:center;display:flex;gap:6px;justify-content:flex-start}.header-left h5{color:var(--text);font-size:12px;margin:0;padding:0}.status-display-name{text-align:left;width:100%}.status-display-action{color:var(--text);cursor:pointer;font-size:15px}.status-popover{background-color:var(--bg-section);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 8px #5e12eb46;left:0;padding:10px;position:absolute;top:30px;width:100%;z-index:200}.status-display-empty{background-color:var(--bg-section);border:1px dashed var(--border);border-radius:8px;color:var(--sub-text);font-size:12px;padding:5px 10px;text-align:center}.status-display-empty p{margin:0 8px}.status-display-empty button{background-color:var(--bg-section-hover);border:1px solid var(--border);border-radius:4px;color:var(--sub-text);cursor:pointer;font-size:12px;padding:4px 8px}.status-display-empty button:hover{background-color:var(--bg-section);border:1px solid var(--primary);color:var(--primary)}.cp-container{background-color:var(--bg-section);border:1px solid var(--bg-section);border-radius:4px;padding:5px 5px 10px}.scp-header{border-bottom:1px solid var(--border);color:var(--sub-text);justify-content:space-between;padding:5px}.scp-header,.scp-header-left{align-items:center;display:flex}.scp-header-left{gap:6px}.scp-header-left h4{color:var(--sub-text);font-size:10px;font-weight:700;margin:0}.scp-header .close-icon{border-radius:6px;color:var(--sub-text);cursor:pointer;font-size:15px}.scp-header .close-icon:hover{background-color:#eee;border:1px solid #eee;color:#5d12eb}.scp-content{align-items:center;display:flex;gap:5px;justify-content:center;margin-top:5px;padding:5px;width:100%}.cps-box{width:60%}.cps-box button{align-items:center;border-radius:6px;color:var(--text);display:flex;font-size:10px;font-weight:700;gap:4px;padding:4px 10px;width:100%}.scp-delete-priority{width:40%}.scp-delete-priority,.scp-delete-priority button{align-items:center;display:flex;justify-content:center}.scp-delete-priority button{background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#b91c1c;cursor:pointer;font-size:11px;gap:5px;padding:4px 8px;width:100%}.scp-container{border-top:1px solid var(--border);padding:5px;position:relative}.cps-no-priority .cps-no-priority-button{border-radius:4px;justify-content:center;padding:5px}.cps-no-priority .cps-no-priority-button,.scp-container .scp-button{align-items:center;background-color:var(--bg-section);border:1px solid var(--bg-section);color:var(--sub-text);cursor:pointer;display:flex;font-size:12px;font-weight:400;width:100%}.scp-container .scp-button{border-radius:4px;justify-content:space-between;padding:5px!important}.scp-container .scp-button:hover{background:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.scp-list{grid-gap:5px;align-items:center;background-color:var(--bg-section);border:1px solid var(--bg-section);display:grid;gap:5px;grid-template-columns:repeat(2,1fr);left:0;list-style:none;padding:2px;width:100%}.scp-list .sbp-li{border-radius:8px;cursor:pointer;font-size:10px;gap:5px;margin:0 5px;padding:5px 10px}.scp-list .sbp-li:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}@media (min-width:768px) and (max-width:991.98px){.scp-header{padding:2px}.scp-header h4{font-size:10px}}@media (min-width:576px) and (max-width:767.98px){.wf-create{width:50%}}.card-priority{position:relative;width:100%}.card-priority,.cp-card-selected{display:flex;flex-direction:column}.cp-card-selected{border:1px solid var(--bg-section);border-radius:8px}.cp-card-header{justify-content:space-between;padding:10px}.cp-card-header,.cp-card-title{align-items:center;display:flex}.cp-card-title{gap:8px}.cp-card-title,.cp-card-value{font-size:12px;font-weight:700}.cp-card-value{margin-bottom:5px;padding:0 10px}.cp-empty{background-color:var(--bg-section);border:1px dashed var(--border);border-radius:8px;color:var(--sub-text);font-size:12px;padding:5px 10px;text-align:center}.cp-empty p{margin:0 8px}.cp-empty button{background:var(--bg-section-hover);border:1px solid var(--bg-section-hover);border-radius:4px;color:var(--sub-text);cursor:pointer;font-size:12px;padding:4px 8px}.cp-empty button:hover{background-color:var(--bg-section);border:1px solid var(--primary);color:var(--primary)}.priority-modals{background-color:var(--bg-section);border:1px solid var(--bg-section);border-radius:8px;box-shadow:0 8px 8px #5e12eb1e;position:absolute;right:0;top:100%;width:100%;z-index:199}@media (min-width:576px) and (max-width:767.98px){.priority-modals{top:0}}.due-date-display{position:relative}.due-date-empty{background-color:var(--bg-section);border:1px dashed var(--border);border-radius:8px;color:var(--sub-text);font-size:12px;padding:5px 10px;text-align:center}.due-date-empty p{margin:0 8px}.due-date-empty .no-due-date-btn{background-color:var(--bg-section-hover);border:1px solid var(--border);border-radius:4px;color:var(--sub-text);cursor:pointer;font-size:12px;padding:4px 8px}.due-date-empty .no-due-date-btn:hover{background-color:var(--bg-section);border:1px solid var(--primary);color:var(--primary)}.due-date-list .due-date-card{align-items:center;border:1px solid var(--border);border-radius:8px;color:var(--text);display:flex;flex-direction:column;justify-content:center;padding:10px;position:relative;width:100%}.due-date-card.due-overdue,.due-date-card.due-red{background:var(--due-red-bg);border-color:var(--due-red-border);color:var(--due-red-text)}.due-date-card.due-orange{background:var(--due-orange-bg);border-color:var(--due-orange-border);color:var(--due-orange-text)}.due-date-card.due-blue{background:var(--due-blue-bg);border-color:var(--due-blue-border);color:var(--due-blue-text)}.due-date-card.due-normal{background:var(--due-normal-bg);border-color:var(--due-normal-border);color:var(--due-normal-text)}.due-date-card svg,.due-date-card-title{color:inherit}.due-date-card-title.due-red{background:none;color:var(--due-red-text)}.due-date-card-title.due-orange{background:none;color:var(--due-orange-text)}.due-date-card-title.due-blue{background:none;color:var(--due-blue-text)}.due-date-card-title.due-normal{background:none;color:var(--due-normal-text)}.due-date-card-header{align-items:center;display:flex;justify-content:space-between;width:100%}.due-date-card-header .due-date-card-title{align-items:center;display:flex;font-size:11px;font-weight:700;gap:5px;justify-content:flex-start}.due-date-card-header .due-date-setting-icon{cursor:pointer}.due-date-card-content{align-items:center;display:flex;font-size:10px;padding-top:10px;width:100%}.due-date-card-datetime{font-weight:700;gap:5px}.due-date-card-datetime span{margin:0 4px}.due-date-popup{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;box-shadow:var(--box-shadow-purple);padding:5px;position:absolute;right:0;top:100%;width:300px;z-index:99}.due-date-loading{color:var(--sub-text);font-size:10px;margin:0;padding:0}.due-container{flex-direction:column;justify-content:flex-start;padding:5px}.due-container,.due-header{align-items:center;display:flex;width:100%}.due-header{border-bottom:1px solid var(--border);color:var(--sub-text);font-size:12px;font-weight:700;justify-content:space-between;margin:2px 0;padding:0 5px 5px}.due-header .dh-left{align-items:center;display:flex;font-size:12px;gap:5px;justify-content:flex-start}.dh-left h5{font-size:10px;margin:0}.dh-icon,.dh-left h5{color:var(--sub-text)}.dh-icon{border-radius:8px;cursor:pointer;font-size:15px;padding:2px}.dh-icon:hover{background-color:var(--bg-section-hover)}.date-input{align-items:center;display:flex;justify-content:space-between;padding:5px}.date-box{border:.5px solid #ddd;border-radius:4px;font-size:12px;outline:none;padding:5px}.date-box:focus,.date-box:hover{border:.5px solid #9b2fad}.date-input-con .btn-date{background:var(--bg-icon2);border:1px solid var(--border);border-radius:4px;color:var(--text-white);cursor:pointer;font-size:12px;font-weight:700;padding:5px;width:100%}.date-input-con .btn-date:hover{box-shadow:var(--box-shadow-purple)}.date-input-con .date-sbox{border:1px solid var(--border);border-radius:4px;font-size:10px;padding:5px}.date-sbox:focus,.date-sbox:hover{box-shadow:0 4px 8px #5e12eb46}.date-sbox:focus{outline:none}.due-red{background:var(--due-red-bg);border:var(--due-red-border);color:var(--due-red-text);font-weight:700}.due-orange{background:var(--due-orange-bg);border:var(--due-orange-border);color:var(--due-orange-text);font-weight:700}.due-blue{background:var(--due-blue-bg);border:var(--due-blue-border);color:var(--due-blue-text);font-weight:700}.due-normal{background:var(--due-normal-bg);border:var(--due-normal-border);color:var(--due-normal-text)}.date-input-con{justify-content:flex-start;width:100%}.date-show{border-radius:4px;height:100%;justify-content:flex-start;padding:0}.date-show,.date-show .ds-header{align-items:center;display:flex;width:100%}.date-show .ds-header{justify-content:space-between;position:relative}.due-setting{font-size:15pz}.date{align-items:center;display:flex;font-size:10px;justify-content:flex-start;margin-top:5px}.date-icon{color:#000;font-size:12px;margin-right:5px}.time{align-items:center;display:flex;font-size:10px;justify-content:flex-start}.time-icon{font-size:12px;margin-right:5px}.date-input-con{align-items:center;display:flex;gap:.75rem}.date-sbox{background-color:var(--bg-section);border:1px solid var(--border);border-radius:.5rem;color:var(--text);font-size:14px;padding:.5rem .75rem}.date-sbox:hover{background-color:var(--bg-section-hover)}.react-datepicker{align-items:center!important;background-color:var(--bg-section)!important;border:1px solid var(--border)!important;border-radius:8px;box-shadow:0 8px 24px #00000040;color:var(--text-primary)!important;display:flex!important;flex-direction:row!important;justify-content:center!important;overflow:hidden}.react-datepicker__header{background:var(--bg-icon2)!important;border-bottom:1px solid var(--border);color:var(--text-white);padding:.75rem 1rem}.custom-datepicker .react-datepicker__current-month{color:var(--text-white)!important;font-size:14px;font-weight:600}.custom-datepicker .react-datepicker__time__header{color:var(--text-white)!important;font-size:13px;font-weight:600}.react-datepicker__navigation{background:#0000!important;border:none!important;top:.75rem}.react-datepicker__navigation-icon:before{border-color:var(--accent);border-style:solid;border-width:2px 2px 0 0;height:8px;width:8px}.react-datepicker__navigation--next .react-datepicker__navigation-icon:before{transform:rotate(45deg)}.react-datepicker__navigation--previous .react-datepicker__navigation-icon:before{transform:rotate(-135deg)}.react-datepicker__day,.react-datepicker__day-name{color:var(--text)!important}.react-datepicker__day{border-radius:9999px;cursor:pointer;transition:background-color .15s ease}.react-datepicker__day:hover{background-color:var(--bg-section-hover);color:var(--primary)!important}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:var(--accent)!important;color:#fff!important}.react-datepicker__day--today{background-color:var(--accent);border:1px solid var(--accent);color:var(--text);font-weight:600}.react-datepicker__time-container{border-left:1px solid var(--border);width:90px}.react-datepicker__time,.react-datepicker__time-container{background-color:var(--bg-section)!important}.react-datepicker__time:hover{background-color:var(--bg-section-hover);color:var(--text)!important}.react-datepicker__time-list-item--selected{background-color:var(--accent)!important;color:#fff!important}.react-datepicker__triangle{display:none}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__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}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.form-upload-container{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:5px;height:-webkit-fit-content;height:fit-content;margin:0;padding:0 0 10px;width:80%}.form-upload-container .form-upload-header{align-items:center;background-color:var(--primary);border-top-left-radius:8px;border-top-right-radius:8px;color:var(--text-white);display:flex;font-size:15px;justify-content:space-between;padding:10px}.form-upload-header h3{color:var(--text-white);font-size:12px;font-weight:700;margin:0}.form-upload-header .ci-icon{color:var(--text-white);cursor:pointer}.ci-icon:hover{color:var(--text)}.form-upload-container .form-upload-input{align-items:center;border:1px dashed var(--primary);border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:10px;padding:25px}.fu-icon{color:#8688fa;font-size:40px}.form-upload-input .input-con{align-items:center;display:flex;justify-content:center}.input-con label{color:var(--primary)}.custom-upload-button{background:none;border-radius:6px;color:#8f3fe6;cursor:pointer;display:inline-block;font-size:12px;font-weight:700;padding:10px}.custom-upload-button:hover{text-decoration:underline}.input-con input{border-radius:8px;width:18vw}.form-upload-container .button-upload{align-items:center;display:flex;height:-webkit-fit-content;height:fit-content;justify-content:flex-end;margin-top:5px;width:100%}.button-upload button{background:var(--bg-icon2);border:none;border-radius:8px;color:#fff;font-size:13px;padding:5px 25px}.button-upload button:hover{box-shadow:var(--box-shadow-purple)}.upload-notif{animation:fadeSlideIn .45s ease forwards;border-radius:10px;display:flex;gap:12px;margin-top:1rem;padding:14px 16px}.upload-notif a{color:inherit;display:block;font-size:14px;margin-top:4px;opacity:.85}.upload-notif.success{background:#ecfdf5;color:#065f46}.upload-notif.success .icon{color:#10b981}.preview-section{margin-top:1rem}.preview-section .ps-name{display:flex;gap:5px;margin:0;padding:0}.ps-name strong{color:var(--text);font-size:12px;font-weight:400}.ps-name span{color:var(--sub-text);font-size:10px;font-weight:700}.ps-img{margin-top:5px;padding:2px}.ps-img img{border:3px solid var(--primary);border-radius:8px;box-shadow:var(--box-shadow-purple);max-width:120px}.loading-spinner{color:#555;font-size:14px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:24px;margin-bottom:.5rem;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-3px)}to{transform:translateX(0)}}.upload-file-container{display:flex;gap:5px;justify-content:flex-start;overflow-x:auto;padding:10px;width:100%}.upload-cont{background-color:var(--card-bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 8px #0003;cursor:pointer;width:-webkit-fit-content;width:fit-content}.upload-cont:hover{border:1px solid var(--primary)}.upload-cont .upload-cont-prev{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative}.upload-cont-header{align-items:baseline;border:1px solid var(--card-bg)!important;border-radius:8px;display:flex;justify-content:flex-end;padding:5px;width:100%}.upload-cont-header button{background:var(--card-bg);border:1px solid var(--card-bg)!important;color:var(--text-white);cursor:pointer}.upload-cont-header button:hover{background:var(--bg-section-hover);box-shadow:var(--box-shadow-purple)}.file-set{background:var(--bg-section);border:1px solid var(--bg-section);border-radius:6px;box-shadow:0 2px 6px #00000026;padding:5px;position:absolute;right:0;top:30%;z-index:100}.file-set .del-btn{align-items:center;border-radius:4px;color:var(--text);cursor:pointer;display:flex;font-size:10px;justify-content:center;padding:5px}.del-btn:hover{background-color:var(--bg-section-hover)}.upload-cont-prev button{border:1px solid #fff;margin:0;width:-webkit-fit-content;width:fit-content}.upload-icon{align-items:center;font-size:50px}.upload-cont-body,.upload-icon{display:flex;justify-content:space-between;padding:10px}.upload-cont-body{border-top:1px solid var(--border);width:15vw}.upload-desc h5{color:var(--text);font-size:12px;font-weight:700;margin:0;overflow:hidden;white-space:nowrap;width:13vw}.upload-desc p{color:var(--text);font-size:10px;margin:0}.upload-desc a{background:var(--bg-icon2);border:1px solid var(--bg-section);border-radius:6px;color:var(--text-white);font-size:12px;margin:5px 0;padding:3px 7px!important}.upload-desc a:hover{box-shadow:var(--box-shadow-purple)}.upload-user img{border-radius:50%;height:30px;object-fit:cover;width:30px}@media screen and (max-height:600px){.upload-cont-body{padding:7px;width:20vw}.upload-desc h5{font-size:10px}.upload-desc p{font-size:8px}.upload-desc a{font-size:10px;padding:3px 10px}}@media (min-width:768px) and (max-width:991.98px){.upload-cont{width:20vw}.upload-cont-body{padding:7px;width:20vw}.upload-icon{font-size:70px;padding:10px}}@media (min-width:576px) and (max-width:767.98px){.upload-cont{width:30vw}.upload-cont-body{padding:7px;width:30vw}.upload-icon{font-size:70px;padding:10px}}@media (min-width:375px) and (max-width:575px){.upload-cont{width:45vw}.upload-cont-body{padding:10px;width:45vw}.upload-icon{font-size:70px;padding:10px}}
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-editor{-o-tab-size:4}.chat-room-container{align-items:center;background:var(--bg-section)!important;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;height:100%;justify-content:flex-start;overflow-y:auto;padding-bottom:5px;position:relative}.chat-title{align-items:center;background-color:var(--card-bg);border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 1px 3px #0000001a;color:var(--sub-text);display:flex;font-size:20px;font-weight:700;justify-content:space-between;padding:10px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1}.chat-title .ct-left{align-items:center;display:flex;justify-content:flex-start}.chat-title h3{color:var(--sub-text);font-size:12px;font-weight:400;margin-left:5px}.ct-icon{color:var(--sub-text);cursor:pointer;font-size:15px}.chat-list{display:flex;flex-direction:column;gap:12px;height:100%;overflow-y:auto;padding:10px 20px;width:100%}.chat-message{background-color:blue;box-shadow:0 1px 3px #0000001a;padding:5px 14px;position:relative;transition:background .3s ease}.chat-message.chat-reply{border:none;box-shadow:none}.chat-reply{background-color:#fefefe;border:none;margin-top:4px;padding-left:12px}.chat-reply:hover{border:1px solid #ddd}.chat-header{margin-bottom:6px}.chat-image{align-items:center;background-color:var(--bg-section-hover);border:1px solid var(--card-border);border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.chat-avatar{background-color:#fff;border-radius:50%;height:100%;object-fit:cover;width:100%}.chat-user-info{display:flex;flex-direction:column}.chat-username{color:var(--text);font-size:10px;font-weight:700}.chat-timestamp{color:var(--sub-text);display:"flex";flex-direction:"column";font-size:9px}.chat-timestamp p{color:var(--text);font-size:8px;font-weight:400;margin-left:5px;text-align:right}.chat-bubble{border-radius:6px;color:var(--sub-text);font-size:10px;padding:5px;pointer-events:auto;-webkit-user-select:text;user-select:text;white-space:pre-line}.chat-bubble-own{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover);border-radius:6px}.chat-bubble-other,.chat-bubble-own{align-self:flex-end;color:var(--sub-text);font-size:10px;padding:5px 5px 5px 10px}.chat-bubble-other{background-color:var(--card-hover-border);border:1px solid var(--card-hover-border)!important;border-radius:6px}.chat-bubble *{font-size:12px!important}.chat-bubble a{cursor:pointer}.chat-bubble a,.chat-bubble a:hover{color:#6e30dc;text-decoration:underline}.chat-bubble ol[data-list=bullet],.ql-editor ol[data-list=bullet]{list-style-type:disc!important;margin-left:1.5rem!important;padding-left:1.5rem!important}.chat-bubble ol[data-list=ordered],.ql-editor ol[data-list=ordered]{list-style-type:decimal!important;margin-left:1.5rem!important;padding-left:1.5rem!important}.chat-bubble ol,.chat-bubble ul{background:#0000;margin:.5rem 1.2rem;padding-left:1.4rem}.chat-bubble ol{list-style-type:decimal!important}.chat-bubble ol,.chat-bubble ul{margin:.5rem 1.2rem;padding-left:1.5rem}.chat-bubble ul{list-style-type:disc!important}.chat-bubble li{display:list-item!important;margin-bottom:.3rem}.chat-bubble li::marker{color:#666}.chat-empty,.chat-loading{color:#888;font-style:italic;height:80vh;margin-top:20px;text-align:center}.chat-input-box{align-items:center;background-color:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;display:flex;flex-direction:row;gap:3px;justify-content:center}.chat-editor{background-color:#fff;border:1px solid #fff;border-radius:8px;color:#34495e;font-size:12px;min-height:40px;outline:none;overflow-y:auto;padding:8px 10px;white-space:pre-wrap;width:95%}.chat-input-box .btn-send{background-image:linear-gradient(180deg,#113da1,#273daa,#393cb2,#4a3ab9,#5b37c0,#6638c3,#7138c6,#7b39c9,#813fca,#8746cb,#8d4ccc,#9252cd);border:none;border-radius:50%;color:#fff;cursor:pointer;font-weight:500;margin:5px;padding:10px}.chat-input-box .btn-send:hover{background-color:#2563eb}.chat-actions{display:flex;margin-top:2px}.chat-delete-btn,.chat-reply-btn{align-items:center;background:none;border:none;color:var(--sub-text);cursor:pointer;display:flex;font-size:10px;gap:4px;justify-content:center;padding:2px 6px}.chat-delete-btn:hover,.chat-reply-btn:hover{background-color:var(--bg-section)}.chat-upload{align-items:center;display:flex;justify-content:center}.upload-label{background:#4a3ab9;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:10px;padding:3px 6px;transition:background .2s}.upload-label:hover{background:#357ab8}.cancle-edit:hover,.save-edit:hover{background-color:#eee;border:1px solid #eee}.chat-toolbar-container{background-color:var(--card-bg);border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:1px solid var(--card-border);bottom:0;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:flex-end;max-height:200px;overflow:hidden;padding:0;position:-webkit-sticky;position:sticky;width:100%;z-index:1}.chat-toolbar{border:1px solid #2c0895;border-top-left-radius:8px;border-top-right-radius:8px;padding:3px 10px}.chat-toolbar button{background-color:#2c0895;border:1px solid #2c0895;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin:0 2px;padding:2px 8px}.chat-toolbar button:hover{background-color:red!important;color:#fff}.emoji-picker-wrapper{position:relative}.emoji-item{cursor:pointer;font-size:20px;transition:transform .1s ease}.emoji-item:hover{transform:scale(1.2)}.chat-inline-img{border-radius:8px;margin:5px 0;max-width:200px}.chat-inline-video{border-radius:8px;margin:5px 0;max-width:250px}.chat-media .chat-media-audio,.chat-media .chat-media-file,.chat-media .chat-media-img,.chat-media .chat-media-video{border-radius:8px;height:50%;width:50%}.editor-wrapper{align-items:flex-end;background-color:var(--card-bg);border:1px solid var(--card-bg);box-sizing:border-box;display:flex;margin:0;max-width:100%;padding:4px;position:relative;width:100%}.editor-wrapper .ql-container{background:#0000;border:none!important;border-radius:10px;width:90%}.more-act .upload-btn{border-radius:4px;color:var(--sub-text);padding:2px}.more-act .btn-icon{background-color:var(--card-bg);border:1px solid var(--card-bg);border-radius:4px;padding:2px}.btn-icon:hover,.upload-btn:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.my-editor-tool .ql-editor img{max-height:70px;max-width:70px}.my-editor-edit .ql-editor img,.my-editor-reply .ql-editor img,.my-editor-tool .ql-editor img{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:inline-block;height:auto;margin:0 4px;object-fit:cover;width:auto}.my-editor-edit .ql-editor img,.my-editor-reply .ql-editor img{max-height:50px;max-width:50px}.emoji-picker-fix{background:#fff;border:1px solid #ddd;border-radius:10px;bottom:calc(100% + 8px);box-shadow:0 4px 14px #0003;display:flex;flex-wrap:wrap;gap:6px;left:80%;padding:8px;position:absolute;transform:translateX(-50%);width:240px;z-index:10000}.emoji-picker span{font-size:1.2rem;transition:transform .15s ease}.emoji-picker span:hover{transform:scale(1.25)}.editor-actions{align-items:flex;display:flex;flex-direction:column;justify-content:flex-start;margin-top:0;padding:0;position:relative;top:0;width:10%}.editor-actions .more-act{background-color:var(--card-bg);border:1px solid var(--card-bg);border-top-right-radius:8px;gap:5px;height:35%;padding:5px;position:relative}.editor-actions .act-btn,.editor-actions .more-act{align-items:center;display:flex;justify-content:center;width:100%}.editor-actions .act-btn{height:-webkit-fit-content;height:fit-content;padding:2px}.act-btn .btn-send{align-items:center;background:#2563eb;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;padding:3px;width:30px}.btn-send:hover{background:#1d4ed8}.editor-wrapper .my-editor-tool .ql-container.ql-snow{background-color:var(--bg-section-hover);border:1px solid blue;color:#000;height:-webkit-fit-content;height:fit-content;margin-top:2px!important;padding:2px;width:100%}.editor-wrapper .my-editor-tool .ql-toolbar.ql-snow{background-color:var(--card-bg);border:1px solid var(--card-bg);border-top-left-radius:8px;border-top-right-radius:0;color:var(--sub-text);padding:2px;width:100%}.my-editor-tool .ql-editor{background:var(--bg-section-hover);border-radius:10px;box-sizing:border-box;color:var(--text);font-size:12px;height:100%;line-height:1.4;overflow-y:auto;padding:8px 10px}.ql-tooltip{background:#fff!important;border:1px solid #ccc!important;border-radius:6px!important;box-shadow:0 2px 8px #0000001a;left:50%!important;padding:5px 10px!important;top:-45px!important;transform:translateX(-50%)!important;z-index:9999!important}.ql-tooltip input[type=text]{border:1px solid #ccc!important;border-radius:4px!important;color:red!important;font-size:13px!important;padding:4px 6px!important;width:200px!important}.ql-tooltip input[type=text]:focus{outline:none}.ql-tooltip a.ql-action,.ql-tooltip a.ql-remove{color:#fff!important;color:#6e30dc!important;font-weight:500;margin-left:8px!important;text-align:center!important}.chat-message-wrapper{align-items:stretch;display:flex;gap:12px;position:relative}.chat-message-wrapper.is-reply{padding-left:30px;position:relative}.reply-thread-line{align-items:flex-start;bottom:0;display:flex;left:10px;pointer-events:none;position:absolute;top:0;width:16px}.reply-thread-line:before{background-color:var(--border);border:1px solid var(--border);border-radius:2px;bottom:0;content:"";height:100%;left:6px;position:absolute;top:0;width:2px}.reply-thread-line:after{border-bottom:2px solid var(--border);border-bottom-left-radius:12px;border-left:2px solid var(--border);bottom:0;content:"";height:14px;left:6px;position:absolute;top:16px;width:14px}.chat-message{background:var(--card-bg);border-radius:12px;box-shadow:0 1px 3px #00000014;flex:1 1;padding:10px 12px}.is-reply .chat-message{border:1px solid var(--card-bg);border-radius:12px;box-shadow:none}.chat-message:hover{background-color:var(--bg-section-hover)}.chat-message-wrapper.is-reply:last-child .reply-thread-line:before{bottom:23%;height:22px}.image-preview-modal{border:1px solid red;margin:8px 12px;max-width:120px;position:relative}.image-preview-modal img{border:1px solid #e5e7eb;border-radius:8px;height:auto;width:100%}.remove-preview{align-items:center;background:#111;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:-6px;top:-6px;width:22px}.remove-preview:hover{background:#ef4444}@media (min-width:1401px) and (max-width:2100px){.chat-toolbar-container{padding-top:10px}}@media (min-width:1200px) and (max-width:1400px){.chat-toolbar-container{padding-top:10px}}@media (min-width:992px) and (max-width:1199.98px){.chat-toolbar-container{padding-top:10px}}@media (min-width:768px) and (max-width:991.98px){.chat-toolbar-container{padding-top:10px}}@media (min-width:576px) and (max-width:767.98px){.chat-toolbar-container{padding-top:10px}}@media (min-width:375px) and (max-width:575px){.chat-toolbar-container{padding-top:10px}}@media (min-height:400px) and (max-height:730px){.chat-toolbar-container{padding:10px 5px}}.edit-chat-box{border:1px solid var(--card-border);border-radius:8px;bottom:0;box-shadow:var(--box-shadow);flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:flex-end;max-height:200px;padding:0 0 5px;position:-webkit-sticky;position:sticky;z-index:1}.edit-chat-box,.edit-chat-box .editor-wrapper{background-color:var(--card-bg);display:flex;width:100%}.edit-chat-box .editor-wrapper{align-items:flex-start;border:1px solid var(--card-bg);border-radius:8px;box-sizing:border-box;height:100%;max-height:100px;overflow-y:auto;padding:4px}.edit-chat-box .ql-container{background:#0000;border-radius:10px;color:var(--sub-text);width:100%}.edit-chat-box .editor-actions{display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:flex-start;padding-bottom:13px;position:relative;width:10%}.edit-chat-box .editor-actions .more-act{align-items:center;background-color:var(--card-bg);border:1px solid var(--card-bg);border-top-right-radius:8px;display:flex;gap:5px;height:35%;justify-content:center;padding:5px;width:100%}.edit-chat-box .btn-icon,.edit-chat-box .upload-btn{background-color:var(--card-bg);border:1px solid var(--card-bg);border-radius:4px;color:var(--sub-text);cursor:pointer;padding:2px}.edit-chat-box .btn-icon:hover,.edit-chat-box .upload-btn:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.edit-chat-box .act-btn{padding:2px;width:100%}.edit-chat-box .act-btn,.edit-chat-box .btn-send{align-items:center;display:flex;justify-content:center}.edit-chat-box .btn-send{background:#2563eb;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:30px;width:30px}.edit-chat-box .btn-send:hover{background:#1d4ed8}.edit-chat-box .emoji-picker-fix{background:#fff;border:1px solid #ddd;border-radius:10px;bottom:calc(100% + 8px);box-shadow:0 4px 14px #0003;display:flex;flex-wrap:wrap;gap:6px;left:80%;padding:8px;position:absolute;transform:translateX(-50%);width:240px;z-index:10000}.edit-chat-box .emoji-picker-fix span{cursor:pointer;font-size:1.2rem;transition:transform .15s ease}.edit-chat-box .emoji-picker-fix span:hover{transform:scale(1.25)}.edit-chat-box .edit-actions{align-items:center;display:flex;gap:5px;padding-left:10px}.edit-chat-box .cancle-edit,.edit-chat-box .save-edit{align-items:center;background-color:var(--card-bg);border:1px solid var(--card-bg);border-radius:4px;color:var(--sub-text);cursor:pointer;display:flex;font-size:10px;gap:5px;justify-content:center;padding:2px 5px}.edit-chat-box .cancle-edit{color:var(--red-bg)}.edit-chat-box .cancle-edit:hover,.edit-chat-box .save-edit:hover{background-color:var(--bg-section-hover);border-color:var(--bg-section-hover)}.editor-wrapper .my-editor-edit .ql-toolbar.ql-snow{background-color:var(--card-bg);border:1px solid var(--card-bg);border-top-left-radius:8px;border-top-right-radius:0;color:var(--sub-text);padding:2px;width:100%}.edit-chat-box .my-editor-edit .ql-container.ql-snow{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover);border-radius:10px;color:var(--sub-text);width:100%}.edit-chat-box .my-editor-edit .ql-editor{color:var(--text);font-size:12px;line-height:1.4;overflow-y:auto;padding:8px 10px}.my-editor-edit .ql-editor img{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:inline-block;height:auto;margin:0 4px;max-height:50px;max-width:50px;object-fit:cover;width:auto}.chat-reply-form{border:1px solid var(--card-border);border-radius:8px;bottom:0;box-shadow:var(--box-shadow);flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:flex-end;max-height:200px!important;padding:0 0 5px;position:-webkit-sticky;position:sticky;z-index:1}.chat-reply-form,.chat-reply-form .editor-wrapper{background-color:var(--card-bg);display:flex;width:100%}.chat-reply-form .editor-wrapper{align-items:flex-start;border:1px solid var(--card-bg);border-radius:8px;box-sizing:border-box;height:100%;max-height:100px;overflow-y:auto;padding:4px}.chat-reply-form .ql-container{background:#0000;border-radius:10px;color:var(--sub-text);width:100%}.chat-reply-form .my-editor-reply .ql-container.ql-snow{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover);border-radius:10px;color:var(--text)}.chat-reply-form .my-editor-reply .ql-editor{background:var(--bg-section-hover);border-radius:10px;color:var(--sub-text);font-size:12px;line-height:1.4;max-height:140px;min-height:30px;overflow-y:auto;padding:8px 10px}.chat-reply-form .editor-actions{display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:flex-start;position:relative;width:10%}.chat-reply-form .more-act{align-items:center;background-color:var(--card-bg);border:1px solid var(--card-bg);border-top-right-radius:8px;display:flex;gap:5px;height:35%;justify-content:center;padding:5px;width:100%}.chat-reply-form .btn-icon,.chat-reply-form .upload-btn{background-color:var(--card-bg);border:1px solid var(--card-bg);border-radius:4px;color:var(--sub-text);cursor:pointer;padding:2px}.chat-reply-form .btn-icon:hover,.chat-reply-form .upload-btn:hover{background-color:var(--bg-section-hover);border-color:var(--bg-section-hover)}.chat-reply-form .act-btn{padding:2px;width:100%}.chat-reply-form .act-btn,.chat-reply-form .btn-send{align-items:center;display:flex;justify-content:center}.chat-reply-form .btn-send{background:#2563eb;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:30px;width:30px}.chat-reply-form .btn-send:hover{background:#1d4ed8}.chat-reply-form .emoji-picker-fix{background:#fff;border:1px solid #ddd;border-radius:10px;bottom:calc(100% + 8px);box-shadow:0 4px 14px #0003;display:flex;flex-wrap:wrap;gap:6px;left:85%;padding:8px;position:absolute;transform:translateX(-50%);width:240px;z-index:10000}.chat-reply-form .emoji-picker-fix span{cursor:pointer;font-size:1.2rem;transition:transform .15s ease}.chat-reply-form .emoji-picker-fix span:hover{transform:scale(1.25)}.chat-reply-form .cancle-reply-box{align-items:center;display:flex;gap:5px;padding-left:10px}.cancle-reply-box .cancle-reply{align-items:center;background-color:var(--card-bg);border:1px solid var(--card-bg);border-radius:4px;bottom:0;color:var(--red-bg);cursor:pointer;display:flex;font-size:10px;gap:5px;justify-content:center;padding:2px 5px;position:-webkit-sticky;position:sticky}.cancle-reply-box .cancle-reply:hover{background-color:var(--bg-section-hover);border-color:var(--bg-section-hover)}.editor-wrapper .my-editor-reply .ql-toolbar.ql-snow{background-color:var(--card-bg);border:1px solid var(--card-bg);border-top-left-radius:8px;border-top-right-radius:0;color:var(--sub-text);padding:2px;width:100%}.edit-chat-box .my-editor-reply .ql-container.ql-snow{background-color:var(--bg-section-hover);border:1px solid green!important;border-radius:10px;color:var(--sub-text);width:100%}.edit-chat-box .my-editor-reply .ql-editor{color:var(--text);font-size:12px;line-height:1.4;overflow-y:auto;padding:8px 10px}.my-editor-reply .ql-editor img{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:inline-block;height:auto;margin:0 4px;max-height:50px;max-width:50px;object-fit:cover;width:auto}.my-editor-tool .ql-editor img:hover{box-shadow:0 0 0 2px #3b82f666}
/*!
 * Quill Editor v2.0.2
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre{margin:0;padding:0}@supports (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor li,.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"\2022"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"\2611"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"\2610"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor .ql-code-block-container,.ql-snow .ql-editor code{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.card-description-container{background-color:var(--bg);border:1px solid var(--bg)!important;border-radius:8px;height:100%;width:100%}.cd-header{background:var(--primary);border-bottom:1px solid var(--bg)!important;border-top-left-radius:8px;border-top-right-radius:8px;padding:10px 16px;width:100%}.cd-header .cdh-icon{background:var(--bg-icon2);border:1px solid var(--primary);border-radius:4px;padding:4px}.cd-header .cdh-icon,.cd-header h3{color:var(--text-white);font-size:13px}.cd-header h3{font-weight:700;margin:0}.cd-icon{color:var(--text-white);cursor:pointer;font-size:20px}.des-modal-content{color:var(--text-white);font-size:14px;height:83vh;overflow-y:auto;padding:20px;scroll-behavior:smooth}.ta-content .my-editor .ql-editor{min-height:150px}.view-mode-wrapper{background:var(--bg);border-radius:8px;font-size:14px;max-height:78vh;min-height:50vh;overflow-y:auto;padding:16px;scroll-behavior:smooth;width:100%}.view-mode-html{color:var(--sub-text)!important;font-size:10px;line-height:1.6;word-break:break-word}.view-mode-html p{color:var(--sub-text)!important;display:flex;gap:6px;margin:0 0 8px}.view-mode-html strong{color:var(--sub-text)!important;display:inline-block;font-weight:600;min-width:100px}.view-mode-html span{color:var(--sub-text)!important;display:flex;gap:6px;margin:8px 0!important}.view-mode-html a{background-color:var(--link-bg)!important;border:1px solid var(--link-border)!important;border-radius:4px;color:var(--link-text)!important;cursor:pointer;padding:3px;text-decoration:underline!important}.view-mode-html a:hover{filter:brightness(1.15)}.view-mode-html ol,.view-mode-html ul{margin:6px 0;padding-left:1.5rem}.view-mode-html li{margin-bottom:4px}.view-mode-html h1,.view-mode-html h2,.view-mode-html h3{font-weight:600;margin:12px 0 6px}.view-mode-html img{border-radius:6px;margin:10px 0;max-width:100%}.detail-my-editor .ql-container.ql-snow{border:1px solid #f2f1ff;height:70vh;overflow-y:auto}.detail-my-editor .ql-toolbar.ql-snow{background-color:#ccc8ff;border:1px solid #f2f1ff;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;padding:5px 3px}[data-theme=dark] .detail-my-editor .ql-container.ql-snow{background-color:var(--card-bg);border:1px solid #374151;border-bottom-left-radius:8px;border-bottom-right-radius:8px;color:var(--text-white)}[data-theme=dark] .detail-my-editor .ql-toolbar.ql-snow{background-color:#374151;border:1px solid #374151;border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px}[data-theme=dark] .ql-snow .ql-stroke{stroke:#e5e7eb}[data-theme=dark] .ql-snow .ql-fill{fill:#e5e7eb}[data-theme=dark] .ql-snow .ql-picker{color:#e5e7eb}[data-theme=dark] .ql-toolbar button:hover{background-color:var(--primary);color:#fff!important}.detail-my-editor .ql-editor{color:var(--sub-text)!important;font-size:10px;line-height:1.8!important}.detail-my-editor .ql-editor p{color:var(--sub-text)!important;display:flex;gap:6px;margin:8px 0!important}.detail-my-editor .ql-editor strong{color:var(--sub-text)!important;display:inline-block;min-width:100px}.detail-my-editor .ql-editor span{color:var(--sub-text)!important;display:flex;gap:6px;margin:8px 0!important}.action-btn{display:flex;gap:10px;justify-content:flex-end}.action-btn .btn-desc-save{align-items:center;background-color:#6d5fea;border:1px solid #6d5fea;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:4px;justify-content:center;padding:3px 10px}.btn-desc-save:hover{box-shadow:0 4px 4px #5e12eb46}.action-btn .btn-desc-cancel{align-items:center;background-color:#fff;border:1px solid #af4c4c;border-radius:4px;color:#af4c4c;cursor:pointer;display:flex;gap:4px;justify-content:center;padding:3px 10px}.btn-desc-cancel:hover{box-shadow:0 4px 4px #eb121246}.ca-container{padding:10px;width:100%}.ca-container ul{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px}.ca-container .ca-li{background:var(--bg)!important;color:var(--sub-text);cursor:pointer;padding:5px;width:100%}.ca-container .ca-li:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}@media (min-width:768px) and (max-width:991.98px){.ca-container{padding:0;width:100%}.ca-container .ca-li{background-color:#ddd;border-radius:4px;width:100%}}@media (min-width:576px) and (max-width:767.98px){.ca-container{padding:0;width:100%}.ca-container .ca-li{background-color:#ddd;border-radius:4px;width:100%}}@media (min-width:375px) and (max-width:575px){.ca-container{padding:0;width:100%}.ca-container .ca-li{background-color:#ddd;border-radius:4px;width:100%}}@media (min-height:400px) and (max-height:730px){.ca-container{padding:0;width:100%}.ca-container .ca-li{background-color:#ddd;border-radius:4px;width:100%}}.status-badge-container{align-items:center;border:1px solid green;border-radius:4px;display:inline-flex;font-weight:600;gap:3px;white-space:nowrap}.status-sm{font-size:9px;line-height:1;margin-bottom:4px;padding:4px}.status-md{font-size:9px;line-height:1.1;padding:3px 6px}.status-lg{font-size:12px;line-height:1.2;padding:6px 12px}.status-badge svg{flex-shrink:0;height:1em;width:1em}.status-default{background-color:var(--status-default-bg);border-color:var(--status-default-border);color:var(--status-default-text)}.status-hold{background-color:var(--status-hold-bg);border-color:var(--status-hold-border);color:var(--status-hold-text)}.status-cancle{background-color:var(--status-cancle-bg);border-color:var(--status-cancle-border);color:var(--status-cancle-text)}.status-on-progress{background-color:var(--status-on-progress-bg);border-color:var(--status-on-progress-border);color:var(--status-on-progress-text)}.status-revisi{background-color:var(--status-revisi-bg);border-color:var(--status-revisi-border);color:var(--status-revisi-text)}.status-one-hit{background-color:var(--status-one-hit-bg);border-color:var(--status-one-hit-border);color:var(--status-one-hit-text)}.status-pindah-producer{background-color:var(--status-pindah-producer-bg);border-color:var(--status-pindah-producer-border);color:var(--status-pindah-producer-text)}.status-revisi-chat-progress{background-color:var(--status-revisi-chat-progress-bg);border-color:var(--status-revisi-chat-progress-border);color:var(--status-revisi-chat-progress-text)}.status-revisi-chat-accept{background-color:var(--status-revisi-chat-accept-bg);border-color:var(--status-revisi-chat-accept-border);color:var(--status-revisi-chat-accept-text)}.status-finish{background-color:var(--status-finish-bg);border-color:var(--status-finish-border);color:var(--status-finish-text)}.status-badge:hover{filter:brightness(.97);transform:translateY(-.5px)}.cf-container{background-color:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:var(--box-shadow)}.cf-header{border-bottom:1px solid var(--border);justify-content:space-between;padding:7px 10px}.cf-header,.cfh-left{align-items:center;display:flex}.cfh-left{gap:5px;justify-content:flex-start}.cfh-icon{background:var(--bg-icon2);border:1px solid var(--bg);border-radius:8px;color:var(--text-white);padding:3px}.cfh-left h5{color:var(--text);font-size:12px;font-weight:700;margin:0}.cfh-right{border:1px solid var(--bg);border-radius:4px;color:var(--text);cursor:pointer;padding:1px}.cfh-right:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.create-card-form{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:5px}.create-card-form .desc,.create-card-form .title-card{display:flex;flex-direction:column;font-size:12px;justify-content:flex-start;margin:5px 0;width:90%}.desc label,.title-card label{color:var(--sub-text);font-size:12px;font-weight:400;margin-bottom:2px}.desc textarea,.title-card input{background-color:var(--input-bg-hover);border:1px solid var(--border);border-radius:8px;color:var(--sub-text);outline:none;padding:5px}.desc textarea:hover,.title-card input:hover{background:var(--input-bg-hover);border:1px solid var(--input-bg-hover);border-radius:8px;outline:none;padding:5px}.desc textarea:focus,.title-card input:focus{background:var(--input-bg-hover);border:1px solid var(--input-bg-hover)}.btn-btn{justify-content:flex-end;width:90%}.btn-btn,.btn-btn button{align-items:center;display:flex}.btn-btn button{background:var(--bg-icon2);border:1px solid #0000!important;border-radius:8px!important;color:var(--text-white);cursor:pointer;font-size:12px;font-weight:400;gap:5px;justify-content:space-between;padding:3px 10px!important}.btn-btn button:hover{box-shadow:var(--box-shadow-purple)}.create-card-form button{background-color:#9b2fad;border:1px solid #491553;border-radius:4px;color:#fff;cursor:pointer;padding:5px}.create-card-form button:hover{background-color:#491553;border:1px solid #491553}@media screen and (max-height:600px){.cfh-icon{background-color:#7e3ec2;border:1px solid #7e3ec2;border-radius:8px;color:#fff;padding:3px}.cfh-icon .icon-icon,.cfh-left h5{font-size:10px}.close-right{font-size:12px}.desc label,.title label{font-size:10px}.desc textarea,.desc textarea:hover,.title input,.title input:hover{font-size:10px;padding:3px 5px}.btn-btn button{font-size:10px}}.form-list-container form{align-items:center;display:flex;justify-content:space-between}.form-list-container input{background-color:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--sub-text);font-size:10px;margin-right:5px;padding:5px}.form-list-container input:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.form-list-container input:focus{background-color:var(--bg-section-hover);box-shadow:var(--box-shadow);outline:none}.form-list-container button{align-items:center;background:var(--bg-icon2);border:1px solid var(--bg);color:var(--text-white);display:flex;font-size:12px;font-weight:700;gap:5px;justify-content:space-between}.form-list-container button:hover{box-shadow:var(--box-shadow-purple)}.ml-container{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;box-shadow:var(--card-shadow);padding:0;width:100%}.ml-head{background-color:var(--primary);border-bottom:1px solid var(--border);border-top-left-radius:8px;border-top-right-radius:8px;justify-content:space-between;padding:5px 10px}.ml-head,.ml-head .head-left{align-items:center;color:var(--text);display:flex;gap:5px}.ml-head .head-left{justify-content:flex-start}.ml-head .move-icon{background:var(--bg-icon2);border-radius:6px;color:var(--text-white);padding:3px}.ml-head p,.move-icon .mini-icon{font-size:12px}.ml-head p{color:var(--text-white);font-weight:700;margin:0}.ml-close{border-radius:4px;color:var(--text-white);cursor:pointer}.ml-close:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover);color:var(--sub-text)}.ml-body{padding:10px}.ml-body .ml-workspace{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2px;width:100%}.ml-workspace label{color:var(--text);font-size:10px;font-weight:700;margin:0;width:100%}.mlw-dropdown{padding:0;position:relative;width:100%}.mlw-dropdown .mlw-btn{align-items:center;background-color:var(--bg-section);border:1px solid var(--border);border-radius:6px;color:var(--text);display:flex;font-size:10px;justify-content:space-between;margin:0;padding:5px 10px;width:100%}.mlw-dropdown .mlw-btn:hover{background-color:var(--bg-section-hover);border:1px solid var(--border)}.mlw-menu{background-color:var(--bg-section);border:1px solid var(--border);box-shadow:var(--box-shadow);font-size:10px;height:20vh;list-style:none;margin-top:0;overflow-y:auto;position:absolute;width:95%;z-index:100}.mlw-item,.mlw-menu{border-radius:4px;padding:5px}.mlw-item{color:var(--text)}.mlw-item:hover{background-color:var(--bg-section-hover)}.ml-body .ml-select-board{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:5px;padding:2px;width:100%}.ml-select-board label{color:var(--text);font-size:10px;font-weight:700;width:100%}.ml-board-dropdown{position:relative;width:100%}.ml-board-dropdown .ml-board-btn{align-items:center;background-color:var(--bg-section);border:1px solid var(--border);border-radius:6px;color:var(--text);display:flex;font-size:10px;justify-content:space-between;margin:0;padding:5px 10px;width:100%}.ml-board-dropdown .ml-board-btn:hover{background-color:var(--bg-section-hover);border:1px solid var(--border)}.mlb-menu{background-color:var(--bg-section);border:1px solid var(--border);box-shadow:var(--box-shadow);font-size:10px;height:20vh;list-style:none;margin-top:0;overflow-y:auto;position:absolute;width:95%;z-index:100}.mlb-item,.mlb-menu{border-radius:4px;padding:5px}.mlb-item{color:var(--text)}.mlb-item:hover{background-color:var(--bg-section-hover)}.div-btn{margin-top:5px;padding:0;width:100%}.div-btn .ml-move-btn{align-items:center;background:var(--bg-icon2);border:1px solid var(--bg);border-radius:8px;color:var(--text-white);cursor:pointer;display:flex;font-size:10px;font-weight:700;justify-content:center;padding:5px;width:100%!important}.ml-move-btn:hover{box-shadow:var(--box-shadow)}.ml-icon{margin-right:5px}@media screen and (max-height:600px){.ml-head p,.move-icon .mini-icon{font-size:10px}.ml-body{padding:0 5px 5px}.ml-workspace{margin-top:5px;padding:0 5px}.ml-workspace label{font-size:8px;font-weight:400}.mlw-dropdown .mlw-btn{font-size:8px}.ml-select-board{padding:0 5px}.ml-select-board label{font-size:8px;font-weight:400}.ml-board-dropdown .ml-board-btn{font-size:8px}}.dl-container{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;box-shadow:var(--card-shadow);padding:0;width:100%}.dl-header{background-color:var(--primary);border-bottom:1px solid var(--border);border-top-left-radius:8px;border-top-right-radius:8px;justify-content:space-between;padding:5px 10px}.dl-header,.dl-header .dl-left{align-items:center;color:var(--text);display:flex;gap:5px}.dl-header .dl-left{justify-content:flex-start}.dl-left .dl-icon{background:var(--bg-icon2);border-radius:6px;color:var(--text-white);padding:3px}.dl-header p,.dl-icon .mini-icon{font-size:12px}.dl-header p{font-weight:700;margin:0}.dl-close,.dl-header p{color:var(--text-white)}.dl-close{border-radius:4px;cursor:pointer}.dl-close:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover);color:var(--sub-text)}.dl-body{padding:10px}.dl-body .dl-workspace{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2px;width:100%}.dl-workspace label{color:var(--text);font-size:10px;font-weight:700;margin:0;width:100%}.dlw-dropdown{padding:0;position:relative;width:100%}.dlw-dropdown .dlw-btn{align-items:center;background-color:var(--bg-section);border:1px solid var(--border);border-radius:6px;color:var(--text);display:flex;font-size:10px;justify-content:space-between;margin:0;padding:5px 10px;width:100%}.dlw-dropdown .dlw-btn:hover{background-color:var(--bg-section-hover);border:1px solid var(--border)}.dlw-menu{background-color:var(--bg-section);border:1px solid var(--border);box-shadow:var(--box-shadow);font-size:10px;height:20vh;list-style:none;margin-top:0;overflow-y:auto;position:absolute;width:95%;z-index:100}.dlw-item,.dlw-menu{border-radius:4px;padding:5px}.dlw-item{color:var(--text)}.dlw-item:hover{background-color:var(--bg-section-hover)}.dl-body .dl-select-board{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2px;width:100%}.dl-select-board label{color:var(--text);font-size:10px;font-weight:700;margin:0;width:100%}.dlb-dropdown{padding:0;position:relative;width:100%}.dlb-dropdown .dlb-btn{align-items:center;background-color:var(--bg-section);border:1px solid var(--border);border-radius:6px;color:var(--text);display:flex;font-size:10px;justify-content:space-between;margin:0;padding:5px 10px;width:100%}.dlb-dropdown .dlb-btn:hover{background-color:var(--bg-section-hover);border:1px solid var(--border)}.dlb-menu{background-color:var(--bg-section);border:1px solid var(--border);box-shadow:var(--box-shadow);font-size:10px;height:20vh;list-style:none;margin-top:0;overflow-y:auto;position:absolute;width:95%;z-index:100}.dlb-item,.dlb-menu{border-radius:4px;padding:5px}.dlb-item{color:var(--text)}.dlb-item:hover{background-color:var(--bg-section-hover)}.div-btn,.dl-move-btn{align-items:center;display:flex;justify-content:center}.dl-move-btn{background:var(--bg-icon2);border:1px solid var(--bg);border-radius:8px!important;color:var(--text-white)!important;cursor:pointer;font-size:10px!important;font-weight:700;padding:5px!important;width:100%!important}.dl-move-btn:hover{box-shadow:var(--box-shadow)}.dlm-icon{margin-right:5px}@media screen and (max-height:600px){.dl-header p,.dl-icon .mini-icon{font-size:10px}.dl-body{padding:0 5px 5px}.dl-workspace{margin-top:5px;padding:0 5px}.dl-workspace label{font-size:8px;font-weight:400}.dlw-dropdown .dlw-btn{font-size:8px}.dl-select-board{padding:0 5px}.dl-select-board label{font-size:8px;font-weight:400}.dlb-dropdown .dlb-btn{font-size:9px}}.cd-container{background-color:#fff;border:1px solid #ddd;border-top-left-radius:8px;border-top-right-radius:8px;color:#333;height:100%;margin:5px 0;min-height:100vh;min-width:60vw;position:relative;width:70%}.cd-header{border-bottom:1px solid #ddd;justify-content:space-between;min-width:650px;padding:5px;position:relative}.cd-header,.cd-nav{align-items:center;display:flex}.cd-nav{justify-content:flex-start;margin-left:10px;padding:2px}.cd-nav,.cdnav-icon{color:#333;cursor:pointer}.cdnav-icon{margin-right:5px}.cd-nav button{align-items:center;background-color:#fff;border:1px solid #fff;border-radius:4px;display:flex;font-size:12px;justify-content:center;padding:5px 7px}.cdn-active{color:#6a11cb;font-weight:700}.cd-header .nav-right{align-items:center;display:flex;justify-content:flex-start;width:170px}.nav-right button{align-items:center;background:linear-gradient(90deg,#6a11cb,#2575fc);border:.5px solid #333;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:700;justify-content:center;margin:0 2px;padding:5px}.nav-right button:hover{background-color:#ddd}.nr-icon{margin-right:5px}.nr-btn{background-color:#fff;border-radius:4px;cursor:pointer;font-size:20px;margin:0 2px}.nr-btn:hover{background-color:#ddd}.cd-title{align-items:center;box-shadow:0 2px 5px #0000001a;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:5px;padding:5px 10px;position:-webkit-sticky;position:sticky;z-index:100}.ct-box input{border:.5px solid #6a11cb;border-radius:4px;padding:5px;width:33vw}.ct-box input:focus{border:.5px solid #6a11cb;outline:none}.ct-box h5{word-wrap:break-word;flex:1 1;font-size:15px;margin:0;padding-right:10px;white-space:normal;width:30vw}.cd-title button{justify-content:space-between}.cd-title button,.more-title{align-items:center;display:flex}.more-title{justify-content:flex-start;position:relative}.more-title button{background-color:#fff;border:.5px solid #333;border-radius:4px;cursor:pointer;margin:0 2px;padding:5px}.more-title button:hover{background-color:#ddd;border:.5px solid #333}.s-cover{background-color:#fff;position:absolute;right:0;top:22%;z-index:100}.t-icon{margin-right:10px}.cd-label{border-bottom:1px solid #eee;margin:0 10px;padding:5px}.cd-main-container{align-items:flex-start;display:flex;justify-content:space-between}.cmc-left{height:65vh;overflow-y:auto;padding:5px 15px;width:75%}.cmc-left .cmc-action1{align-items:center;display:flex;gap:10px;justify-content:center;margin:10px}.action-box1{background-color:#f8f8f8;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #9b9b9b46;height:5vh;padding:15px 10px;width:40%}.ab-content{align-items:center;display:flex;justify-content:flex-start;margin-bottom:7px}.abc-icon{color:#6a11cb;font-size:13px;margin-right:5px}.ab-content h5{color:#5b5b5b;margin:0}.description-con{margin:10px 0}.desc-header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:5px}.desc-header h5{font-size:12px;margin:0}.desc-header .dh-icon{color:#6a11cb;font-size:12px}.desc-content{border:1px solid #ddd;border-radius:4px;padding:10px}.des-main .div-p{word-wrap:break-word;font-size:11px;height:20vh;margin:0;overflow-wrap:break-word;overflow-y:auto;white-space:normal}.des-main .ta-cont{display:flex;flex-direction:column;justify-content:flex-start}.ta-cont .text-muted{color:#6a11cb;font-size:8px}.des-main textarea{border:1px solid #dddddd02;height:20vh;overflow-y:auto;padding:5px;width:97%}.des-main textarea:focus{border:1px solid #dddddd02;border-radius:4px;height:20vh;outline:none}.cmc-right{align-items:center;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;padding:15px 10px;width:25%}.action-box2{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:15px 10px;width:88%}.ab2-header{justify-content:space-between}.ab2-header,.abh-left{align-items:center;display:flex}.abh-left{justify-content:flex-start}.abh-left h5{color:#5b5b5b;margin:0}.abh-right button{background-color:#eee;border:1px solid #eee;border-radius:2px;color:#333;padding:3px 5px}.ab2-cont{margin-top:3vh}.ab2-cont .ca-btn,.ab2-cont button{align-items:center;background-color:#f7f6f6;border:1px solid #ddd;border-radius:4px;color:#6a11cb;display:flex;font-size:12px;font-weight:700;justify-content:center;padding:10px;width:100%}.ab2-cont .ca-btn{position:relative}.assign-modal{border:1px solid grey;padding:5px;width:-webkit-fit-content;width:fit-content}.cr-container{background-color:#fff;border:1px solid #ddd;border-radius:4px;height:85vh;left:0;padding:5pzx;position:absolute;right:0;top:0;width:35vw;z-index:99}.card-details-panel{padding:5px 0}.card-details-panel h5{font-size:12px;margin:0}.button-container{align-items:flex-start;display:flex;gap:2px;padding:5px 0 10px;position:relative}.button-container button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#5b5b5b;cursor:pointer;display:flex;font-weight:700;justify-content:flex-start;padding:5px;transition:background-color .2s ease;width:100%}.button-container button:hover{background-color:#f0f0f0}.button-container button.active{background-color:#b3d4fc;font-weight:700}.bc-icon{color:#5d12eb;font-size:12px;margin-right:5px}.due-modal{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #0003;left:0;position:absolute;top:5vh;z-index:99}.prio-modal{left:7vw}.label-modal,.prio-modal{background-color:#fff;border:1px solid grey;border-radius:4px;box-shadow:0 4px 8px #0003;position:absolute;top:5vh;z-index:99}.label-modal{min-height:50vh;right:0;width:-webkit-fit-content;width:fit-content}.status-modal{min-width:15vw;padding:10px}.assign-modal,.status-modal{background-color:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 4px 8px #0003;height:-webkit-fit-content;height:fit-content;position:absolute;right:0;top:5vh;z-index:99}.assign-modal{padding-bottom:10px;width:15vw}.roomchat-container{background-color:#e9e2f3;border:1px solid #ddd;border-radius:8px;height:100%}.roomchat-container .chat-header{align-items:center;border-bottom:1px solid #ddd;box-shadow:0 4px 8px #0000001a;display:flex;justify-content:space-between;padding:10px}.chat-header h4{font-weight:700}.roomchat-container .chat-container{border:1px solid blue;height:80vh;overflow-y:auto;padding:5px 10px}.rc-container{border:1px solid blue;display:flex;height:100%;margin-bottom:5px;width:100%}.rc-text-title img{border:1px solid green;border-radius:50%;height:25px;width:25px}.editor-container{background:#f9f9f9;border:1px solid #eee;border-radius:8px;box-sizing:border-box;max-width:30vw;min-width:30vw;overflow:hidden;padding:10px;width:30vw}.toolbar{align-items:center;display:flex;justify-content:flex-start;margin-bottom:10px}button{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;margin-right:5px;padding:5px 10px}.toolbar button:hover{background:#ddd;border:1px solid #ddd}.heading,.t-action,.t-align,.t-bullet,.t-text{border-right:1px solid #ddd;padding:0 5px}.t-action{display:flex;justify-content:center}.heading .hbtn{align-items:center;display:flex;justify-content:space-between}.h-icon{margin-right:5px}.t-action input{border:1px solid #eee;border-radius:4px}.btn-heading{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 10px #0000001a;display:flex;justify-content:center;left:0;padding:5px;position:absolute;top:100%;z-index:100}.custom-editor{background:#fff;border:1px solid #ddd;border-radius:5px;color:#333;font-family:Arial,sans-serif;font-size:16px;line-height:1.5;min-height:200px;outline:none;padding:10px}.custom-editor p{caret-color:#333}.custom-editor p:focus{border:2px solid #fff;outline:none!important}.custom-editor p:focus-visible{outline:2px solid #fff!important}.custom-editor [contenteditable=true]:focus{outline:2px solid #fff!important}button.active{border-radius:5px;color:#fff;transition:background-color .2s ease-in-out}button.active,button.active:hover{background-color:#9b2fad}.emoji-picker{position:relative}.emoji-picker button{margin-left:5px}.emoji-picker-box{box-shadow:0 4px 10px #0000001a;left:0;position:absolute;top:100%;z-index:100}.text-editor{background-color:#fff;border:1px solid #fff;border-radius:6px;min-height:70px;width:100%}.ProseMirror{outline:none}.editor-toolbar{background:linear-gradient(90deg,#6b11cb3f,#2574fc38);border:1px solid #fff;border-radius:6px;color:#fff;display:flex;margin-bottom:10px;padding:3px 5px}.t-text .toolbar-button{background-color:#fff0;border:1px solid #fff0;border-radius:6px;color:#333;cursor:pointer;font-size:10px;font-weight:700;padding:5px;transition:background-color .3s}.toolbar-button:hover{background-color:#fff!important;border:1px solid #ddd}.toolbar-button.active{background-color:#fff!important;border:1px solid #ddd!important;color:#9b2fad!important}.t-align{border:1px solid #00aeff00;padding:0;position:relative}.t-align button{background-color:#fff0;border:1px solid #ddd0;border-radius:4px;cursor:pointer;font-size:10px;padding:5px}.t-align button:hover{border:1px solid #ddd}.heading{border:1px solid #00aeff00;padding:0;position:relative}.heading button{background-color:#fff0;border:1px solid #ddd0;border-radius:4px;cursor:pointer;font-size:10px;padding:5px}.heading button:hover{border:1px solid #ddd}.more{border:1px solid #00aeff00;padding:0;position:relative}.more button{background-color:#fff0;border:1px solid #ddd0;border-radius:4px;cursor:pointer;font-size:10px;padding:5px}.more button:hover{border:1px solid #ddd}.heading-modal,.more-action-modal,.text-align-modal{align-items:center;background-color:#eee;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:center;padding:5px;position:absolute;right:0;top:100%;z-index:99}.emoji{border:1px solid #00aeff00;padding:0;position:relative}.emoji button{background-color:#fff0;border:1px solid #ddd0;border-radius:4px;cursor:pointer;font-size:10px;padding:0}.emoji button:hover,.emoji-modal{border:1px solid #ddd}.emoji-modal{align-items:center;background-color:#eee;border-radius:4px;bottom:30px;display:flex;justify-content:center;padding:5px;position:absolute;right:0;z-index:99}.editor-container{background-color:#fff0;border:1px solid #fff0;font-size:10px;padding:0 0 0 10px;width:98%}.de-panel{min-width:80vw;padding:15px 10px;position:relative}.dep-right{display:flex;flex-direction:column;justify-content:flex-start}.dep-right h3{margin:0}.dep-right p{font-size:12px;margin:0}.dep-right2{align-items:center;display:flex;justify-content:space-between}.dep-left2 h5{margin:0}.dep-left{gap:5px;position:relative}.dep-left,.dep-left .dep-filter{align-items:center;display:flex;justify-content:center}.dep-left .dep-filter{background:linear-gradient(180deg,#6e30dc,#5d12eb);border:1px solid #fff;color:#fff;font-weight:700}.search-container{border-bottom:1px solid #eee;justify-content:flex-end;padding:0 10px 10px 0}.dep-search,.search-container{align-items:center;display:flex}.dep-search{background-color:#fff;border:1px solid #ddd;border-radius:4px;justify-content:flex-start;padding:2px 5px}.dep-search:focus,.dep-search:hover{border:1px solid #6e30dc}.dep-left input{border:1px solid #fff;border-radius:2px;color:#777;font-size:10px;margin-left:5px;padding:2px 5px}.dep-left input:hover{background-color:#fff}.dep-left input:focus{outline:none}.de-container{border:1px solid #ddd;border-radius:8px;color:#dfb5b5;height:85vh;margin:10px;min-width:80vw;overflow-y:auto;position:relative}.de-container table{position:relative;width:100%}.de-container th{background:linear-gradient(180deg,#6e30dc,#5d12eb);color:#fff!important;text-align:left}.th-icon{margin-right:8px}.de-container td{border-bottom:1px solid red;text-align:left}.de-container th{background-color:#fff;border:1px solid blue;color:#333;font-size:12px;font-weight:700;padding:8px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.de-container td{color:#333;font-size:12px;font-weight:400}.de-container td:hover{color:#5d12eb}.set-table{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #0000001a;display:flex;justify-content:center;padding:10px;position:absolute;right:0;top:60%;z-index:100}.set-table button{background-color:#fff;border:.5px solid #ddd}.set-table button:hover{background-color:#5e12eb1a;color:#5d12eb}td button{border:1px solid #ddd}.de-container tr{border:1px solid #ff0!important}.de-container tr:nth-child(2n){background-color:#fff;width:100%}.de-container tr:hover{background-color:#5e12eb1a;color:#5d12eb}.dropdown{margin-bottom:10px}.dropdown-btn{background:#f0f0f0;cursor:pointer;text-align:center;width:200px}.dropdown-btn,.fill-dropdown-menu{border:1px solid #ccc;border-radius:5px;padding:10px}.fill-dropdown-menu{background:#fff;font-size:10px;left:1%;list-style:none;margin:0;position:absolute;top:90%;width:100px;z-index:100}.fill-dropdown-menu li{border-radius:4px;cursor:pointer;padding:5px}.fill-dropdown-menu li:hover{background:#5e12eb1a;color:#6e30dc}.btn-schedule{align-items:center;display:flex;justify-content:center;margin:0;padding:5px 15px;width:100%}.dp-cont{padding:0;position:relative}td .dp-cont{border:1px solid red}.dp-cont button{align-items:center;display:flex;justify-content:flex-start;margin:0}.schedule{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 8px #0000001a;color:#333;left:0;padding:5px 10px;position:absolute;top:80%;z-index:100}.schedule h5{border-bottom:.5px solid #ddd;margin:5px 0;padding:5px 0}.ul-schedule{margin:5px;padding:0}.li-schedule{align-items:center;border:1px solid #fff;border-radius:4px;display:flex;justify-content:flex-start;padding:5px}.li-schedule:hover{background:#5e12eb1a;border:1px solid #eee;color:#6e30dc}.dropdown{display:inline-block;position:relative}.dropdown-button{background-color:#fff;border:1px solid #ccc;cursor:pointer;padding:5px;text-align:left;width:100%}.dropdown-menu{background:#fff;margin:0;padding:0;width:100%;z-index:10}.dropdown-item{cursor:pointer;padding:5px}.dropdown-item.active,.dropdown-item:hover{background-color:#f0f0f0}.form-create{padding:0;top:40px;z-index:100}.form-modal{background-color:#fff;border:1px solid #333;border-radius:6px;position:absolute;right:0;top:15%}@media (max-width:768px){.de-container{height:auto;min-width:95vw;padding:10px}.dep-left{align-items:flex-start;flex-direction:column;gap:10px}.dep-left input{font-size:14px;padding:6px 8px}.dep-search{padding:5px 10px;width:100%}.dep-left .dep-filter{padding:8px;width:100%}.de-container table{padding:0 10px}.de-container th{font-size:10px;padding:6px 8px}.de-container td{font-size:10px;padding:6px}}@media (max-width:480px){.de-container{height:auto;min-width:100vw}.dep-left{gap:12px}.dep-left input{font-size:16px;padding:8px 10px}.dep-search{padding:6px 12px;width:100%}.dep-left .dep-filter{padding:10px;width:100%}}.add-container{border-radius:4px;padding:5px;width:95%}.ac-header{border-bottom:1px solid #ddd;margin-bottom:10px;padding:5px}.ac-header h4{margin:0;padding:5px}.ac-icon{border:1px solid #fff;border-radius:4px;cursor:pointer;padding:3px}.ac-icon:hover{background-color:#eee;border:1px solid #eee}.info-jadwal,.info-kepegawaian,.info-pribadi{margin:5px 0;padding:5px}.info-jadwal p,.info-kepegawaian p,.info-pribadi p{color:#777;font-size:12px;font-weight:700;margin:0 0 5px}.ac-content{align-items:center;display:flex;justify-content:flex-start}.ac-box{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;margin-right:10px}.ac-box label{color:#777;font-size:10px}.ac-box input{border:.5px solid #ddd;border-radius:4px;padding:5px}.ac-box input:hover{background-color:#5e12eb1a}.ac-box input:focus{border:1px solid #6e30dc;outline:none}.de-panel-container{background-color:#fff;border-radius:8px;height:90vh;margin-left:10px;margin-top:10px;position:relative}.de-panel{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:5px 10px;width:100%}.de-panel .dep-right{display:flex;flex-direction:column;justify-content:flex-start;width:70%}.dep-right h3{font-size:20px;font-weight:700}.dep-right .dep-desc{display:flex;flex-direction:column;justify-content:flex-start}.dep-desc p,.dep-desc strong{font-size:12px}.dep-desc p{margin:0}.de-panel .dep-left{flex-direction:column;margin-bottom:0;position:relative;width:30%}.de-panel .dep-left,.dep-left .dep-btn{display:flex;gap:2px;justify-content:flex-end}.dep-left .dep-btn{align-items:center;width:100%}.dep-btn button{align-items:center;background-color:#5d12eb;border:1px solid #5d12eb;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:400;justify-content:flex-start;padding:5px}.dep-btn button:hover{box-shadow:0 4px 8px #5e12eb46}.dep-btn .dep-search-box{align-items:center;background-color:#5d12eb;border:1px solid #5d12eb;border-radius:8px;color:#fff;display:flex;justify-content:flex-start;padding:5px;position:relative}.dep-search-box:hover{border:1px solid #6e30dc}.search-cont{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #5e12eb46;padding:3px;position:absolute;right:0;top:50%;z-index:99}.search-cont input{background-color:#fff;font-size:10px;padding:2px}.search-cont input:focus{outline:none}.dep-left .dropdown-menu{border:1px solid #ddd;border-radius:8px;padding:10px;right:0;top:50%;width:50%;z-index:99}.dm-title{color:#5e5e5e;font-size:12px;font-weight:700;margin-bottom:10px}.dropdown-menu li{border-radius:4px;padding:2px}.dropdown-menu li:hover{background-color:#c2a4f77c;border:1px solid #ddd}.dep-left .view-toggle{align-items:center;display:flex;justify-content:flex-end;padding:5px 0 5px 10px;width:100%}.view-toggle button{align-items:center;border:1px solid #5e5e5e;border-radius:4px;cursor:pointer;display:flex;font-size:10px;gap:3px 5px;justify-content:center;padding:5px}.view-toggle button.active,.view-toggle button:hover{border:1px solid #6e30dc;color:#5d12eb}.view-toggle button.active{background-color:#fff!important}.employee-table-wrapper{height:67vh;overflow-x:auto;padding:10px;position:relative!important;width:100%}.employee-table{overflow-x:auto}.employee-table-wrapper table{border-collapse:collapse;font-size:14px;position:relative;width:100%}.sticky-th{background-color:#fff;box-shadow:0 1px 3px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.employee-table-wrapper td,.employee-table-wrapper th{padding:10px;text-align:center}.employee-table-wrapper th{background:linear-gradient(180deg,#6e30dc,#5d12eb);color:#fff;font-size:15px;font-weight:400;text-align:center}.employee-table-wrapper tbody tr:hover{background-color:#a574fa;color:#5d12eb}.employee-table-wrapper tbody tr:nth-child(odd){background-color:#f4edfc}.employee-table-wrapper tbody tr:nth-child(2n){background-color:#fff}.employee-table-wrapper .th{align-items:center;display:flex;gap:5px;justify-content:center}.employee-table-wrapper td{font-size:12px}.delete-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 8px}.delete-btn:hover{background-color:#d32f2f}.divisi-con,.jabatan-con,.name-con,.nomor-con,.username-con{max-height:12vw;min-width:12vw;width:12vw}.email-cont{background-color:#c9e7f3;border:1px solid #c9e7f3;border-radius:8px;color:#2c66ec;padding:2px 10px;width:-webkit-fit-content;width:fit-content}.edit-form-modal{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;padding:0;position:fixed;top:0;width:100vw;z-index:99}.edit-cont-modal{background-color:#fff;border:1px solid #ddd;border-radius:8px;height:-webkit-fit-content;height:fit-content;margin-top:5%;width:50vw}.form-modal{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;padding:0;position:fixed;top:0;width:100%;z-index:99}.form-modal-box{background-color:#fff;border:1px solid #ddd;border-radius:16px;height:-webkit-fit-content;height:fit-content;margin-top:5%;width:50%}.employee-container{grid-gap:10;display:grid;gap:10;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));height:70vh;overflow-y:auto;padding:10px}.employee-card{border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 8px #0000001a;cursor:pointer;height:-webkit-fit-content;height:fit-content;padding:10px}.employee-card:hover{border:1px solid #5d12eb;box-shadow:0 4px 8px #5e12eb46}.employee-card .card-header{border-bottom:.5px solid #ddd;display:flex;justify-content:space-between;padding:0 10px 10px}.ch-left h4{font-size:15px;font-weight:700;margin:0}.ch-left p{color:#5e5e5e;font-size:10px;margin:0}.ch-left img{border:2px solid #5d12eb;border-radius:50%;height:50px;width:50px}.card-header .ch-right{position:relative}.ch-right .chr-icon{background-color:#fff;border:1px solid #fff;border-radius:4px;cursor:pointer;font-size:20px}.card-setting-menu{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 6px #00000026;min-width:10vw;padding:8px 12px;position:absolute;right:0;top:20%;z-index:10}.card-setting-menu button{align-items:center;border:1px solid #fff;cursor:pointer;display:flex;font-size:10px;gap:5px;justify-content:flex-start;width:100%}.card-setting-menu button:hover{background-color:#eee;border:1px solid #eee}.card-setting-menu .csm-delete{align-items:center;border:1px solid #fff;color:red;cursor:pointer;display:flex;font-size:10px;gap:5px;justify-content:flex-start;width:100%}.card-setting-menu .csm-delete:hover,.chr-icon:hover{background-color:#eee;border:1px solid #eee}.employee-card-body{padding:5px 10px 10px}.ecb-box{color:#5e5e5e;gap:0}.ecb-box h5{font-size:10px;font-weight:400;margin:0}.ecb-box p{font-size:12px;margin:0}.employee-card-body .more-info{display:flex;flex-direction:column;gap:3px;justify-content:flex-start;margin-top:10px;padding:0}.more-info .ecb-box-email{align-items:center;display:flex;gap:5px;justify-content:flex-start}.ecb-box-email p{font-size:10px;font-weight:400;margin:0;padding:0}.action-tabel{width:100%}.action-tabel,.action-tabel button{align-items:center;display:flex;justify-content:center}@media (min-width:375px) and (max-width:575px){.de-panel{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:0}.de-panel .dep-right{width:100%}.dep-right .dep-desc{display:none}.de-panel .dep-left{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding:5px 0;width:100%}.dep-btn{gap:0;margin:0;padding:0 10px;width:100%}.dep-btn button{align-items:center;display:flex;justify-content:center;width:90%}.view-toggle{padding:0}.view-toggle button{width:50%}.form-modal-box{width:90%}.employee-card{height:27vh}.ecb-box{width:100%}.more-info{justify-content:flex-start}.more-info,.more-info .ecb-box-email{align-items:center;display:flex;width:100%}.more-info .ecb-box-email{justify-content:flex-end}.employee-card-body{display:flex;flex-direction:column;justify-content:flex-start;padding:5px}.edit-cont-modal{width:70%}.card-setting-menu{width:40vw}.search-cont{width:50vw}.divisi-con,.jabatan-con,.name-con,.nomor-con,.username-con{max-height:35vw;min-width:35vw;width:35vw}}@media (min-width:576px) and (max-width:767.98px){.de-panel{align-items:center;display:flex;flex-direction:column;padding:5px}.de-panel .dep-right{width:100%}.dep-left .dep-btn{align-items:center;display:flex;justify-content:flex-start;width:100%}.view-toggle{align-items:center;display:flex;justify-content:flex-end!important;width:-webkit-fit-content;width:fit-content}.de-panel .dep-left{align-items:center;display:flex;flex-direction:row;padding:5px 0;width:100%}.dep-left .dep-btn{width:60%}.dep-left .view-toggle{justify-content:flex-start;padding:0;width:40%}.edit-cont-modal,.form-modal-box{width:70%}.employee-table-wrapper{padding-top:0}.employee-table-wrapper table{width:95%}.employee-container{height:70vh}.employee-card{height:27vh}.search-cont{top:80%;width:40vw}.divisi-con,.jabatan-con,.name-con,.nomor-con,.username-con{max-height:25vw;min-width:25vw;width:25vw}}@media (min-width:768px) and (max-width:991.98px){.de-panel .dep-right{width:70%}.de-panel .dep-left{width:30%}.search-cont{width:25vw}.divisi-con,.jabatan-con,.name-con,.nomor-con,.username-con{max-height:18vw;min-width:18vw;width:18vw}}@media (min-width:992px) and (max-width:1199.98px){.employee-card{height:30vh}.divisi-con,.jabatan-con,.name-con,.nomor-con,.username-con{max-height:12vw;min-width:12vw;width:12vw}}@media screen and (max-height:600px){.employee-card{height:35vh}.dep-right h3{color:#5d12eb;font-size:15px}.dep-desc p,.dep-desc strong{font-size:8px}.employee-table-wrapper{height:75vh;padding:10px 5px}.employee-table-wrapper td,.employee-table-wrapper th{font-size:10px}.employee-container{height:75vh}.ch-left img{border:2px solid #5d12eb;border-radius:50%;height:30px;width:30px}.ch-left h4{font-size:10px;font-weight:700;margin:0}.ch-left p{color:#5e5e5e;font-size:8px;margin:0}.card-setting-menu{width:15vw}}.form-data-container{border-radius:16px;height:100%}.fdc-header{align-items:center;background:linear-gradient(90deg,#7246eb,#532189);border-top-left-radius:16px;border-top-right-radius:16px;display:flex;justify-content:space-between;padding:10px}.fdc-header .fcd-left{align-items:center;display:flex;gap:5px;justify-content:flex-start}.fcd-left .fcd-icon{background-color:hsla(0,0%,100%,.484);border:1px solid hsla(0,0%,100%,.484);border-radius:8px;color:#fff;padding:5px}.fdc-header h2{color:#fff;font-weight:700}.fdc-icon{color:#fff;cursor:pointer}.form-data-container .form-content{align-items:center;background-color:#fff;border-radius:8px;height:100%;overflow-y:auto;padding:20px}.form-content .form-box,.form-data-container .form-content{display:flex;flex-direction:column;justify-content:flex-start}.form-content .form-box{gap:5px;margin:5px 0;width:80%}.form-box button{background-color:#6e30dc;border:1px solid #6e30dc;border-radius:16px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;width:100%}.form-box button:hover{box-shadow:0 4px 8px #5e12eb46}.form-box label{color:#5e5e5e;font-size:12px;font-weight:700}.form-box input{border:1px solid #ddd;border-radius:8px;font-size:12px;padding:8px}.form-box input:hover{background:linear-gradient(180deg,#6f30dc45,#5e12eb45);border:1px solid #5d12eb}@media (min-width:375px) and (max-width:575px) and (min-height:300px) and (max-height:600px){.form-data-container .form-content{padding:5px 3px}.form-content .form-box{width:90%}}@media (min-width:576px) and (max-width:767.98px) and (min-height:400px) and (max-height:700px){.form-data-container .form-content{padding:5px 3px}.form-content .form-box{width:90%}}.form-edit-cont{display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%}.form-edit-cont .fec-header{align-items:center;background:linear-gradient(180deg,#6e30dc,#5d12eb);border:1px solid #6e30dc;border-top-left-radius:6px;border-top-right-radius:6px;color:#fff;display:flex;font-weight:700;justify-content:space-between;padding:10px 20px}.fec-header .fec-title{display:flex;flex-direction:column;justify-content:flex-start}.fec-title h4{margin:0}.fec-title p{font-weight:400;margin:0}.fec-header .fec-close{cursor:pointer}.form-edit-cont form{padding:20px 0}.form-cont,.form-edit-cont form{display:flex;gap:10px;justify-content:center}.form-cont{align-items:center;flex-direction:column;width:100%}.form-edit-content{display:flex;flex-direction:column;gap:5px;justify-content:flex-start;width:80%}.form-edit-content label{color:#333;font-size:12px;font-weight:700}.form-edit-content input{border:1px solid #ddd;border-radius:8px;color:#5e5e5e;cursor:pointer;font-size:12px;padding:5px;width:100%}.form-edit-content input:focus{border:1px solid #5d12eb}.form-edit-content input:hover{background:linear-gradient(180deg,#6f30dc44,#5e12eb47);border:1px solid #5d12eb}.btn-form-submit{align-items:center;display:flex;justify-content:center;width:100%}.btn-form-submit button{background:linear-gradient(180deg,#6e30dc,#5d12eb);border:1px solid #5d12eb;border-radius:8px;color:#fff;cursor:pointer;font-weight:400;padding:5px 8px;text-align:center}.btn-form-submit button:hover{background:linear-gradient(180deg,#5d12eb,#6e30dc)}@media screen and (max-height:600px){.fec-title h4{font-size:12px}}.dmc-container{background-color:var(--bg);height:100%;min-width:80vw;position:relative;width:100%}.dm-panel{align-items:center;background-color:var(--bg);border-radius:8px;padding:10px}.dm-left,.dm-panel{display:flex;flex-direction:column;justify-content:space-between;width:100%}.dm-left{gap:5px}.dml-title{align-items:center;display:flex;gap:5px;justify-content:flex-start;width:100%}.dm-icon{background:linear-gradient(90deg,#7246eb,#532189);border:1px solid #fff;border-radius:8px;color:#fff;padding:5px}.dml-title h3{color:var(--text);font-size:18px;font-weight:700;margin:0;padding:0;width:100%}.dml-desc{align-items:center;display:flex;justify-content:flex-start}.dml-desc p{color:var(--sub-text);font-size:10px;gap:5px;margin:0}.dmc-right{border-bottom:1px solid var(--border);gap:5px;justify-content:space-between;margin:5px 0;padding-bottom:5px;position:relative;width:100%}.dmc-right,.dmcr-btn{align-items:center;display:flex}.dmcr-btn{justify-content:flex-start!important;width:60%}.dmcr-btn button{align-items:center;background-color:var(--bg);border:1px solid var(--bg);border-radius:4px;color:var(--text);cursor:pointer;display:flex;font-size:12px;font-weight:400;gap:3px;justify-content:center;padding:4px 8px}.dmcr-btn button:hover{background-color:var(--bg-section);box-shadow:var(--box-shadow);color:var(--text-primary2)}.mdc-search-container{align-items:center;display:flex;flex-direction:row;gap:5px;justify-content:flex-end!important;width:100%}.mdc-search-container .dm-search-box{align-items:center;background-color:#fff!important;border:1px solid green;border-radius:4px;display:flex;justify-content:space-between;padding:1px 1px 1px 3px;width:40%}.dm-search-box:hover{border:1px solid #6e30dc}.mdc-search-container .new-data-btn{align-items:center;background:var(--primary);border-radius:6px;color:var(--text-white);cursor:pointer;display:flex;font-size:12px;gap:3px;justify-content:center;margin-left:5px;padding:4px 10px}.mdc-search-container .new-data-btn:hover{background:var(--primary);box-shadow:var(--box-shadow-purple);color:var(--text-white)}.mdc-search-container .reset-btn{align-items:center;background-color:var(--bg);border:1px solid var(--bg);border-radius:4px;color:var(--text);cursor:pointer;display:flex;font-size:12px;font-weight:400;gap:3px;justify-content:center;padding:4px 8px}.reset-btn:hover{background-color:var(--bg-section);box-shadow:var(--box-shadow);color:var(--text-primary2)}.reset-icon{color:#fff;font-size:15px}.mdc-search-container .dm-search-export{width:30%}.dm-search-box .dms-icon{background-color:#fff;border-bottom-right-radius:4px;border-top-right-radius:4px;font-size:25px;padding:4px}.dm-search{align-items:center;border:.5px solid #ddd;border-radius:4px;display:flex;justify-content:flex-start}.dm-search:hover{border:.5px solid #6e30dc}.dm-search input{background-color:#eee;border:1px solid #eee;border-radius:4px;color:#6e30dc;font-size:10px;padding:2px 5px}.dm-search input:focus{outline:none}.dms-icon{background-color:#eee}.dmf-cont{background-color:initial;display:flex;height:100%;justify-content:end;padding:2px;position:absolute;right:0;top:0;width:100%;z-index:100}.dmf-content{background-color:var(--card-bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 8px #0000001a;height:90vh;position:relative;width:60%}.data-marketing-form{font-family:Arial,sans-serif;height:70%;padding:0 10px 10px;position:relative!important;width:100%}.dm-table td,.dm-table th{white-space:nowrap}.dm-container{background-color:var(--bg-section);border-radius:8px;height:100%;overflow-y:auto;position:relative!important;width:100%}.dm-container table{position:relative;width:100%}.dm-table thead th{background-color:var(--primary);color:var(--text-white);font-size:10px;font-weight:700;padding:14px;position:-webkit-sticky;position:sticky;text-align:center;top:0;white-space:nowrap;z-index:10}.dm-th{align-items:center;display:flex;justify-content:center}.dm-container td{background-color:var(--bg-section);border-bottom:1px solid var(--border);color:var(--text);font-size:12px;font-weight:400;padding:5px 10px;text-align:left;transition:background-color .3s ease}.dm-container tr:nth-child(2n) td,.dm-container tr:nth-child(odd) td{background-color:var(--bg-section);color:var(--sub-text)}.dm-container tr:hover td{background-color:var(--bg-section-hover);cursor:pointer}.nomor-box .number-box{align-items:center;display:flex;gap:5px;justify-content:flex-start}.number-box .icon-position{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center}.position-btn{background:#0000;border:1px solid #0000;color:#666;cursor:pointer;line-height:1;transition:color .2s ease}.position-btn:hover{color:#5320be}.icon-position button:hover{border:1px solid #fff0;color:#5320be}.input-box-container:hover,.my-detail-editor:hover{color:#5320be;text-decoration:underline}.project-number-box:hover{color:#5320be!important;text-decoration:underline}.code-order-box,.input-box-container,.project-number-box{max-width:13vw;min-width:13vw;width:100%}.acc-box-container,.account-box,.basic-price-box,.buyer-box,.coupon-box,.deadline-box,.discount-box,.genre-box,.jenis-track-box,.offer-type-box,.order-number-box,.order-type-box,.price-discount-box,.price-normal-box,.price-normal-container,.project-type-box,.status-box-container{max-width:10vw;min-width:10vw;width:100%}.project-type-box{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duration-cont{max-width:5vw!important;min-width:5vw!important;text-align:center!important;width:100%}.jumlah-track-box{max-width:7vw;min-width:7vw;width:100%}.action-box{max-width:16vw;min-width:16vw;width:100%}.action-data-marketing{align-items:center;display:flex;justify-content:center;padding:3px}.action-data-marketing button{background:var(--primary)!important;border:1px solid var(--bg-section);border-radius:4px;color:var(--text-white)!important;cursor:pointer;font-size:14px;font-weight:700}.action-data-marketing button:hover{box-shadow:var(--box-shadow-purple)}.dm-container tr:nth-child(2n){background-color:#fff}.dm-container tr:hover{background-color:#5e12eb1a}.detail-data-marketing{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center!important;left:0;padding:0;position:fixed;top:0;width:100vw;z-index:1000}.detail-data-marketing .detail-data-box{border-radius:8px;padding:1px;width:70%!important}.edit-data-marketing{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:0;position:fixed;top:0;width:100%;z-index:100}.edit-data-marketing .edit-data-box{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;height:90%;width:65%}.archive-modal-overlay{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.archive-modal-overlay .archive-modal{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:0 20px 40px #0003;padding:24px;width:360px}.archive-modal h3{color:var(--text);font-size:16px;font-weight:600;margin:0 0 8px;text-align:center;width:100%}.archive-modal p{color:var(--sub-text);font-size:12px;margin-bottom:20px;padding:0;text-align:center}.modal-archive-action{display:flex;gap:12px;justify-content:flex-end}.show-data-container{align-items:center;background-color:var(--bg-section);border:1px solid var(--border);border-radius:4px;display:flex;flex-direction:column;justify-content:flex-start;left:0;padding:5px;position:absolute;top:100%;width:-webkit-fit-content;width:fit-content;z-index:100}.show-data-container .sdc-header{background:var(--bg-section);border-bottom:1px solid var(--border);justify-content:space-between;padding:5px;width:100%}.sdc-header h5,.show-data-container .sdc-header{align-items:center;color:var(--sub-text);display:flex}.sdc-header h5{font-size:10px;font-weight:400;gap:5px;justify-content:flex-start}.sdc-header .h5-icons{font-size:13px}.show-data-container .sdc-container{align-items:center;background-color:var(--bg-section);display:flex;flex-direction:column;justify-content:flex-start!important;padding:5px}.show-data-container button{background-color:var(--bg-section);border:1px solid var(--bg-section);border-radius:6px;color:var(--sub-text);cursor:pointer;display:flex;font-size:10px;justify-content:flex-start;padding-left:10px;width:100%}.show-data-container button:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.filter-container{background-color:var(--bg-section);border:1px solid var(--border);border-radius:6px;box-shadow:var(--box-shadow);gap:5px;left:0;padding:5px 10px;position:absolute;top:100%;width:25vw;z-index:100}.filter-container .filter-header{border-bottom:1px solid var(--border);margin-bottom:5px}.filter-header h5{color:var(--sub-text);font-size:10px}.filter-content{align-items:center;display:flex;justify-content:flex-start;width:100%}.filter-box{position:relative}.filter-box .filter-btn{align-items:center;background-color:var(--primary);border:1px solid var(--bg-section);border-radius:4px;color:var(--text-white);cursor:pointer;display:flex;font-size:10px;gap:5px;justify-content:flex-start;padding:4px 15px;width:100%}.filter-box .filter-btn:hover{box-shadow:0 4px 8px #5e12eb46}.ul-filter{border:1px solid var(--border);border-radius:6px;box-shadow:var(--box-shadow);gap:5px;padding:5px 10px;position:absolute;right:0;top:100%;width:100%;z-index:100}.li-filter,.ul-filter{background-color:var(--bg-section)}.li-filter{border-radius:4px;color:var(--sub-text);cursor:pointer;font-size:10px;padding:5px}.li-filter:hover{background-color:var(--bg-section-hover)}.filter-input input{background-color:var(--bg-section);border:1px solid var(--border);border-radius:6px;color:var(--sub-text);font-size:10px;padding:5px}.filter-input input:focus,.filter-input input:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.filter-input input:focus{outline:none}.check-btn{background:#0000!important}.check-btn.active{background-color:none;color:var(--check-active)}@media (min-width:1401px) and (max-width:2000px){.acc-box-container,.account-box,.buyer-box,.code-order-box,.coupon-box,.deadline-box,.duration-box,.genre-box,.input-box-container,.jenis-track-box,.offer-type-box,.order-type-box,.price-normal-container,.project-number-box,.project-type-box,.status-box-container{max-width:10vw;min-width:10vw;width:100%}.basic-price-box,.discount-box,.jumlah-track-box,.order-number-box,.price-discount-box,.price-normal-box{max-width:3vw;min-width:3vw;width:100%}.action-box{max-width:15vw;min-width:15vw}}@media (min-width:1200px) and (max-width:1400px){.dm-container th{font-size:10px;padding:5px}.acc-box-container,.account-box,.buyer-box,.code-order-box,.coupon-box,.deadline-box,.duration-box,.genre-box,.input-box-container,.jenis-track-box,.offer-type-box,.order-type-box,.price-normal-container,.project-number-box,.project-type-box,.status-box-container{max-width:13vw;min-width:13vw;width:100%}.basic-price-box,.discount-box,.jumlah-track-box,.order-number-box,.price-discount-box,.price-normal-box{max-width:6vw;min-width:6vw;width:100%}.action-box{max-width:15vw;min-width:15vw}}@media (min-width:992px) and (max-width:1199.98px){.dm-container th{padding:10px}.code-order-box,.duration-box,.project-number-box{max-width:16vw;min-width:16vw;width:100%}.acc-box-container{max-width:13vw;min-width:13vw;width:100%}.account-box,.buyer-box,.coupon-box,.deadline-box,.genre-box,.jenis-track-box,.offer-type-box,.order-type-box,.price-normal-container,.project-type-box,.status-box-container{max-width:16vw;min-width:16vw;width:100%}.basic-price-box,.discount-box,.jumlah-track-box,.order-number-box,.price-discount-box,.price-normal-box{max-width:7vw;min-width:7vw;width:100%}.action-box,.input-box-container{max-width:18vw;min-width:18vw}.dmcr-btn{justify-content:flex-end}.dmf-content{width:60%}.status-container{max-width:15vw;min-width:15vw}.detail-data-marketing .detail-data-box{width:70%}.edit-data-marketing .edit-data-box{width:60%}.filter-container{width:35vw}}@media (min-width:768px) and (max-width:991.98px){.dmf-content{width:90%!important}.dmc-right{width:100%}.mdc-search-container .dm-search-box{width:60%}.dmcr-btn{gap:0;justify-content:flex-end}.dmcr-btn button{font-size:10px;padding:5px}.dm-container th{padding:5px}.code-order-box,.duration-box,.project-number-box{max-width:19vw;min-width:19vw;width:100%}.acc-box-container{max-width:15vw;min-width:15vw;width:100%}.account-box,.buyer-box,.coupon-box,.deadline-box,.genre-box,.jenis-track-box,.offer-type-box,.order-type-box,.price-normal-container,.project-type-box,.status-box-container{max-width:19vw;min-width:19vw;width:100%}.basic-price-box,.discount-box,.jumlah-track-box,.order-number-box,.price-discount-box,.price-normal-box{max-width:10vw;min-width:10vw;width:100%}.action-box,.input-box-container{max-width:23vw;min-width:23vw}.detail-data-marketing .detail-data-box,.edit-data-marketing .edit-data-box{width:80%}.filter-container{width:40vw}}@media (min-width:576px) and (max-width:767.98px){.dmf-content{width:100%!important}.dmc-right{width:100%}.mdc-search-container{width:30%}.dm-search-box input,.mdc-search-container .dm-search-box{width:100%}.dmcr-btn{gap:0;justify-content:flex-end;width:70%}.dmcr-btn button{font-size:10px;padding:8px 10px}.show-data-container{right:5%;top:5%}.filter-container{width:55vw}.dm-container th{padding:5px}.code-order-box,.duration-box,.project-number-box{max-width:21vw;min-width:21vw;width:100%}.acc-box-container{max-width:18vw;min-width:18vw;width:100%}.account-box,.buyer-box,.coupon-box,.deadline-box,.genre-box,.jenis-track-box,.offer-type-box,.order-type-box,.price-normal-container,.project-type-box,.status-box-container{max-width:21vw;min-width:21vw;width:100%}.basic-price-box,.discount-box,.jumlah-track-box,.order-number-box,.price-discount-box,.price-normal-box{max-width:13vw;min-width:13vw;width:100%}.action-box,.input-box-container{max-width:28vw;min-width:28vw}.detail-data-marketing .detail-data-box,.edit-data-marketing .edit-data-box{width:90%}}@media (max-width:575.98px){.dm-panel{flex-direction:column;justify-content:flex-start}.dml-desc{display:none}.dm-left{width:100%}.dmc-right{flex-direction:column;gap:3px;margin-top:5px}.dmc-right,.dmcr-btn{align-items:center;display:flex;justify-content:center;width:100%}.dmcr-btn button{font-size:9px;padding:5px 20px}.mdc-search-container,.mdc-search-container .dm-search-box{width:100%!important}.dm-search-box input{width:100%}.mdc-search-container{align-items:center;display:flex;justify-content:center!important;width:100%}.mdc-search-container .dm-search-box{width:60%}.mdc-search-container .dm-search-export{align-items:center;display:flex;justify-content:flex-end;width:40%}.dmf-content{border-radius:8px;width:100%}.show-data-container{right:5%;top:8%}.filter-container{top:10%;width:85vw}.dm-container{height:98%}.dm-container th{padding:5px}.code-order-box,.duration-box,.project-number-box{max-width:28vw;min-width:28vw;width:100%}.acc-box-container{max-width:24vw;min-width:24vw;width:100%}.account-box,.buyer-box,.coupon-box,.deadline-box,.genre-box,.jenis-track-box,.offer-type-box,.order-type-box,.price-normal-container,.project-type-box,.status-box-container{max-width:28vw;min-width:28vw;width:100%}.basic-price-box,.discount-box,.jumlah-track-box,.order-number-box,.price-discount-box,.price-normal-box{max-width:16vw;min-width:16vw;width:100%}.action-box,.input-box-container{max-width:35vw;min-width:35vw}.detail-data-marketing .detail-data-box{width:90%}.edit-data-marketing .edit-data-box{width:80%}}@media screen and (max-height:600px){.dm-panel{padding:5px 10px}.dm-mini,.dml-title h3{font-size:15px}.dml-desc{font-size:8px}.dmcr-btn button{font-size:9px;padding:5px 15px}.mdc-search-container .dm-search-box{width:50%!important}.dm-search-box input{padding:3px}.btn-export{font-size:10px!important;font-weight:700}.filter-box .filter-btn{font-size:10px;padding:5px 15px}.filter-input input,.ul-filter{font-size:10px}.dmf-content{width:70%}.dm-container{height:98%}.dm-container td,.dm-container th{font-size:10px}.detail-data-marketing .detail-data-box,.edit-data-marketing .edit-data-box{height:90%;margin-top:5%}}.view-dm-container{background-color:var(--card-bg);border-radius:8px;padding:1px;position:relative}.view-dm-container .vmd-header{align-items:center;background:var(--table-header-bg);border-top-left-radius:8px;border-top-right-radius:8px;color:var(--primary);display:flex;font-size:12px;gap:5px;justify-content:space-between;padding:10px 15px 5px;position:-webkit-sticky;position:sticky}.vdm-left h4{color:var(--text);font-size:14px;font-weight:700;margin:0}.vdm-left p{font-size:12px;font-weight:700;margin:0;padding:0}.vdm-right{align-items:center;display:flex;gap:5px;justify-content:flex-end}.vdm-action{gap:3px;margin-right:10px}.vdm-action,.vdm-action button{align-items:center;display:flex;justify-content:center}.vdm-action button{background-color:var(--table-header-bg);border:1px solid var(--table-header-bg);color:var(--text);font-size:12px;gap:5px}.vdm-action button:hover{background-color:var(--primary);border:1px solid var(--border);box-shadow:var(--box-shadow);color:var(--text-white)!important}.vdm-action p{align-items:center;color:var(--icon1);display:flex;font-size:12px;gap:5px;justify-content:center}.vdm-action p:hover{color:var(--text-white)!important}.vdm-icon{color:var(--icon1);cursor:pointer;font-size:20px}.view-dm-container .vdm-body{height:80vh;max-height:90vh;min-height:50vh;overflow-y:auto;padding:5px 10px 10px}.vdm-body .sec{margin:15px 10px;padding:15px}.vdm-body h4{font-weight:700}.vdm-body h4,.vdm-body p{color:var(--sub-text);font-size:12px;margin:0}.sec .sec-container{grid-gap:5px;display:grid;grid-template-columns:repeat(3,1fr)}.sec .sec-container,.sec .sec-container-link{border-top:1px solid var(--card-bg);border:1px solid var(--card-bg);border-top-color:var(--border);gap:5px;height:100%;padding:5px}.sec .sec-container-link{display:flex;flex-direction:column}.sec-container .box,.sec-container-link .box{margin:5px 0;width:100%}.box p{color:var(--sub-text);font-size:10px}.box .box1{word-wrap:break-word;background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover);border-radius:6px;margin-top:3px;max-width:100%;overflow-wrap:break-word;padding:5px;white-space:normal;width:100%;word-break:break-word}.box .box1:hover{box-shadow:var(--box-shadow)!important}.box .box1-ref,.box1 p{color:var(--sub-text);font-size:12px}.box .box1-ref{word-wrap:break-word;background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover);border-radius:6px;margin-top:3px;max-width:100%;overflow-wrap:break-word;padding:5px;white-space:normal;width:100%;word-break:break-word}.box1 a,.box1-ref a{background-color:#c9cdfc;border-radius:4px;color:#583ec4;cursor:pointer;font-weight:500;padding:3px 5px;text-decoration:underline}.box1 a:hover,.box1-ref a:hover{background-color:#e1e4fe}.box1:hover{border:1px solid #6f30dc47;box-shadow:0 4px 8px #6f30dc54}.sec-desc-content{border-top:1px solid var(--border);padding:5px 5px 5px 0}.box .box1-des{padding:5px;width:100%}@media (min-width:1200px) and (max-width:1400px){.wf-create{width:20%}}@media (min-width:992px){.wf-create{width:30%}.box1{padding:10px}}@media (min-width:768px) and (max-width:991.98px){.wf-create{width:40%}.box1{padding:10px}}@media (min-width:576px) and (max-width:767.98px){.sec .sec-container{gap:5px;grid-template-columns:repeat(2,1fr)}.box1{padding:10px}}@media (max-width:575.98px){.vdm-header{align-items:center;display:flex;flex-direction:column;justify-content:center}.vdm-form{width:330px}.vdm-header .vdm-left{display:flex;justify-content:flex-start;margin-bottom:5px;width:100%}.sec .sec-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.vdm-body{height:74vh}.box1{padding:10px}}@media screen and (max-height:600px){.vdm-header{padding:5px 10px}.box1{padding:6px}.box1 p{font-size:10px}}.create-card-container{background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;box-shadow:var(--box-shadow);gap:10px;margin:auto;padding:5px;width:100%}.cc-header{align-items:center;border-bottom:1px solid var(--border)!important;display:flex;justify-content:space-between;padding:5px}.cc-header .cch-title{align-items:center;color:var(--sub-text)!important;display:flex;gap:5px;justify-content:flex-start}.cch-title .cch-icon{border-radius:8px;padding:5px}.cc-header p{align-items:center;color:var(--sub-text);display:flex;font-size:12px;font-weight:700;justify-content:center;margin:0}.cc-icon{color:var(--sub-text);cursor:pointer;font-size:18px}.cc-content{display:flex;flex-direction:column;justify-content:center;padding:5px}.cc-content .cc-left{align-items:center;gap:3px}.cc-content .cc-left,.cc-select-box{display:flex;flex-direction:column;justify-content:center;width:100%}.cc-select-box{align-items:first baseline;margin-bottom:5px;position:relative}.cc-select-box label,.cc-select-list label{color:var(--sub-text);font-size:10px;font-weight:400}.cc-dropdown,.cc-lists-dropdown{width:100%}.cc-dropdown .ccd-btn{align-items:center;background-color:var(--bg-section);border:1px solid var(--border);border-radius:4px;color:var(--sub-text);cursor:pointer;display:flex;font-size:10px;justify-content:space-between;padding:5px;width:100%}.ccd-btn:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.form-create-card{border-radius:6px;height:50vh;position:absolute;top:100%;width:100%;z-index:99}.form-create-card input{background-color:var(--bg-section);border:1px solid var(--border);border-radius:4px;color:var(--sub-text);font-size:11px;padding:5px;width:100%}.form-create-card input:focus,.form-create-card input:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.form-create-card input:focus{outline:none}.ccd-menu{background-color:var(--bg-section);border:1px solid var(--border);border-radius:4px;box-shadow:var(--box-shadow);color:var(--sub-text);height:30vh;list-style:none;margin-top:0;overflow-y:auto;padding:0 5px;position:absolute;width:100%}.ccd-item{border-radius:4px;cursor:pointer;font-size:12px;padding:5px}.ccd-item:hover{background-color:var(--bg-section-hover)}.cc-select-list{align-items:first baseline;color:var(--sub-text);display:flex;flex-direction:column;justify-content:center;width:100%}.cc-select-list .cc-lists-dropdown{position:relative}.cc-lists-dropdown .cc-lists-btn{align-items:center;background-color:var(--bg-section);border:1px solid var(--border);color:var(--sub-text);display:flex;font-size:10px;justify-content:space-between;padding:5px;width:100%}.cc-lists-btn:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.btn-form-create{margin-top:10px}.btn-form-create,.cc-content .cc-sub-btn{align-items:center;display:flex;justify-content:center;width:100%}.cc-content .cc-sub-btn{background:var(--primary);border:1px solid var(--bg-section);border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:400;padding:5px 7px}.cc-content .cc-sub-btn:hover{box-shadow:0 4px 8px #5e12eb46}.cc-sub-icon{margin-left:5px}.ccl-menu{background-color:#fff;height:30vh;list-style:none;margin-top:0;padding:0 5px;position:absolute;width:200px}.ccl-item{border-radius:4px;font-size:12px;padding:5px}.ccl-item:hover{background-color:#ede6fb;color:#5d12eb}.cc-search-input{border:1px solid #ccc;border-radius:8px;font-size:14px;margin-bottom:8px;outline:none;padding:8px 12px;transition:border-color .2s ease;width:100%}.cc-search-input:focus{border-color:#007bff}.form-list-dropdown{border-radius:6px;height:50vh;position:absolute;top:100%;width:100%;z-index:99}.form-list-dropdown input{background-color:var(--bg-section);border:1px solid var(--border);border-radius:4px;color:var(--sub-text);font-size:11px;padding:5px;width:100%}.form-list-dropdown input:focus,.form-list-dropdown input:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.form-list-dropdown input:focus{outline:none}.form-list-dropdown .ccl-menu{background-color:var(--bg-section);border:1px solid var(--border);border-radius:4px;box-shadow:var(--box-shadow);height:30vh;list-style:none;margin-top:0;overflow-y:auto;padding:5px;position:absolute;width:100%}.form-list-dropdown .ccl-item{background:var(--bg-section);border:1px solid var(--bg-section);border-radius:4px;color:var(--sub-text);font-size:12px;padding:5px}.form-list-dropdown .ccl-item:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}@media (min-width:768px) and (max-width:991.98px){.create-card-container{width:50vw}.cc-content,.cc-content .cc-left{align-items:center;display:flex;flex-direction:column;justify-content:center}.cc-content .cc-left{gap:10px;width:100%}.btn-form-create{margin-top:5px;width:100%}.form-create-card{width:100%}}@media (min-width:576px) and (max-width:767.98px){.create-card-container{width:60vw}.cc-content,.cc-content .cc-left{align-items:center;display:flex;flex-direction:column;justify-content:center}.cc-content .cc-left{gap:10px;width:100%}.btn-form-create{margin-top:5px;width:100%}.form-create-card{width:100%}}@media (min-width:375px) and (max-width:575px){.create-card-container{width:80vw}.cc-content,.cc-content .cc-left{align-items:center;display:flex;flex-direction:column;justify-content:center}.cc-content .cc-left{width:100%}.btn-form-create{margin-top:5px;width:100%}.form-create-card{width:100%}}.em-container{position:relative}.em-header{background:var(--table-header-bg);border-top-left-radius:8px;border-top-right-radius:8px;color:var(--table-header-text);font-size:12px;padding:10px 15px;position:-webkit-sticky;position:sticky}.em-header,.em-header .em-left{align-items:center;display:flex;justify-content:space-between}.em-header .em-left{flex-direction:column;width:100%}.em-left-title{align-items:center;display:flex;gap:10px;justify-content:flex-start;width:100%}.em-left h4{color:var(--icon1);font-size:13px;font-weight:700;margin:0 10px 0 0}.em-left p{color:var(--sub-text);margin:0;padding:0 0 0 20px;width:100%}.em-icon{border-radius:4px;cursor:pointer;font-size:20px}.em-icon:hover{color:#051937}.em-container form{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:flex-start;overflow-y:auto;padding:0;width:100%}form h4{font-size:12px;font-weight:700;margin:0}.form-edit{padding:5px 10px;width:100%}.form-edit .form-content{border:1px solid var(--card-bg);border-radius:8px;margin:10px;padding:5px}.form-content .h4{color:#333}.form-content .sec-content-edit{grid-gap:10px;align-items:center;border-radius:4px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);justify-content:center;padding:5px}.form-content .sec-content-edit-ref{align-items:center;border-radius:4px;display:flex;flex-direction:column;gap:5px;justify-content:left;padding:5px}.box-content label,.box-content-ref{color:var(--sub-text);font-size:10px!important;font-weight:400!important;margin-bottom:3px}.box-content input{border:1px solid #ddd;color:var(--text);width:90%}.box-content input:hover{background:linear-gradient(180deg,#6f30dc44,#1248eb50);box-shadow:0 4px 8px #6f30dc54}.box-content input:focus{border:1px solid #6f30dc47;box-shadow:0 4px 8px #6f30dc54}.box-content textarea{border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:12px;min-height:20vh;padding:5px;width:64vw!important}.box-content textarea:focus,.box-content textarea:hover{box-shadow:0 4px 8px #6f30dc54}.box-content textarea:focus{border:1px solid #6f30dc47;outline:none}.sec-content .box-content{width:100%}.sec-content-edit-ref .box-content-ref{border-radius:4px;display:flex;flex-direction:column;justify-content:flex-start;padding:2px;width:100%!important}.box-content-ref label{color:var(--sub-text);font-size:10px!important;font-weight:400!important;margin-bottom:3px}.sec-content-edit-ref textarea{background-color:var(--bg-section-hover);border:1px solid var(--border);border-radius:8px;color:var(--sub-text);cursor:pointer;font-size:12px;min-height:15vh;padding:5px}.sec-content-edit-ref textarea:hover{box-shadow:var(--box-shadow)}.sec-content-edit-ref textarea:focus{border:1px solid var(--bg-section-hover);box-shadow:var(--box-shadow);outline:none}.box label{color:grey;font-size:10px;margin:0}.box input{font-size:12px}.box input:hover{background:linear-gradient(180deg,#6f30dc44,#1248eb50);border:1px solid #5d12eb}.box input:focus{border:1px solid #6f30dc47;box-shadow:0 4px 8px #6f30dc54;outline:none}.button-update button{align-items:center;border:1px solid #5d12eb;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:7px 20px;width:100%}.box-content .dropdown-selected{border:1px solid #ddd;border-radius:8px;font-size:12px;padding:5px;position:relative;width:95%}.box-content .dropdown-options{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #6b11cb40;height:10vh;min-width:15vw;padding:5px;position:absolute;top:25%;z-index:100}.dropdown-options li{border-radius:8px;font-size:12px}.dropdown-custom-container{position:relative}.dropdown-custom-container .dropdown-trigger{align-items:center;background:var(--bg-section-hover);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:5px}.dropdown-trigger:hover{background:var(--bg-section-hover);box-shadow:var(--box-shadow)}.dropdown-trigger:focus{border:1px solid var(--border);box-shadow:var(--box-shadow);outline:none}.dropdown-trigger span{color:var(--text);font-size:12px}.menu-custom-dropdown{align-items:center;background-color:var(--bg-section);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:5px;height:20vh;justify-content:flex-start;padding:5px;position:absolute;width:100%;z-index:100}.menu-custom-dropdown .menu-search{width:100%}.menu-search .input-menu-ul{background:var(--bg-section);border:1px solid var(--border);border-radius:8px;font-size:10px;padding:5px}.input-menu-ul:focus,.input-menu-ul:hover{background:var(--bg-section-hover)}.menu-ul{height:15vh;overflow-y:auto;width:100%}.li-option{border-radius:8px;color:var(--sub-text);cursor:pointer;font-size:10px;padding:4px 8px}.li-option:hover{background:var(--bg-section-hover)}.btn-new-add{align-items:center;bottom:0;display:flex;gap:5px;justify-content:center;position:-webkit-sticky;position:sticky;width:100%;z-index:100}.btn-new-add .input-new{background:var(--bg-section);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:10px;padding:5px;width:100%}.input-new:focus,.input-new:hover{background:var(--bg-section-hover)}.btn-new-add button{background-color:var(--primary);border:1px solid var(--bg-section);border-radius:6px;color:var(--text-white);cursor:pointer;font-size:10px;padding:8px}.btn-new-add button:hover{box-shadow:var(--box-shadow)}.no-data{align-items:center;display:flex;height:100%;justify-content:center}.no-data p{color:var(--red-bg)!important;font-size:12px;font-weight:700;margin:0;padding:0}.my-editor-edit .ql-container.ql-snow{border:1px solid var(--border)}.my-editor-edit .ql-toolbar.ql-snow{background-color:var(--bg-section-hover);border:1px solid var(--border);border-top-left-radius:8px;border-top-right-radius:8px;color:var(--text)}.form-content .sec-content-detail{border-radius:none}.my-editor-edit .ql-container{background:var(--bg-section-hover)}.my-editor-edit .ql-editor{font-size:14px;line-height:1.7;padding:14px 16px}.my-editor-edit .ql-editor,.my-editor-edit .ql-editor *{background:#0000!important;color:var(--text)!important}.my-editor-edit .ql-editor a{background-color:#bdbef8!important;color:var(--primary)!important;text-decoration:underline}.my-editor-edit .ql-editor blockquote{border-left:3px solid var(--primary);color:var(--sub-text)!important;padding-left:12px}.my-editor-edit.ql-editor pre{background:#ffffff0a!important;border-radius:6px;color:var(--text)!important}.my-editor-edit .ql-editor li{color:var(--text)!important}.btn-submit-edit{align-items:center;display:flex;justify-content:center;width:100%}.btn-submit-edit button{background:var(--primary);border-radius:6px;color:var(--text-white);cursor:pointer;font-size:13px;padding:5px 15px}.btn-submit-edit button:hover{box-shadow:var(--box-shadow)}@media (min-width:375px) and (max-width:575px){.sec-content .emd-box{width:90%}.emd-box .dropdown-selected{width:100%}}@media screen and (max-height:600px){.em-header{padding:5px 10px}.box input{font-size:10px!important;padding:8px!important}.em-container form{height:80vh;padding:5px 10px}}.fdm-container{width:100%}.fdm-header{align-items:center;background:var(--card-bg);border-bottom:1px solid var(--border);border-top-left-radius:8px;border-top-right-radius:8px;color:var(--text);display:flex;justify-content:space-between;padding:8px 10px}.fdm-header .header-form-left{align-items:center;color:var(--sub-text);display:flex;gap:10px;justify-content:flex-start}.header-form-left .header-icon{background:var(--bg-icon2);border-radius:8px;padding:5px}.header-form-left h4{align-items:center;color:var(--sub-text);display:flex;font-size:12px;font-weight:700;gap:5px;justify-content:flex-start;margin:0;padding:0}.fdm-icon{cursor:pointer;font-size:20px}.fdm-container form{align-items:center;background-color:var(--card-bg);display:flex;flex-direction:column;height:83vh;justify-content:flex-start;overflow-x:auto;padding-top:0;width:100%}.form-new{padding:5px;width:100%}.form-new .form-content{background:var(--card-bg);border-radius:8px;margin:15px 0;padding:15px;width:100%}.form-content .h4,.form-content h4{border-bottom:1px solid var(--card-border);color:var(--sub-text);font-size:13px;font-weight:700;margin-bottom:5px}.form-content .sec-content{grid-gap:5px;align-items:center;border:1px solid var(--card-bg);border-radius:4px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);justify-content:center;padding:0!important}.form-content .sec-content-ref{grid-gap:5px;border:1px solid var(--card-bg);display:grid;grid-template-columns:repeat(2,1fr)}.form-content .sec-content-detail{gap:5px;width:100%}.form-content .sec-content-ref{align-items:center;border-radius:4px;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:0!important}.sec-content-ref .box-content{border-radius:4px;display:flex;justify-content:flex-start;padding:2px;width:100%}.sec-content .box-content{width:95%}.sec-content .box-content,.sec-content-detail .box-content{border-radius:4px;display:flex;flex-direction:column;justify-content:flex-start;padding:2px}.sec-content-detail .box-content{margin:10px 0;width:100%}.box-content label{color:var(--sub-text);font-size:12px;font-weight:700;margin-bottom:3px}.box-content .label-span{color:var(--red-bg);font-size:10px}.box-content input{background:var(--bg-section-hover);border:1px solid var(--border);border-radius:8px;color:var(--sub-text);cursor:pointer;font-size:12px;padding:5px;width:100%}.box-content input:hover{background:var(--bg-section-hover);box-shadow:var(--box-shadow)}.box-content input:focus{border:1px solid var(--border);box-shadow:var(--box-shadow);outline:none}.box-content .textarea,.sec-content-detail .textarea{background:var(--bg-section-hover);border:1px solid var(--border);border-radius:8px;color:var(--sub-text);cursor:pointer;font-size:12px;min-height:10vh;padding:5px;width:53vw!important}.box-content .textarea:hover{background:var(--bg-section-hover);box-shadow:var(--box-shadow)}.box-content .textarea:focus{border:1px solid var(--border);box-shadow:var(--box-shadow);outline:none}.form-submit{background:linear-gradient(90deg,#7246eb,#532189);border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:7px 30px}.sec-link-content{grid-gap:10;border-radius:4px;display:grid;gap:10;padding:5px}.sec-link-content .box{width:100%}.box textarea{font-size:12px;width:98%}.fdm-container .section-main{margin-bottom:15px;width:100%}.fdm-container .section-desc,.fdm-container .section-reference{margin-bottom:10px;width:100%}.sec-content{border:1px solid #eee;border-radius:4px;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);padding:5px;width:100%}.sec-content .box{width:100%}.section-reference .sec-link-content{align-items:center;border:1px solid #eee;border-radius:4px;display:flex;flex-direction:column;justify-content:center;width:100%}.sec-link-content .box,.sec-link-content .box-date{border-radius:4px;display:flex;flex-direction:column;gap:10;justify-content:flex-start;padding:5px}.sec-link-content .box-date{margin-top:10px}.box textarea{border:1px solid #ddd;border-radius:4px;padding:5px;width:100%}.box textarea:hover{background-color:#fff;border:1px solid #5d12eb}.box textarea:focus{border:1px solid #6f30dc47;box-shadow:0 4px 8px #6f30dc54;outline:none}.box label,.box-date label{color:grey;font-size:10px;margin:0}.box-date input{border:1px solid #ddd;color:#333;font-size:12px;padding:2px;width:90%}.box input,.box-date input{border-radius:4px;margin-right:5px;margin-top:3px}.box input{padding:5px}.box input:hover,.box-date input:hover{background-color:#fff;border:1px solid #5d12eb}.box input:focus,.box-date input:focus{border:1px solid #6f30dc47;box-shadow:0 4px 8px #6f30dc54;outline:none}.button-update{align-items:center;display:flex;justify-content:end;margin:5px 0}.button-update button{background:linear-gradient(180deg,#6e30dc,#5d12eb);color:#fff;font-size:15px;font-weight:700}.button-update button:hover{background:linear-gradient(180deg,#5d12eb,#6e30dc);box-shadow:0 4px 8px #6f30dc7c}.my-editor-form .ql-editor,.my-editor-form .ql-editor *{color:var(--text)!important}.my-editor-form .ql-editor.ql-blank:before{color:#9ca3af}.my-editor-form .ql-container.ql-snow{border:1px solid var(--border);border-bottom-left-radius:8px;border-bottom-right-radius:8px;color:var(--text)!important;height:20vh}.my-editor-form .ql-toolbar.ql-snow{background-color:var(--bg-section-hover);border:1px solid var(--border);border-top-left-radius:8px;border-top-right-radius:8px;color:var(--text)}.btn-form-box button{background:var(--primary);border:1px solid var(--primary);border-radius:8px;color:var(--text-white);cursor:pointer;font-size:12px;font-weight:700;padding:5px 10px;width:100%}.btn-form-box button:hover{box-shadow:var(--box-shadow)}@media (min-width:768px) and (max-width:991.98px){.sec-content{gap:0;width:100%}}@media (min-width:576px) and (max-width:767.98px){.sec-content{gap:0;grid-template-columns:repeat(2,1fr);width:100%}}@media (min-width:375px) and (max-width:575px){.fdm-container .section-main,.fdm-container form{width:100%}.sec-content{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding:0;width:100%}.box input{padding:8px;width:100%}}@media screen and (max-height:600px){.fdm-header{padding:5px 10px}.fmdh-left .header-icon{background:linear-gradient(90deg,#7246eb,#532189);color:#fff;font-size:12px}.section-desc h4,.section-main h4,.section-reference h4{font-size:10px;font-weight:700}.sec-content{border-radius:4px;width:100%}.box label,.box-date label{font-size:8px!important}.button-update button{font-size:12px;padding:5px 20px!important}}.counter-card,.counter-card-musik{background-color:var(--bg-section);border:1px solid var(--border);border-radius:16px;box-shadow:var(--box-shadow);color:var(--sub-text);height:-webkit-fit-content;height:fit-content;margin:40px auto;padding:10px;width:40%}.counter-card .counter-header,.counter-card-musik .counter-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:10px}.counter-header .title{align-items:center;color:var(--sub-text);display:flex;gap:5px;justify-content:flex-start}.title h2{font-size:14px;font-weight:400;margin:0;padding:0;text-align:center}.counter-icon{background:var(--bg-icon2);border-radius:4px;color:var(--text-white);font-size:18px;padding:3px}.counter-header .counter-close-icon{cursor:pointer}.counter-close-icon:hover{color:var(--primary)}.counter-info{background:var(--bg-section-hover);border-radius:8px;margin-bottom:20px;padding:12px}.counter-info p{color:var(--sub-text);font-size:12px;margin:4px 0}.counter-info strong{color:var(--text)}.counter-info .last-info{background:#f7dddf;border-radius:4px;color:#f87171;font-size:10px;padding:5px 10px}.updated{color:#ddd;font-size:.9rem}.counter-form{gap:12px;padding:2px 10px}.counter-form,.form-counter-group{display:flex;flex-direction:column}label{font-weight:600;margin-bottom:4px}.form-counter-group input,label{color:var(--text);font-size:12px}.form-counter-group input{background-color:var(--bg-section-hover);border:none;border:1px solid var(--bg-section-hover);border-radius:8px;outline:none;padding:5px 10px}.form-counter-group input:focus,.form-counter-group input:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover);color:var(--sub-text)}.counter-form .update-btn{background:var(--bg-icon2);border:none;border-radius:10px;color:var(--text-white);cursor:pointer;font-size:13px;font-weight:700;padding:8px 10px;transition:background .2s ease;width:100%}.counter-form .update-btn:hover{box-shadow:var(--box-shadow-purple)}.update-btn:disabled{cursor:not-allowed;opacity:.7}@media (min-width:1401px) and (max-width:2000px){.counter-card{width:25%}}@media (min-width:1200px) and (max-width:1400px){.counter-card{width:35%}}@media (min-width:992px) and (max-width:1199.98px){.counter-card{width:40%}}@media (min-width:767px) and (max-width:991.98px){.counter-card{width:45%}}@media (min-width:576px) and (max-width:767.98px){.counter-card{width:55%}}@media (max-width:575.98px){.counter-card{width:85%}}@media screen and (max-height:600px){.counter-card{width:55%}}.ss-wrapper{position:relative;width:40%}.ss-input{align-items:center;background:var(--bg-section);border:1px solid var(--border);border-radius:6px;display:flex;gap:8px;padding:3px 5px}.ss-input:hover{box-shadow:var(--box-shadow)}.ss-input svg{color:var(--text)}.ss-input input{background:var(--bg-section);border:none;color:var(--sub-text);font-size:10px;outline:none;width:100%}.ss-dropdown{background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 30px #0000001f;padding:8px;position:absolute;top:110%;width:100%;z-index:20}.ss-group{margin-bottom:6px}.ss-title{align-items:center;border-bottom:1px solid var(--border);color:var(--text);display:flex;font-size:12px;gap:6px;margin:6px 4px}.ss-item{border-radius:8px;color:var(--sub-text);cursor:pointer;font-size:14px;padding:8px 10px}.ss-item:hover{background-color:var(--bg-section-hover)}.ss-item mark{background:var(--primary);font-weight:600}.ss-item.mono{font-family:monospace;letter-spacing:.5px}.ss-empty{color:#9ca3af;font-size:13px;padding:12px;text-align:center}.md-container{background-color:var(--bg);height:100%;min-width:80vw;position:relative;width:100%}.md-header{align-items:center;background-color:var(--bg);border-radius:8px;padding:10px}.md-header,.mdh-left{display:flex;flex-direction:column;justify-content:space-between;width:100%}.mdh-left{gap:5px}.mdh-title{align-items:center;display:flex;justify-content:flex-start}.mdh-left p{color:var(--sub-text);font-size:10px;gap:5px;margin:0}.mdh-title .mdh-icon{background:linear-gradient(90deg,#7246eb,#532189);border:1px solid #fff;border-radius:8px;color:#fff;padding:5px}.dm-mini{font-size:20px}.mdh-title h3{color:var(--text);font-size:18px;font-weight:700;margin:0;padding:0;width:100%}.mdh-right{border-bottom:1px solid var(--border);gap:5px;justify-content:space-between;margin:20px 0 0;padding-bottom:5px;width:100%}.mdh-right,.mdhr-btn{align-items:center;display:flex;position:relative}.mdhr-btn{justify-content:flex-start;width:30%}.mdh-header-icon{color:#333}.mdh-header-icon,.mdh-icon{font-weight:700;margin-right:5px}.mdh-icon{background-color:none;color:#fff}.mdhr-btn button{align-items:center;background-color:var(--bg);border:1px solid var(--bg);border-radius:4px;color:var(--text);cursor:pointer;display:flex;font-size:12px;font-weight:400;gap:3px;justify-content:center;padding:4px 8px}.mdhr-btn button:hover{background-color:var(--bg-section);box-shadow:var(--box-shadow);color:var(--text-primary2)}.mdh-search-container{align-items:center;display:flex;gap:5px;justify-content:flex-end;position:relative;width:70%}.mdh-search{align-items:center;border:1px solid #ddd;border-radius:12px;display:flex;justify-content:flex-start;padding:1px 1px 1px 3px;width:40%}.export-btn{width:30%}.btn-export{background-color:#127812;border:1px solid #fff;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;height:-webkit-fit-content;height:fit-content;padding:5px 10px;width:100%}.mdh-search:hover{border:1px solid #6e30dc}.mdh-search input{background-color:#fff;border:1px;border-radius:12px;color:#6e30dc;font-size:12px;padding:4px;width:100%}.mdh-search input:focus{outline:none}.mdh-search-icon{background-color:#fff;border-radius:12px;font-size:25px;padding:4px}.mdh-search-container .new-data-btn{align-items:center;background:var(--primary);border-radius:6px;color:var(--text-white);cursor:pointer;display:flex;font-size:12px;gap:3px;justify-content:center;margin-left:5px;padding:4px 10px}.mdh-search-container .new-data-btn:hover{background:var(--primary);box-shadow:var(--box-shadow-purple);color:var(--text-white)}.mdh-search-container .data-master-btn,.mdh-search-container .reset-btn-btn{align-items:center;background-color:var(--bg);border:1px solid var(--bg);border-radius:6px;color:var(--text);cursor:pointer;display:flex;font-size:12px;gap:3px;justify-content:center;padding:4px 10px}.data-master-btn:hover,.reset-btn-btn:hover{background-color:var(--bg-section);box-shadow:var(--box-shadow);color:var(--text-primary2)}.new-data{font-family:Arial,sans-serif;height:70%;padding:0 10px 10px}.data-accept-design,.new-data{position:relative!important;width:100%}.data-accept-design{background-color:var(--bg-section);border-radius:8px;height:100%;overflow-y:auto}.data-accept-design table{position:relative;width:100%}.data-accept-design thead{background-color:var(--primary);color:var(--text-white);font-size:10px;font-weight:700;padding:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.data-accept-design th{font-size:10px;padding:10px;text-align:left}.data-accept-design td{border-bottom:1px solid var(--border);font-size:12px;padding:5px;text-align:left}.data-accept-design th{color:var(--text-white);font-weight:700}.data-accept-design tr:nth-child(2n) td,.data-accept-design tr:nth-child(odd) td{background-color:var(--bg-section);color:var(--sub-text)}.data-accept-design tr:hover td{background-color:var(--bg-section-hover);cursor:pointer}.th{align-items:center;display:flex;justify-content:center;text-align:center}.data-accept-design tbody tr:hover{background-color:#f5f5f5}.project-number-container:hover{color:#5320be!important;text-decoration:underline}.label-card{align-items:center;background-color:var(--label-card-bg);border-radius:12px;color:var(--label-card-text);display:inline-flex;font-size:10px;font-weight:600;gap:4px;margin-left:5px;padding:3px 6px}.check-btn{background:#0000;border:none;cursor:pointer;font-size:16px;padding:4px}.check-btn.unsuccess{display:none}.check-btn.disabled,.check-btn.success{color:var(--check-success)}.check-btn.disabled{cursor:not-allowed}.status-badge{align-items:center;border:1px solid;border-radius:12px;display:inline-flex;font-size:10px!important;justify-content:center;width:-webkit-fit-content;width:fit-content}.status-confirmed{background-color:var(--status-confirmed-bg);border-color:var(--status-confirmed-border);color:var(--status-confirmed-text)}.status-accepted{background-color:var(--status-accepted-bg);border-color:var(--status-accepted-border);color:var(--status-accepted-text)}.status-progress{background-color:var(--status-progress-bg);border-color:var(--status-progress-border);color:var(--status-progress-text)}.status-rejected{background-color:var(--status-rejected-bg);border-color:var(--status-rejected-border);color:var(--status-rejected-text)}.status-unknown{background-color:var(--status-unknown-bg);border-color:var(--status-unknown-border);color:var(--status-unknown-text)}.account-container,.code-order-container,.deadline-container,.jumlah-container,.jumlah-revisi-container,.offer-type-container,.order-number-container,.order-type-container{max-width:10vw;min-width:10vw;width:100%}.number-container{cursor:pointer;max-width:5vw;min-width:5vw;width:100%}.number-container .number-box{align-items:center;display:flex;gap:8px;justify-content:center}.icon-position button{background-color:var(--bg);border:1px solid var(--bg);color:var(--text);cursor:pointer}.icon-position button:hover{background-color:var(--bg-section);border:1px solid var(--bg-section);color:var(--sub-text)}.input-container-box:hover{text-decoration:underline}.acc-container,.action-container,.buyer-name-container,.input-container,.resolution-container,.status-container{max-width:13vw;min-width:13vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.discount_percentage-container,.price-discount-container,.price-normal-container{max-width:8vw;min-width:8vw;width:100%}.input-container-box,.project-type-container,.style-container{max-width:15vw;min-width:15vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.action-table .btn-action-icon{background:var(--primary)!important;border:1px solid var(--bg-section)!important;border-radius:4px;color:#fff;cursor:pointer;font-weight:700}.action-table .btn-action-icona:hover{box-shadow:var(--box-shadow-purple);color:#fff!important}.detail-data-design{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center!important;left:0;padding:0;position:fixed;top:0;width:100vw;z-index:1000}.detail-data-design .detail-cont{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;height:90%;width:65%!important}.edit-data-design{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:0;position:fixed;top:0;width:100%;z-index:1000}.edit-data-design .edit-cont{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;height:90%;width:65%}.reset-form{background-color:initial}.md-form,.reset-form{display:flex;height:100%;justify-content:end;padding:0;position:absolute;right:0;top:0;width:100%;z-index:100}.md-form{background-color:rgba(0,0,0,.206)}.md-content{background-color:var(--bg);border:1px solid var(--border);border-radius:8px;height:90vh;position:relative;width:60%}.sd-cont{background-color:var(--bg-section);border:1px solid var(--border);border-radius:4px;flex-direction:column;justify-content:flex-start;left:0;position:absolute;top:100%;width:-webkit-fit-content;width:fit-content;z-index:100}.sd-cont,.sd-cont .sd-header{align-items:center;display:flex;padding:5px}.sd-cont .sd-header{background:var(--bg-section);border-bottom:1px solid var(--border);color:var(--sub-text);justify-content:space-between;width:100%}.sd-header h5{align-items:center;color:var(--sub-text);display:flex;font-size:10px;font-weight:400;gap:5px;justify-content:flex-start}.h5-icon{font-size:13px}.sd-cont .sd-box{align-items:center;flex-direction:column;justify-content:flex-start!important;padding:5px}.sd-box button,.sd-cont .sd-box{background-color:var(--bg-section);display:flex}.sd-box button{border:1px solid var(--bg-section);border-radius:6px;color:var(--sub-text);cursor:pointer;font-size:10px;justify-content:flex-start;padding-left:10px;width:100%}.sd-box button:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.sd-box h5{color:#333;font-size:12px;font-weight:700;margin-bottom:5px;width:100%}.ft-cont{background-color:var(--bg-section);border:1px solid var(--border);border-radius:6px;box-shadow:var(--box-shadow);gap:5px;left:0;padding:5px 10px;position:absolute;top:100%;width:25vw;z-index:100}.ft-cont .ftc-header{border-bottom:1px solid var(--border);margin-bottom:5px}.ft-cont h5{color:var(--sub-text);font-size:10px}.ftc-box .ft-btn{align-items:center;background-color:var(--primary);border:1px solid var(--bg-section);border-radius:4px;cursor:pointer;display:flex;font-size:10px;gap:5px;justify-content:flex-start;padding:4px 5px;width:100%}.ft-icon,.ftc-box .ft-btn{color:var(--text-white)}.ul-ftc-box{border:1px solid var(--border);border-radius:6px;box-shadow:var(--box-shadow);gap:5px;padding:5px 10px;position:absolute;right:0;top:100%;width:100%;z-index:100}.ul-ftc-box,.ul-ftc-box .li-ftc{background-color:var(--bg-section)}.ul-ftc-box .li-ftc{border-radius:4px;color:var(--sub-text);cursor:pointer;font-size:10px;padding:5px}.ul-ftc-box .li-ftc:hover{background-color:var(--bg-section-hover)}.ftc-input-box input{background-color:var(--bg-section);border:1px solid var(--border);border-radius:6px;color:var(--sub-text);font-size:10px;padding:5px}.ftc-input-box input:focus,.ftc-input-box input:hover{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.ftc-input-box input:focus{outline:none}.pagination{display:flex;gap:20px;justify-content:center;margin-top:10px}.pagination button{background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:10px;padding:3px 10px}.pagination button:disabled{cursor:not-allowed;opacity:.4}.pagination span{align-items:center;color:var(--text);display:flex;font-size:10px;gap:4px;justify-content:center}@media (min-width:1401px) and (max-width:2000px){.number-container{max-width:3vw;min-width:3vw;padding:0;width:100%}.number-container .number-box{gap:3px}.acc-container,.account-container,.buyer-name-container,.code-order-container,.deadline-container,.project-box-container,.project-number-container,.status-container,.style-container{max-width:9vw;min-width:9vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.input-container-box{max-width:11vw;min-width:11vw}.input-container-box,.resolution-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.resolution-container{max-width:13vw;min-width:13vw}.discount_percentage-container,.jumlah-container,.jumlah-revisi-container,.order-number-container,.price-discount-container,.price-normal-container{max-width:7vw;min-width:7vw;width:100%}.action-container,.project-type-container{max-width:15vw;min-width:15vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}}@media (min-width:1200px) and (max-width:1400px){.number-container{max-width:4vw;min-width:4vw;padding:0;width:100%}.number-container .number-box{gap:5px}.acc-container,.account-container,.buyer-name-container,.code-order-container,.deadline-container,.project-box-container,.project-number-container,.status-container{max-width:11vw;min-width:11vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.input-container-box{max-width:14vw;min-width:14vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.offer-type-container,.order-type-container,.resolution-container,.style-container{max-width:13vw;min-width:13vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.discount_percentage-container,.jumlah-container,.jumlah-revisi-container,.order-number-container,.price-discount-container,.price-normal-container{max-width:6vw;min-width:6vw;width:100%}.action-container,.project-type-container{max-width:15vw;min-width:15vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}}@media (min-width:992px) and (max-width:1199.98px){.ft-cont{top:6%;width:35vw}.number-container{max-width:5vw;min-width:5vw;padding:0;width:100%}.number-container .number-box{gap:7px}.acc-container,.account-container,.buyer-name-container,.code-order-container,.deadline-container,.project-box-container,.project-number-container,.status-container{max-width:13vw;min-width:13vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.input-container-box,.resolution-container,.style-container{max-width:17vw;min-width:17vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.offer-type-container,.order-type-container{max-width:16vw;min-width:16vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.discount_percentage-container,.jumlah-container,.jumlah-revisi-container,.order-number-container,.price-discount-container,.price-normal-container{max-width:6vw;min-width:6vw;width:100%}.action-container,.project-type-container{max-width:17vw;min-width:17vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.md-content{width:70%}.detail-data-design .detail-cont{width:65vw}.edit-data-design .edit-cont{width:70vw}}@media (min-width:767px) and (max-width:991.98px){.new-data{height:80%}.mdh-search{width:100%}.mdh-search input{font-size:10px;padding:3px}.data-master-btn span,.reset-btn span{display:none}.number-container{max-width:6vw;min-width:6vw;padding:0;width:100%}.number-container .number-box{gap:5px}.acc-container,.account-container,.buyer-name-container,.code-order-container,.deadline-container,.project-box-container,.project-number-container,.status-container{max-width:16vw;min-width:16vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.input-container-box{max-width:20vw;min-width:20vw}.input-container-box,.resolution-container,.style-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.resolution-container,.style-container{max-width:21vw;min-width:21vw}.offer-type-container,.order-type-container{max-width:19vw;min-width:19vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.discount_percentage-container,.jumlah-container,.jumlah-revisi-container,.order-number-container,.price-discount-container,.price-normal-container{max-width:8vw;min-width:8vw;width:100%}.action-container,.project-type-container{max-width:20vw;min-width:20vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.data-accept-design{height:100%}.ft-cont{top:8%;width:40vw}.sd-cont{padding:2px;top:7%}.md-content{width:90%}.detail-data-design .detail-cont,.edit-data-design .edit-cont{width:80vw}}@media (min-width:576px) and (max-width:767.98px){.mdh-des p{display:none}.mdhr-btn{position:relative}.mdhr-btn button{font-size:9px;padding:6px}.master-icon,.reset-icon{font-size:12px}.mdh-search{width:100%}.mdh-search input{font-size:10px;padding:3px}.data-master-btn span,.reset-btn span{display:none}.number-container{max-width:8vw;min-width:8vw;padding:0;width:100%}.number-container .number-box{gap:5px}.acc-container,.account-container,.buyer-name-container,.code-order-container,.deadline-container,.project-box-container,.project-number-container,.status-container{max-width:21vw;min-width:21vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.input-container-box{max-width:28vw;min-width:28vw}.input-container-box,.resolution-container,.style-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.resolution-container,.style-container{max-width:24vw;min-width:24vw}.offer-type-container,.order-type-container{max-width:22vw;min-width:22vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.discount_percentage-container,.jumlah-container,.jumlah-revisi-container,.order-number-container,.price-discount-container,.price-normal-container{max-width:11vw;min-width:11vw;width:100%}.action-container{max-width:30vw;min-width:30vw}.action-container,.project-type-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.project-type-container{max-width:23vw;min-width:23vw}.new-data{height:87%}.data-accept-design{height:100%}.ft-cont{top:8%;width:55vw}.sd-cont{border:1px solid blue;left:10%;padding:2px;right:0;top:10%}.md-content{width:100%}.detail-data-design .detail-cont,.edit-data-design .edit-cont{width:90vw}}@media (max-width:575.98px){.md-header{align-items:center;display:flex;flex-direction:column;justify-content:center}.mdh-left{width:100%}.mdh-des{display:none}.mdh-right{flex-direction:column}.mdh-right,.mdhr-btn{align-items:center;display:flex;justify-content:center;width:100%}.mdhr-btn{margin-top:5px}.mdhr-btn button{font-size:12px;margin-left:0;padding:5px 7px}.mdh-search-container{justify-content:center;width:100%}.mdh-search,.mdh-search input{width:100%}.data-master-btn span,.reset-btn span{display:none}.new-data{height:82%}.number-container{max-width:11vw;min-width:11vw;padding:0;width:100%}.number-container .number-box{gap:5px}.acc-container,.account-container,.buyer-name-container,.code-order-container,.deadline-container,.project-box-container,.project-number-container,.status-container{max-width:29vw;min-width:29vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.input-container-box{max-width:40vw;min-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.offer-type-container,.order-type-container,.resolution-container,.style-container{max-width:35vw;min-width:35vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.discount_percentage-container,.jumlah-container,.jumlah-revisi-container,.order-number-container,.price-discount-container,.price-normal-container{max-width:14vw;min-width:14vw;width:100%}.action-container{max-width:40vw;min-width:40vw}.action-container,.project-type-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.project-type-container{max-width:26vw;min-width:26vw}.ft-cont{right:5%;top:11%;width:90%}.sd-cont{padding:2px;right:15%;top:7%}.md-content{width:100%}.detail-data-design .detail-cont{width:98%}.edit-data-design .edit-cont{width:95vw}}@media screen and (max-height:600px){.md-header{padding:5px 10px}.dm-mini,.mdh-icon h3{font-size:12px}.mdh-des p{font-size:8px}.mdh-right{gap:2px;width:100%}.mdhr-btn button{font-size:9px;margin-left:0;padding:5px 15px}.mdh-search input{padding:3px;width:100%}.export-btn{font-size:11px;font-weight:700}.md-content{width:70%}.data-accept-design td,.data-accept-design th{font-size:10px}.detail-data-design,.edit-data-design{height:90%;margin-top:5%}.detail-data-design .detail-cont,.edit-data-design .edit-cont{margin-top:0}}.view-md-container{position:relative}.vmd-header{align-items:center;background:var(--table-header-bg);border-top-left-radius:8px;border-top-right-radius:8px;color:var(--primary);display:flex;font-size:12px;gap:5px;justify-content:space-between;padding:10px 15px 5px;position:-webkit-sticky;position:sticky}.vmd-left h4{color:var(--text);font-size:14px;font-weight:700;margin:0}.vmd-left p{color:var(--sub-text);font-size:12px;font-weight:700;margin:0;padding:0}.vmd-icon{color:var(--icon1);cursor:pointer;font-size:20px}.vmd-right{align-items:center;display:flex;gap:5px;justify-content:flex-end}.vmd-action{gap:3px;margin-right:10px}.vmd-action,.vmd-action button{align-items:center;display:flex;justify-content:center}.vmd-action button{background-color:var(--table-header-bg);border:1px solid var(--table-header-bg);color:var(--text);font-size:12px;gap:5px}.vmd-action button:hover{background-color:var(--primary);border:1px solid var(--border);box-shadow:var(--box-shadow);color:var(--text-white)!important}.vmd-action p{align-items:center;color:var(--icon1);display:flex;font-size:12px;gap:5px;justify-content:center}.vmd-action p:hover{color:var(--text-white)!important}.create-icon{color:var(--icon1);cursor:not-allowed;font-size:15px}.create-icon:hover{color:var(--text-white)}.not-created-icon{cursor:pointer;font-size:15px}.view-md-container .vmd-body{height:80vh;max-height:90vh;min-height:50vh;overflow-y:auto;padding:10px}.vmd-body h4,.vmd-body p{color:var(--sub-text);font-size:12px;margin:0}.vmd-body .sec-detail-design,.vmd-body .sec-detail-pesanan,.vmd-body .sec-detail-project,.vmd-body .sec-informasi,.vmd-body .sec-price,.vmd-body .sec-reference{border:1px solid var(--card-bg);border-radius:8px;margin:10px;padding:15px}.sec-detail-design h4,.sec-detail-pesanan h4,.sec-detail-project h4,.sec-informasi h4,.sec-price h4,.sec-reference h4{font-weight:700}.sec-detail-design,.sec-detail-project,.sec-informasi .sec-detail-pesanan,.sec-price,.sec-reference{color:#333;margin:10px 0}.vmd-detail{border-top:1px solid var(--border);padding:5px 5px 5px 0}.vmd-detail .box-content-detail{align-items:stretch;display:flex;justify-content:center;width:100%}.my-detail-editor .ql-container{background:var(--bg-section-hover);border:1px solid var(--bg-section-hover);border-radius:10px;width:60vw!important}.my-detail-editor .ql-editor{font-size:14px;line-height:1.7;padding:14px 16px}.my-detail-editor .ql-editor,.my-detail-editor .ql-editor *{background:#0000!important;color:var(--text)!important}.my-detail-editor .ql-editor a{background-color:#bdbef8!important;color:var(--primary)!important;text-decoration:underline}.my-detail-editor .ql-editor blockquote{border-left:3px solid var(--primary);color:var(--sub-text)!important;padding-left:12px}.my-detail-editor .ql-editor pre{background:#ffffff0a!important;border-radius:6px;color:var(--text)!important}.my-detail-editor .ql-editor li{color:var(--text)!important}.vmd-content{align-items:center;border-top:1px solid var(--border);display:flex;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));height:100%;margin-bottom:10px;padding:5px}.vmd-content .box-content{margin:5px 0;width:100%}.vmd-ref-content{align-items:center;border-top:1px solid var(--border);display:flex;display:grid;grid-template-columns:repeat(1,1fr);padding:5px}.vmd-ref-content .box-content{margin:5px 0;width:100%}.box-content .box-ref{word-wrap:break-word;background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover);border-radius:6px;color:var(--sub-text);font-size:12px;margin-top:3px;overflow-wrap:break-word;padding:5px;white-space:normal;width:100%;word-break:break-word}.box a,.box-ref a{background-color:#c9cdfc;border-radius:4px;color:#583ec4;cursor:pointer;font-weight:500;padding:3px 5px;text-decoration:underline}.box-ref a:hover,.box1 a:hover{background-color:#e1e4fe}.box-content .box-detail{word-wrap:break-word;border-radius:4px;line-height:1.5;margin-top:3px;max-width:100%;overflow-wrap:break-word;padding:5px 2px;white-space:normal}.box-content{display:flex;flex-direction:column;justify-content:left;margin:0 4px;width:100%}.box-content p{color:var(--sub-text);font-size:10px}.box-content .box-box{background-color:var(--bg-section-hover);border:1px solid var(--bg-section-hover);border-radius:6px;cursor:pointer;margin-top:3px;padding:5px;width:170px}.box-box:hover,.box-ref:hover{box-shadow:var(--box-shadow)}.box-box p,.box-ref p{color:var(--sub-text);font-size:12px}.box-ref p{word-wrap:break-word;max-width:100%;overflow-wrap:break-word;white-space:normal}.vmd-form{border-radius:4px;height:500px;padding:2px;position:absolute;right:0;top:80%;width:400px;z-index:100}.box-ref ul{list-style-type:disc}.box-ref ol,.box-ref ul{margin-left:20px;padding-left:20px}.box-ref ol{list-style-type:decimal}.box-ref p{margin:5px 0}@media (min-width:992px){.box-content .box-box{padding:5px;width:95%}}@media (min-width:768px) and (max-width:991.98px){.view-md-container .vmd-body{height:78vh}.box-content .box-box{padding:5px;width:95%}}@media (min-width:576px) and (max-width:767.98px){.vmd-right{gap:3px;margin:0;width:50%}.view-md-container .vmd-body{height:78vh}.box-content p{width:100%}.box-content .box-box{padding:10px;width:95%}}@media (max-width:575.98px){.vmd-header{flex-direction:column;justify-content:center}.vmd-left{flex-direction:column;justify-content:flex-start}.vmd-left,.vmd-right{display:flex;width:100%}.vmd-right{align-items:center;justify-content:center!important;margin-top:5px}.view-md-container .vmd-body{height:73vh}.box-content{width:100%}.box-content .box-box{padding:10px;width:100%}.vmd-content{border:1px solid #eee}.vmd-content,.vmd-ref-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.vmd-form{width:100%}}@media screen and (max-height:600px){.view-md-container .vmd-body{height:79vh}}.form-card-design{background-color:var(--bg-section);border:1px solid var(--bg-section);border-radius:6px;box-shadow:0 4px 6px #00000080;margin:auto;max-width:800px;padding:5px}.cc-head{border-bottom:1px solid var(--border);justify-content:space-between;margin-bottom:15px;padding:5px}.cc-head,.cc-head .cc-title{align-items:center;display:flex}.cc-head .cc-title{color:var(--sub-text);flex-direction:row;justify-content:flex-start}.cc-title .cch-icon{border-radius:8px;color:var(--sub-text);padding:5px}.mini-icon{font-size:15px}.cc-head p{align-items:center;display:flex;font-size:12px;font-weight:700;justify-content:center;margin:0}.cch-icon{font-size:15px;margin-right:5px}.cch-icon2{border:1px solid #fff;border-radius:4px;color:#333;cursor:pointer;font-size:18px}.cch-icon2:hover{background-color:#ddd;border:1px solid #ddd}.fcd-content,.fcd-select-box{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.fcd-select-box{padding:5px 10px;position:relative}.fcd-select-box label{color:#333;font-size:13px;font-weight:700;margin:0;text-align:left;width:100%}.fcd-button{width:90%}.fcd-dropdown{border-radius:4px;justify-content:center;left:0;position:absolute;right:0;top:100%}.fcd-dropdown,.fcd-select-box .fcd-btn{align-items:center;background-color:#fff;display:flex;width:100%}.fcd-select-box .fcd-btn{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;justify-content:space-between;padding:5px 7px}.fcd-btn:hover{border:1px solid #5d12eb}.fcd-search-input{border-radius:4px;color:#333;font-size:10px;outline:none;padding:5px;transition:border-color .2s ease;width:95%}.fcd-search-input,.fcd-search-input:focus,.fcd-search-input:hover{border:1px solid #5d12eb}.fcd-search-input:focus{outline:none}.fcd-menu{background-color:#fff;border:1px solid #5d12eb;border-radius:4px;box-shadow:0 4px 8px #6f30dc54;color:#333;height:25vh;list-style:none;margin-top:0;overflow-y:auto;padding:0 5px;position:absolute;top:100%;width:95%}.fcd-select-list{color:#333;margin-top:10px;width:100%}.fcd-select-list .fcd-lists-btn{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:5px 7px;width:100%}.ccl-menu,.fcd-lists-btn:hover{border:1px solid #5d12eb}.ccl-menu{border-radius:4px;box-shadow:0 4px 8px #6f30dc54;height:20vh;overflow-y:auto;padding:10px;width:95%}.ccl-menu li{background-color:#fff;border:1px solid #fff;cursor:pointer;font-size:12px;padding:5px}.ccl-menu li:hover{background-color:#5e12eb45}.fcd-button .fcd-sub-btn{align-items:center;background:linear-gradient(90deg,#6a11cb,#2575fc);border:1px solid #5d12eb;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;justify-content:center;padding:5px 7px;width:100%}.fcd-button .fcd-sub-btn:hover{background:linear-gradient(90deg,#2575fc,#6a11cb);box-shadow:0 4px 8px #5e12eb46}@media (min-width:992px) and (max-width:1199.98px) and (min-height:600px) and (max-height:800px){.wf-create{width:30%}}@media (min-width:768px) and (max-width:991.98px) and (min-height:500px) and (max-height:700px){.wf-create{width:40%}}@media (min-width:576px) and (max-width:767.98px) and (min-height:400px) and (max-height:700px){.wf-create{width:50%}}@media (min-width:375px) and (max-width:575px) and (min-height:300px) and (max-height:600px){.form-card-design{width:100%}}.emd-container{position:relative}.emd-header{align-items:center;background:linear-gradient(180deg,#6e30dc,#5d12eb);border:1px solid #5d12eb;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;display:flex;font-size:12px;justify-content:space-between;padding:10px;position:-webkit-sticky;position:sticky}.emd-header h4{color:#fff;font-weight:700;margin:0}.emd-left{color:#fff}.emd-icon{cursor:pointer;font-size:20px}.emd-icon:hover{color:#051937}.emd-container form{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:flex-start;overflow-y:auto;padding:10px}.emd-informasi{margin-bottom:10px;width:100%}.emd-informasi h4{font-size:12px;margin:0}.emd-content{grid-gap:10;border:1px solid #eee;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.emd-content,.emd-content .emd-box{border-radius:4px;gap:10;padding:5px}.emd-content .emd-box{display:flex;flex-direction:column;justify-content:flex-start;position:relative}.emd-box label{color:grey;font-size:10px;margin:0}.emd-box input{border:1px solid #ddd;border-radius:4px;font-size:12px;margin-top:3px;padding:5px}.emd-box input:hover{background:linear-gradient(180deg,#6f30dc44,#1248eb50);border:1px solid #5d12eb}.emd-box input:focus{border:1px solid #6f30dc47;box-shadow:0 4px 8px #6f30dc54;outline:none}.emd-reference{margin-bottom:10px;width:100%}.emd-reference h4{font-size:12px;margin:0}.emd-ref-content{border:1px solid #eee}.emd-ref-content,.emd-ref-content .emd-ref-box{border-radius:4px;display:flex;flex-direction:column;gap:10;justify-content:flex-start;padding:5px}.emd-ref-box label{color:grey;font-size:10px;margin:0}.emd-ref-box input{border:1px solid #ddd;border-radius:4px;font-size:12px;margin-top:3px;padding:5px;width:100%}.emd-ref-box input:hover{background:linear-gradient(180deg,#6f30dc44,#1248eb50);border:1px solid #5d12eb}.emd-ref-box input:focus{border:1px solid #6f30dc47;box-shadow:0 4px 8px #6f30dc54;outline:none}.emd-ref-box textarea{border:1px solid #ddd;border-radius:4px;font-size:12px;height:10vh;margin-top:3px;padding:5px;width:100%}.emd-ref-box textarea:hover{background:linear-gradient(180deg,#6f30dc44,#1248eb50);border:1px solid #5d12eb}.emd-ref-box textarea:focus{border:1px solid #6f30dc47;box-shadow:0 4px 8px #6f30dc54;outline:none}.emd-btn{padding:5px 0;width:100%}.emd-btn,.emd-btn button{align-items:center;display:flex;justify-content:center}.emd-btn button{background:linear-gradient(180deg,#6e30dc,#5d12eb);border:1px solid #5d12eb;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:7px 10px;width:50%}.emd-btn button:hover{background:linear-gradient(180deg,#5d12eb,#6e30dc)}.emd-sub-icon{margin-right:10px}.emd-box .dropdown-selected{border:1px solid #ddd;border-radius:4px;font-size:11px;margin-top:3px;padding:5px;width:100%}.emd-box .dropdown-options{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:10px;gap:10px;left:3%;list-style:none;padding:5px;position:absolute;top:90%;width:95%;z-index:99}.dropdown-options li{border:1px solid #fff;border-radius:4px;cursor:pointer;margin-bottom:5px;padding:5px}.dropdown-options li:hover{background-color:#d0b6ff46;border:1px solid #eee;color:#5d12eb}.accepted-status{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;padding:6px 10px}.not-accepted-status{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;padding:6px 10px}@media (min-width:375px) and (max-width:575px){.emd-container form{height:75vh}.emd-btn button{width:90%}}@media screen and (max-height:600px){.emd-container form{height:78vh}}.fmd-container{width:100%}.fmd-form-container{align-items:center;height:85vh;justify-content:center;overflow-y:auto;padding:10px 0;width:100%!important}.fmd-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:10px}.fmd-header h4{font-size:12px;margin:0}.fmd-icon{border:1px solid #fff;border-radius:4px;cursor:pointer;font-size:20px}.fmd-detail-design,.fmd-detail-order,.fmd-detail-pesan,.fmd-detail-price,.fmd-main-info,.fmd-reference{padding:5px;width:95%}.fmd-info-content{align-items:center;border-radius:4px;display:flex;grid-template-columns:repeat(3,150px);padding:5px}.box label,.detail-box label{color:grey;font-size:10px}.box input{border:1px solid #ddd}.box input:hover{border:1px solid #6e30dc}.box input:focus{border:1px solid #9b7fca;box-shadow:0 4px 8px #6f30dc7c}.fmd-info-content .detail-box{padding:0;width:-webkit-fit-content;width:fit-content}.detail-box textarea{border:1px solid #ddd;border-radius:4px;height:10vh;padding:10px;width:33vw}.detail-box textarea:hover{border:1px solid #6e30dc}.detail-box textarea:focus{border:1px solid #9b7fca;box-shadow:0 4px 8px #6f30dc7c;outline:none}.setting-container{width:100%}.sc-main{border:1px solid #ddd;padding:5px;width:95%}.sc-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:20px 10px}.s-progres{gap:0;margin:10px 20px}.form-con{height:60vh}.fmd-form-container,.form-con{align-items:baseline;display:flex;flex-direction:column;justify-content:flex-start}.fmd-form-container{border:1px solid green;height:70vh;padding:0}.fmd-main-info{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between}.fmd-info-content{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,250px);max-height:0;opacity:0;overflow:hidden;padding:10px;pointer-events:none;transition:all .4s ease}.fmd-info-content.show{max-height:1000px;opacity:1;pointer-events:auto}.fmd-info-content .box input{border:1px solid #ddd}.fmd-info-content .box input:hover{border:1px solid #9b7fca}.fmd-info-content .box input:focus{border:1px solid #9b7fca;box-shadow:0 4px 8px #6f30dc7c}.fmd-info-content .detail-box textarea{border:1px solid #ddd;border-radius:4px;height:10vh;padding:10px;width:55vw}.fmd-info-content .detail-box textarea:hover{border:1px solid #6e30dc}.fmd-info-content .detail-box textarea:focus{border:1px solid #9b7fca;box-shadow:0 4px 8px #6f30dc7c;outline:none}.btn-fmd{align-items:center;display:flex;justify-content:center;padding:5px;width:95%}.btn-fmd button{background:linear-gradient(180deg,#6e30dc,#5d12eb);border:1px solid #5d12eb;border-radius:8px;color:#fff;cursor:pointer;padding:10px}.btn-fmd button:hover{background:linear-gradient(180deg,#5d12eb,#6e30dc)}.setting-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0}.setting-container .sc-header{align-items:center;background:linear-gradient(90deg,#7246eb,#532189);border-bottom:1px solid #ddd;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;display:flex;justify-content:space-between;padding:10px;width:100%}.sc-header h4{font-size:12px;font-weight:700;gap:5px;margin:0}.sc-header .sch-left,.sc-header h4{align-items:center;display:flex;justify-content:flex-start}.sch-left .sch-icon{background:linear-gradient(90deg,#7246eb,#532189);border:1px solid #ffffff72;border-radius:8px;color:#fff;padding:5px}.sc-body{height:78vh;margin-top:20px;overflow-y:auto;width:95%}.sc-body .sc-main-container{display:flex;flex-direction:column;gap:5px;justify-content:flex-start;padding:5px}.sc-main-container h4{font-weight:700;width:100%}.sc-main-container .sc-main-box{grid-gap:10px;border:1px solid #ddd;border-radius:8px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding:10px}.sc-main-box .main-box,.sc-main-box .main-box-detail{display:flex;flex-direction:column;gap:3px;justify-content:flex-start}.sc-main-box .main-box-detail{width:100%!important}.main-box label,.main-box-detail label{color:grey;font-size:11px}.main-box-detail textarea{height:10vh;min-height:5px;overflow-y:auto;width:59vw}.main-box input,.main-box-detail textarea{border:1px solid #ddd;border-radius:4px;color:#333;font-size:12px;padding:5px}.main-box input:focus,.main-box input:hover,.main-box-detail textarea:focus,.main-box-detail textarea:hover{background:linear-gradient(180deg,#6f30dc43,#5e12eb45);border:1px solid #5d12eb;box-shadow:0 4px 8px #6f30dc54}.main-box input:focus,.main-box-detail textarea:focus{outline:none}.btn-form{align-items:center;display:flex;justify-content:center;padding:5px}.btn-form button{background-color:#5d12eb;border:1px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:5px 20px}.btn-form button:hover{box-shadow:0 4px 8px #6f30dc54}@media screen and (max-height:600px){.setting-container .sc-header{padding:5px 10px}.sch-left .sch-icon{color:#fff;font-size:12px}.sc-main-container h4{font-size:10px;font-weight:700}.sc-body{height:81vh;margin-top:0;width:98%}.main-box label,.main-box-detail label{font-size:9px}}.archive-box-container{background-color:var(--bg);font-family:Inter,system-ui,sans-serif;padding:10px}.archive-box{align-items:center;background:var(--bg-section);border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:5px;position:relative}.archive-box-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:5px;justify-content:space-between;margin-bottom:15px;padding:10px;width:100%}.archive-header-left{width:100%}.archive-header-left h4{color:var(--text);font-size:15px;font-weight:700;margin:0}.archive-header-left p{color:var(--sub-text);font-size:10px;margin:0;padding:0}.archive-header-btn{align-items:center;display:flex;gap:10px;justify-content:flex-end;width:70%}.archive-header-btn .data-search{align-items:center;background-color:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--sub-text);cursor:pointer;display:flex;gap:5px;justify-content:flex-start;padding:5px}.data-search:hover{box-shadow:var(--box-shadow)}.data-search .search-input{background-color:var(--bg);border:none;color:var(--sub-text);font-size:10px;padding:0 5px}.search-input::placeholder{color:#5e5e5e}.search-input:focus{outline:none}.archive-box-header .btn-container,.btn-container button{align-items:center;display:flex;justify-content:flex-start}.btn-container button{background-color:var(--primary);border:1px solid var(--border);border-radius:4px;color:var(--text-white);cursor:pointer;font-size:11px;gap:5px;padding:8px 15px}.archive-dropdown-wrapper,.btn-show-container{position:relative}.btn-show-archive{font-weight:500}.archive-dropdown-wrapper.open .btn-show-archive svg{transform:rotate(180deg);transition:transform .2s ease}.archive-button{background:var(--bg-section);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 20px #00000014;min-width:190px;padding:10px;position:absolute;right:0;top:calc(100% + 6px);z-index:1000}.archive-button h5{color:var(--sub-text);font-size:12px;margin-bottom:8px}.archive-button button{background:#0000;border:none;border-radius:6px;color:var(--sub-text);cursor:pointer;font-size:12px;margin-bottom:4px;padding:6px 10px;text-align:left;transition:all .15s ease;width:100%}.archive-button button.active,.archive-button button:hover{background:var(--bg-section-hover)}.archive-button button.active{font-weight:500}.archive-data-table{background:var(--bg-section);border-collapse:initial;border-spacing:0;height:75vh;margin:5px;overflow-y:auto;padding-top:10px;table-layout:fixed;width:100%}.no-data{color:var(--sub-text);font-size:13px;font-weight:700;padding:20px;width:100%}.archive-data-table table{margin:0 auto;position:relative;width:95%}.archive-data-table th{background:var(--table-header-bg);border-bottom:1px solid var(--table-header-bg)!important;color:var(--table-header-text);font-size:12px;font-weight:700;padding:8px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:10}.archive-data-table td{border-bottom:1px solid var(--border);color:var(--sub-text);font-size:12px;font-weight:400;padding:5px 10px;text-align:left}.archive-data-table tr:nth-child(2n) td,.archive-data-table tr:nth-child(odd) td{background-color:var(--bg-section);color:var(--sub-text)}.archive-data-table tr:hover td{background-color:var(--bg-section-hover);cursor:pointer}.archive-data-table .nomor-box{max-width:5vw;min-width:5vw;text-align:center;white-space:normal;width:5vw}.archive-data-table .entity-box{max-width:13vw;min-width:13vw;text-align:center;white-space:normal;width:13vw}.archive-data-table .action-box,.archive-data-table .name-box{max-width:16vw;min-width:16vw;white-space:normal;width:16vw}.action-box .action-action,td.action-box button{align-items:center;display:flex;gap:3px;justify-content:center}td.action-box button{background-color:initial;border:none;cursor:pointer;font-size:10px;padding:3px 5px}td.action-box button:not(.link){color:var(--sub-text)}td.action-box button:not(.link):hover{background:var(--bg-section-hover)}.link{background:none;border:none;color:#16a34a;font-weight:500}.link:hover{text-decoration:underline}.archive-data-table .desc-box{line-height:1.5;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:40vw}.archive-box-container .detail-card-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.detail-card-content{background:var(--bg-section)!important;border:1px solid var(--border);padding:10px}.entity-container{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;box-shadow:var(--box-shadow);color:var(--sub-text);font-size:12px;font-weight:400;gap:5px;padding:8px;width:100%}.detail-archive{margin-bottom:5px}.detail-entity{margin:5px 0;padding-top:5px}.entity-container h4{color:var(--text);font-size:12px;font-weight:700;margin:0}.entity-container p{color:var(--sub-text-grey);font-size:10px;font-style:italic;font-weight:400;padding:0}.detail-row{gap:5px;justify-content:flex-start;width:100%}.detail-label,.detail-row{align-items:center;display:flex}.detail-label{color:var(--sub-text);font-size:12px;font-weight:700;justify-content:space-between;width:50%!important}.detail-value{color:var(--sub-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.modal-delete{background:#fff}.modal-delete p{color:#4b5563}.modal-actions{gap:12px;justify-content:flex-end}.btn-cancel{background:#f3f4f6;border:none}.profile-container{align-items:center;background-color:#f8f8f8;border:1px solid blue;display:flex;flex-direction:column;height:100%;justify-content:center;padding:30px 40px}.profile-container .header-profile{height:10%;padding:10px;width:100%}.header-profile .header-title{align-items:center;display:flex;gap:10px;justify-content:flex-start}.header-title .pchl-icon{color:#6a11cb;font-size:20px}.header-title h2{color:#333;font-size:18px;font-weight:700}.header-profile p{color:grey;font-size:12px}.profile-page-main{align-items:center;display:flex;gap:10px;height:90%;justify-content:flex-start;padding:10px;width:100%}.profile-page-main .profile-left{background-color:#fff;border-radius:16px;box-shadow:0 4px 8px #0000001a;height:100%;padding:10px;width:30%}.profile-left .profile-photo,.profile-page-main .profile-left{align-items:center;display:flex;flex-direction:column;justify-content:center}.profile-left .profile-photo{height:40%;position:relative}.profile-photo img{border-radius:50%;height:100px;width:100px}.profile-photo h3{color:#333;font-weight:700}.profile-photo p{color:grey;font-size:12px;margin-bottom:10px;text-align:center}.profile-photo button{background-color:#6a11cb;border:1px solid #6a11cb;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;padding:5px 15px}.profile-photo button:hover{box-shadow:4px 4px 8px #6b11cb87}.profile-left .profile-setting{align-items:center;border-top:1px solid #ddd;display:flex;flex-direction:column;gap:5px;height:60%;justify-content:center;padding:10px;width:80%}.profile-setting button{align-items:center;background:none;border:none;border-radius:8px;color:#555;cursor:pointer;display:flex;font-size:12px;gap:10px;padding:10px;text-align:left;transition:background .3s,color .3s;width:80%}.fade .personal-info{border:1px solid #ddd;height:75vh;overflow-y:auto;padding:10px;width:100%}.fade .activity,.fade .security{align-items:flex-start;color:#5e5e5e;display:flex;font-size:15px;height:50vh;justify-content:center;overflow-y:auto;padding:10px}.fade .notif{border-radius:6px;height:75vh;padding:10px;width:58vw}.fade .out{align-items:flex-start;font-size:15px;height:50vh;overflow-y:auto;padding:10px}.fade .logout-button,.fade .out{display:flex;justify-content:center}.fade .logout-button{align-items:center;background-color:#f7bfbf;border:1px solid red;border-radius:8px;color:red;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px}.profile-setting button.active,.profile-setting button:hover{background:linear-gradient(90deg,#6b11cb41,#2574fc41)}.pcb-right .fade{animation:fadeIn .5s ease}.profile-page-main .profile-right{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;height:100%;justify-content:center;padding:10px;width:70%}.profile-right .profil-content{height:80vh;padding:0}.ava-container{background-color:#fff;border:1px solid #e1d5ed;border-radius:16px;box-shadow:0 4px 8px #4e089941;height:-webkit-fit-content;height:fit-content;left:0;padding:5px;position:absolute;top:100%;width:20vw;z-index:1000}.all-profile-cont .apc-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:5px 10px}.apc-header .apch-left{align-items:center;display:flex;gap:5px;justify-content:flex-start}.apch-left .ava-icon{background:linear-gradient(90deg,#6a11cb,#2575fc);border:1px solid #ddd;border-radius:8px;color:#fff;padding:5px}.apc-icon{border:1px solid #fff;border-radius:4px;cursor:pointer;font-size:20px;padding:0}.apc-icon:hover{background-color:#eee;border:1px solid #eee}.apc-header h5{color:#333;font-size:12px;font-weight:700;margin:5px}.apc-body{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);justify-content:center;padding:10px}.apc-body .img-box{height:100%;width:100%}.img-box img{border:3px solid green;border-radius:50%;cursor:pointer;height:35px;width:40px}.img-box img:hover{border:1px solid #5d12eb;box-shadow:0 4px 8px #4e089941}.apc-btn{align-items:center;display:flex;justify-content:center;width:100%}.apc-btn button{background:linear-gradient(90deg,#6a11cb,#2575fc);border:1px solid #5d12eb;color:#fff;cursor:pointer;font-weight:700}.apc-btn button:hover{background:linear-gradient(90deg,#2575fc,#6a11cb)}@media (min-width:768px) and (max-width:991.98px){.profile-container{padding:10px}.profile-left .profile-setting{padding:10px 0;width:90%}.profile-setting button{font-size:10px;width:90%}.ava-container{width:30vw}.apc-body{gap:5px;grid-template-columns:repeat(5,1fr)}.apc-body .img-box{width:100%}.img-box img{height:40px;width:40px}}@media (min-width:576px) and (max-width:767.98px){.profile-container{padding:5px}.profile-photo img{height:70px;width:70px}.profile-photo p{font-size:10px}.profile-left .profile-setting{display:flex;height:60%;justify-content:flex-start;padding:10px 0;width:100%}.profile-setting button{font-size:10px;padding:5px;width:90%}.profile-right{padding:5px}.profile-right .profil-content{height:100%}.ava-container{width:40vw}.apc-body{gap:2px}.apc-body .img-box{width:100%}.img-box img{height:40px;width:40px}}@media (max-width:575.98px){.profile-container{justify-content:flex-start;padding:10px}.profile-page-main{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto}.profile-left .profile-photo{height:-webkit-fit-content;height:fit-content;padding:5px}.profile-photo img{height:60px;width:60px}.profile-page-main .profile-left{border-radius:4px;gap:10px;height:-webkit-fit-content;height:fit-content;justify-content:flex-start;padding:5px;width:100%}.profile-left .profile-setting{align-items:center;display:flex;flex-direction:row;height:-webkit-fit-content;height:fit-content;margin-bottom:0!important;padding:10px;width:100%}.profile-left .profile-setting,.profile-setting button{justify-content:center;text-align:center}.profile-setting span{display:none}.fade .notif{width:100%}.profile-page-main .profile-right{border-radius:4px;height:60%;padding:5px;width:100%}.profile-right .profil-content{overflow-y:auto;width:100%}.ava-container{width:60vw}.apc-body{gap:2px}.apc-body .img-box{width:100%}.img-box img{height:40px;width:40px}}@media screen and (max-height:600px){.profile-container{padding:15px 20px}.profile-photo img{height:70px;width:70px}.profile-photo p{font-size:10px}.profile-left .profile-setting{padding:10px 0;width:90%}.profile-setting button{font-size:10px}.ava-container{width:25vw}.apc-body{gap:2px;grid-template-columns:repeat(5,1fr)}.apc-body .img-box{width:100%}.img-box img{height:40px;width:40px}}.personal-container{display:flex;flex-direction:column;height:70vh;padding:10px;width:50vw}.personal-container .pc-title{margin-bottom:30px;width:100%}.personal-container .pch-body{align-items:baseline;display:flex;gap:10px;justify-content:space-between;margin-top:20px;padding:5px 10px;width:100%}.pc-title h3{color:#5d12eb;font-size:18px;font-weight:700;margin:0}.pc-title p{font-size:12px;margin:0}.personal-container .form-pc{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin:5px;padding:0;width:100%}.form-pc .box-form{align-items:center;display:flex;justify-content:flex-start;width:100%}.box-form label{font-weight:700;margin:0}.box-form input,.box-form label{color:#333;font-size:12px;width:100%}.box-form input{border:1px solid #ddd;border-radius:8px;margin:5px 8px 8px;padding:8px}.box-form input:focus,.box-form input:hover{border:1px solid #5d12eb;box-shadow:0 4px 8px #0000001a}.form-pc .pc-btn{align-items:center;display:flex;justify-content:center;width:100%}.pc-btn button{background-color:#5d12eb;border:1px solid #fff;border-radius:16px;color:#fff;cursor:pointer;padding:10px 15px}.pc-btn button:hover{box-shadow:0 4px 8px #0000004d}@media (min-width:768px) and (max-width:991.98px){.personal-container{align-items:center;display:flex;height:65vh;justify-content:flex-end;padding:5px;width:100%}}@media (min-width:576px) and (max-width:767.98px){.personal-container{align-items:center;display:flex;justify-content:flex-end;overflow-y:auto;padding:5px;width:100%}.personal-container .pc-title{margin-bottom:5px;width:100%}.pc-title h3{font-size:15px}.pc-title p{font-size:10px}.personal-container .form-pc{height:100%;overflow-y:auto;width:100%}.personal-container .pch-body{align-items:center;display:flex;flex-direction:column;gap:0;margin-top:0;width:100%}.pc-body .pi,.pc-body .pi-job{width:100%}.personal-container .form-pc{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:flex-start}.form-pc .box-form{gap:3px}.box-form label{font-size:10px}.box-form input{font-size:10px;margin-top:0;padding:5px}.form-pc .pc-btn{align-items:center;display:flex;justify-content:center;width:100%}.pc-btn button{background-color:#5d12eb;border:1px solid #fff;border-radius:16px;color:#fff;cursor:pointer;font-size:12px;padding:5px 15px}}@media (max-width:575.98px){.personal-container{align-items:center;display:flex;height:-webkit-fit-content;height:fit-content;justify-content:flex-start;padding:0 10px;width:100%}.personal-container .pc-title{margin-bottom:5px;width:100%}.personal-container .form-pc{align-items:center;display:flex;flex-direction:column;gap:0;height:36vh;overflow-y:auto;width:100%}.pc-title p{font-size:8px}.box-form input,.box-form label{font-size:10px;margin:0}.pc-btn button{font-size:12px;padding:5px 15px;width:100%}.save-btn-container .save-btn{width:100%}}@media screen and (max-height:600px){.personal-container .pc-title{margin-bottom:10px}.pc-title h3{font-size:15px}}.activity-container{background-color:var(--bg);border-radius:8px;height:97%;margin-left:10px;margin-top:10px;min-width:80vw;padding:5px 10px;position:relative}.ac-header{align-items:center;border:1px solid var(--bg);display:flex;justify-content:space-between;padding:5px 15px}.ac-header .ac-title{align-items:center;display:flex;gap:5px;justify-content:flex-start;width:100%}.ac-title .ac-icon{background:var(--bg-icon2);border:1px solid var(--bg);border-radius:8px;color:var(--text-white);font-size:18px;padding:5px}.ac-title h2{color:var(--text);font-size:20px;font-weight:700}.page-description{color:var(--sub-text);font-size:13px;margin-top:4px;width:100%}.ac-header .ach-right{background-color:#5d12eb;border:1px solid #5d12eb;border-radius:12px;color:#fff;cursor:pointer;font-size:13px;padding:5px 10px;position:relative}.ach-right:hover{box-shadow:0 4px 8px #0000001a}.custom-dropdown .dropdwon-list{border:1px solid red}.no-activity{align-items:center;display:flex;height:50%;justify-content:center;width:100%}.no-activity h4{color:var(--primary)}.activity-table-container{height:75vh;overflow-x:auto}.activity-table{border-collapse:collapse;width:100%}.activity-table td,.activity-table th{padding:8px;text-align:left}.activity-table th{background-color:var(--primary);color:var(--text-white);font-weight:400;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:1}.activity-table td{border-bottom:1px solid var(--border);color:var(--sub-text);font-size:12px}@media screen and (max-height:600px){.ac-title h2{font-size:15px}.ac-title .ac-icon{font-size:12px}.page-description{font-size:10px}.activity-table-container{height:70vh}.activity-table td,.activity-table th{font-size:10px}}.notif-container{height:73vh}.notif-container .notif-header{align-items:center;display:flex;justify-content:space-between;position:-webkit-sticky;position:sticky}.notif-left h2{align-items:center;color:#6a11cb;display:flex;font-size:15px;font-weight:700;gap:5px;justify-content:flex-start}.notif-left p{color:#333;font-size:12px}.notif-right,.notif-right button{align-items:center;display:flex;justify-content:center}.notif-right button{border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:12px;gap:5px}.notif-right button:hover{background-color:#ddd;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a}.notif-container .nav-notif-body{height:60vh;margin-top:10px;padding:5px}.notif-body .empty-mess{align-items:center;display:flex;flex-direction:column;height:30vh;justify-content:center}.notif-container .notif-body{height:60vh;margin-top:10px;overflow-y:auto;padding:5px}.notif-box ul{gap:5px}.notif-box li{border:1px solid #ddd;border-radius:6px;cursor:pointer;margin:10px 0;padding:10px}.notif-box li:hover{box-shadow:0 4px 8px #5e12eb46}.nc-header{align-items:center;display:flex;justify-content:space-between}.nch-left .font-medium{font-size:15px}.nch-left .nch-p{color:#5e5e5e;font-size:12px}.notif-content .nc-btn{align-items:center;display:flex;justify-content:flex-end}.nc-btn button{border:1px solid #ddd;border-radius:4px;color:#6a11cb;cursor:pointer;font-size:12px;padding:3px 6px}.nc-btn button:hover{border:1px solid #6a11cb;box-shadow:0 4px 8px #5e12eb46}.nc-btn .nc-delete-btn{border:1px solid #ddd;border-radius:4px;color:red;cursor:pointer;font-size:12px;padding:6px}.nc-delete-btn:hover{border:1px solid #6a11cb;box-shadow:0 4px 8px #5e12eb46}.notif-setting{align-items:baseline;display:flex;justify-content:flex-end}.notif-button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-size:12px;padding:5px 8px;transition:background-color .2s ease,color .2s ease}.notif-button:hover{background-color:#6a11cb!important}.notif-button.active,.notif-button:hover{border:1px solid #6a11cb;box-shadow:0 4px 8px #5e12eb46;color:#fff}.notif-button.active{background-color:#6a11cb}.nc-btn-right button{background-color:#fff0;border:1px solid #3330;border-radius:4px;cursor:pointer}.nc-btn-right button:hover{border:1px solid #6a11cb;box-shadow:0 4px 8px #5e12eb46}@media (min-width:768px) and (max-width:991.98px){.notif-setting{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center}.notif-button{width:100%}.nch-left .font-medium,.nch-right p{font-size:11px}.nch-left .nch-p{color:#5e5e5e;font-size:10px}}@media (min-width:576px) and (max-width:767.98px){.notif-container .notif-header{flex-direction:column;justify-content:center}.notif-left{width:100%}.notif-right{margin-top:5px;width:100%}.notif-setting{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center}.notif-button{font-size:8px;padding:5px 2px;width:100%}}@media (max-width:575.98px){.notif-container .notif-body{height:58vh}.notif-container .notif-header{flex-direction:column;justify-content:center}.notif-left{width:100%}.notif-right{margin-top:5px;width:100%}.pn-container .pn-header{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center}.pn-container .pn-left{text-align:left;width:100%}.pn-left h2{font-size:10px}.pn-left p{font-size:8px}.pn-header .notif-setting{align-items:center;display:flex;justify-content:center;width:100%}.pn-body{padding:0}.nch-left .font-medium,.nch-right p{font-size:10px}.nch-left .nch-p{font-size:8px}.nc-btn .nc-delete-btn,.nc-btn button{font-size:10px}}@media screen and (max-height:600px){.nch-left .font-medium,.nch-right p{font-size:11px}.nch-left .nch-p{color:#5e5e5e;font-size:10px}}.pn-container{height:70vh;width:100%}.pn-body{height:65vh;overflow-y:auto}.pn-container .pn-header{overflow-y:auto;width:100%}.pn-container .pn-header,.pn-container .pn-left{align-items:center;display:flex;justify-content:space-between}.pn-container .pn-left{position:-webkit-sticky;position:sticky}.pn-left h2{align-items:center;color:#6a11cb;display:flex;font-size:15px;font-weight:700;gap:5px;justify-content:flex-start}.pn-left p{color:#333;font-size:12px}.notif-body{padding:0}.notif-system-container{height:65vh}.ns-header{align-items:center;display:flex;justify-content:space-between;position:-webkit-sticky;position:sticky}.ns-header .ns-left{flex-direction:column}.ns-header .ns-left,.ns-left h2{display:flex;justify-content:flex-start}.ns-left h2{align-items:center;color:#6a11cb;font-size:15px;font-weight:700;gap:5px}.ns-left p{color:#333;font-size:12px}.ns-header .ns-right,.ns-right button{align-items:center;display:flex;justify-content:center}.ns-right button{border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:12px;gap:5px}.ns-right button:hover{background-color:#ddd;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a}.notif-system-container .nav-s-body{padding:5px}.nav-s-body ul{gap:5px}.nav-s-body li{align-items:end;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin:10px 0;padding:10px}.nav-s-body li:hover{box-shadow:0 4px 8px #5e12eb46}.notif-system-container .ns-body{height:65vh;overflow-y:auto;padding:0 5px}.ns-body ul{gap:5px}.ns-body li{align-items:end;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin:10px 0;padding:10px}.ns-body li:hover{box-shadow:0 4px 8px #5e12eb46}.sn-text .mess-p{font-size:14px;font-weight:700}.sn-btn button{background-color:#fff0;border:1px solid #ddd0!important}.sn-btn button:hover{border:1px solid #6a11cb!important}.color{color:#bf2e2e;color:#f4d793;color:#889e73;color:#6a11cb}@media (min-width:576px) and (max-width:767.98px){.ns-header{flex-direction:column;justify-content:center}.ns-header .ns-left{width:100%}.ns-header .ns-right{margin-top:5px;width:100%}}@media (max-width:575.98px){.notif-system-container{height:40vh}.notif-system-container .ns-body{height:30vh}.sn-text .mess-p{font-size:10px}.sn-text .sn-date{font-size:8px}}@media screen and (max-height:600px){.sn-text .mess-p{font-size:11px}}.dac-container{padding:4px}.dac-header{align-items:center;display:flex;justify-content:space-between;padding:5px 10px}.dac-header h2{margin:0}.dac-right{align-items:center;display:flex;gap:10px;justify-content:flex-start}.dm-filter-data,.dm-filter-type{position:relative}.dm-filter-type button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-weight:700;justify-content:center;padding:7px 5px;position:relative}.dm-filter-data button:hover,.dm-filter-type button:hover{background:linear-gradient(90deg,#6b11cb41,#2574fc41)}.dm-filter-data button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-weight:700;justify-content:center;padding:7px 5px}.dacr-icon{color:#5d12eb;font-size:15px;margin-right:3px}.data-accept-container{border:1px solid #ddd;border-radius:8px;height:85vh;margin:10px;min-width:80vw;overflow-y:auto;position:relative}.data-accept-container table{position:relative;width:100%}.data-accept-container th{border-bottom:1px solid #ddd;text-align:center}.data-accept-container td{border-bottom:1px solid #ddd;text-align:left}.data-accept-container th{background:linear-gradient(180deg,#6e30dc,#5d12eb);color:#fff;font-size:12px;font-weight:700;padding:8px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-accept-container td{color:#333;font-size:12px;font-weight:400;padding:5px 10px}.md-container td:hover{color:#5d12eb}.md-body tr:nth-child(2n){background-color:#fff}.md-body tr:hover{background-color:#5e12eb1a;color:#5d12eb}.action-table button{background:linear-gradient(180deg,#6e30dc,#5d12eb);border:1px solid #5d12eb;border-radius:4px;color:#fff;cursor:pointer;font-weight:700}.detail-design{align-items:flex-start;background-color:rgba(0,0,0,.024);display:flex;height:100%;justify-content:end;padding:2px;position:absolute;right:0;top:0;width:100%;z-index:100}.detail-cont{background-color:#fff;border:1px solid #5d12eb;border-bottom-left-radius:8px;border-top-left-radius:8px;height:100%;min-height:84vh;width:50vw}.edit-design{align-items:flex-start;background-color:rgba(0,0,0,.024);display:flex;height:100%;justify-content:end;padding:2px;position:absolute;right:0;top:0;width:100%;z-index:100}.edit-cont{background-color:#fff;border:1px solid #5d12eb;border-bottom-left-radius:8px;border-top-left-radius:8px;height:100%;min-height:84vh;width:50vw}.project-detail{align-items:center;background-color:initial;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:5px}.project-detail:hover{background-color:#fff;border:1px solid #ddd}.pd-icon{margin-left:5px}.sd-container{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #5e12eb46;display:flex;flex-direction:column;justify-content:flex-start;padding:10px;position:absolute;right:10%;top:5%;z-index:99}.sd-container h5{color:grey;font-size:10px;margin:0 0 5px;text-align:left;width:100%}.sd-container button{align-items:center;background-color:#fff;border:1px solid #fff;border-radius:4px;cursor:pointer;display:flex;justify-content:flex-start;padding:5px;width:100%}.sd-container button:hover{background-color:#eee;border:1px solid #eee}.ft-container{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #5e12eb46;display:flex;flex-direction:column;justify-content:flex-start;padding:10px;position:absolute;right:1%;top:5%;width:30%;z-index:99}.ft-container h5{color:grey;font-size:10px;margin:0 0 5px;width:100%}.ft-container button{align-items:center;background-color:#fff;border:1px solid #fff;border-radius:4px;cursor:pointer;display:flex;justify-content:flex-start;padding:5px;width:100%}.ft-container button:hover{background-color:#eee;border:1px solid #eee}.ftc-content{align-items:center;display:flex;gap:5px;justify-content:flex-start;width:100%}.ftc-box{position:relative;width:40%}.ftc-box button{align-items:center;background-color:#fff;border:1px solid #5d12eb;color:#6a11cb;cursor:pointer;display:flex;font-weight:400;justify-content:flex-start}.ftc-box button:hover{background-color:#eee;border:1px solid #5d12eb}.ftc-box h5{color:grey;font-size:10px;margin:0 0 5px}.ul-ftc{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #5e12eb46;display:flex;flex-direction:column;gap:3px;justify-content:flex-start;list-style:none;padding:10px 12px;position:absolute;top:40%;z-index:99}.ul-ftc .li-ftc{border:1px solid #fff;border-radius:4px}.ul-ftc .li-ftc,.ul-ftc .li-ftc:hover{cursor:pointer;font-size:10px;font-weight:400;padding:3px;width:100%}.ul-ftc .li-ftc:hover{background-color:#eee;border:1px solid #eee;border-radius:4px}.ftc-input{width:60%}.ftc-input input{border:1px solid #eee;border-radius:4px;padding:6px 0 6px 5px;width:100%}.ftc-input input:hover{background-color:#eee;border:1px solid #5d12eb}.ftc-input input:focus{border:1px solid #5d12eb;outline:none}.card-detail-container{display:flex;transition:all .3s ease;width:100%}.card-detail-left{border:1px solid red;flex:1 1;padding:20px}.card-detail-right{background-color:#f9f9f9;border-left:1px solid #ccc;padding:20px;width:40%}.chat-header{align-items:center;display:flex;justify-content:space-between}.split-view .card-detail-left{width:60%}.schedule-container{background-color:#fff;border-radius:8px;height:100%;margin-left:10px;margin-top:10px;min-width:80vw;position:relative}.schedule-header{border-bottom:1px solid #ddd;gap:10px}.schedule-header .sh-left{gap:5px;width:70%}.sh-left h3{font-size:20px;font-weight:700}.sh-left .sh-desc{font-size:12px}.sh-desc p{margin:0}.sh-right{display:flex;flex-direction:column;gap:5px;justify-content:flex-end;position:relative}.sh-right button{background:linear-gradient(180deg,#6e30dc,#5d12eb);border:1px solid #6e30dc;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;justify-content:center;width:100%}.sh-right button,.sh-search{align-items:center;display:flex;gap:5px}.sh-search{border:1px solid #ddd;border-radius:6px;justify-content:flex-start;padding:0xp 10px}.sh-search:hover{border:1px solid #5d12eb}.sh-search input{background-color:#fff;border:1px solid #fff;border-radius:6px;font-size:12px;padding:2px 5px}.sh-search input:focus{border:1px solid #fff;outline:none}.dropdown-filter{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:10px;position:absolute;right:0;top:100%;width:100%;z-index:99}.df-semua-divisi{background-color:#fff;border:1px solid #fff;border-radius:6px;cursor:pointer;font-size:12px;list-style:none;padding:8px}.df-semua-divisi:hover{background-color:#eee;border:1px solid #eee}.df-all{background-color:#fff;border:1px solid #fff;border-radius:6px;cursor:pointer;font-size:12px;list-style:none;padding:8px}.df-all:hover{background-color:#eee;border:1px solid #eee}.schedule-container .table-employee{padding:10px}.table-employee table{border-collapse:collapse;font-size:14px;height:50vh;width:100%}.table-employee td,.table-employee th{border-bottom:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;padding:10px;text-align:left}.table-employee th{background:linear-gradient(180deg,#6e30dc,#5d12eb);color:#fff;font-size:15px;font-weight:700;position:-webkit-sticky;position:sticky;text-align:center}.table-employee tr:hover{background-color:#d3c0f446}.table-employee .th{align-items:center;display:flex;gap:5px;justify-content:center}.table-employee td{font-size:12px}.option-dropdown{background-color:#fff;list-style:none;position:absolute;right:0;top:100%;width:100%;z-index:99}.option-dropdown,.option-dropdown li{border:1px solid #ddd;border-radius:4px;padding:5px}.option-dropdown li{cursor:pointer;margin:2px 0}.option-dropdown li:hover{background-color:#ddd;border:1px solid #ddd}.archive-container{background-color:var(--bg);border-radius:8px;height:97%;margin-left:10px;margin-top:10px;min-width:80vw;position:relative}.archive-header{align-items:center;display:flex;justify-content:space-between;padding:5px 15px}.archive-header h2{align-items:center;color:var(--text);display:flex;font-size:18px;font-weight:700;gap:5px;justify-content:flex-start;letter-spacing:.5px}.header-desc{color:var(--sub-text);font-size:12px;width:90%}.archive-header .ah-left{width:80%}.ah-left .left-title{align-items:center;display:flex;gap:5px;justify-content:flex-start}.left-title .lt-icon{background:var(--bg-icon2);border:1px solid var(--bg);border-radius:8px;color:var(--text-white);padding:5px}.archive-header .ah-right{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;padding:8px 5px;width:20%}.ah-right h4{color:var(--sub-text);font-size:12px;text-align:left;width:100%}.ah-right .search-archive{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:12px;color:var(--sub-text);cursor:pointer;display:flex;gap:5px;justify-content:center;padding:0 5px;width:100%}.ah-right .search-archive:hover{background:var(--bg-section-hover);border:1px solid var(--border);box-shadow:var(--box-shadow)}.search-archive .sa-icon{font-size:18px}.search-archive input{background:var(--bg);border-radius:12px;color:var(--sub-text);font-size:12px;padding:5px;width:100%}.search-archive input:focus,.search-archive input:hover{background:var(--bg-section-hover);outline:none}.archive-table-container{height:75vh;margin-top:10px;overflow-x:auto;overflow-y:auto;position:relative}.archive-table{border-collapse:collapse;border-radius:8px;box-shadow:0 4px 8px #0000001a;font-size:.875rem;width:100%}.archive-table .entity-box,.archive-table .entity-no{max-width:7vw;min-width:7vw;text-align:center;width:7vw}.entity-name{color:#333;font-weight:700}.archive-table thead{background-color:var(--primary);text-align:left;z-index:100}.archive-table th,.archive-table thead{color:#fff;position:-webkit-sticky;position:sticky}.archive-table th{font-weight:400;padding:.5rem;text-align:center;top:0;z-index:10}.archive-table td{border:1px solid var(--border);color:var(--sub-text);font-size:11px;padding:.5rem}.archive-table td p{border-radius:8px;font-size:10px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.archive-table tbody tr:hover{background-color:var(--bg-section-hover)}.btn-action{background:var(--primary);border:1px solid var(--bg);border-radius:6px;color:var(--text-white);cursor:pointer;font-size:10px;padding:4px 8px}.btn-action:hover{box-shadow:var(--box-shadow-purple)}.archive-container .detail-card-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.detail-card-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:90%;padding:20px;width:400px}.detail-card-content h3{margin-top:0}.close-button{background-color:#5d12eb;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:15px;padding:8px 12px}.close-button:hover{background-color:#410ca5}.modal-overlay{background:#0006;inset:0}.modal-box{background:var(--bg-section);border-radius:12px;box-shadow:var(--box-shadow);padding:20px 24px;text-align:center;width:360px}.modal-box h3{color:var(--text);font-size:15px;font-weight:700;gap:5px;margin:0 0 10px;padding:0;width:100%}.modal-box p{color:var(--sub-text);font-size:12px;padding:0;width:100%}.modal-box strong{color:var(--status-confirmed-text)}.modal-actions{margin-top:20px;width:100%}.btn-cancel{background:var(--bg-section);color:var(--text);width:100%}.btn-cancel,.btn-confirm{border-radius:6px;padding:4px 12px}.btn-cancel:hover{background-color:var(--red-bg)}.btn-cancel:hover,.btn-confirm:hover{box-shadow:var(--box-shadow)}@media (min-width:992px) and (max-width:1199.98px){.archive-table .entity-box{max-width:10vw;min-width:10vw;text-align:center;width:10vw}}@media (min-width:768px) and (max-width:991.98px){.archive-header .ah-right{width:30%}.ah-right .search-archive{padding:2px 5px}.archive-table .entity-box{max-width:15vw;min-width:15vw;text-align:center;width:15vw}.archive-table-container{height:70vh}}@media (min-width:576px) and (max-width:767.98px){.archive-header .ah-right{width:35%}.ah-right .search-archive{padding:2px 5px}.archive-table .entity-box{max-width:15vw;min-width:15vw;text-align:center;width:15vw}.archive-table-container{height:68vh}}@media (min-width:375px) and (max-width:575px){.archive-header .ah-left,.archive-header .ah-right{width:100%}.archive-header{align-items:center;display:flex;flex-direction:column;justify-content:center}.header-desc{display:none}.ah-right .search-archive{padding:2px 5px}.archive-table-container{overflow-x:auto;width:90vw}.archive-table .entity-box{max-width:20vw;min-width:20vw;text-align:center;width:20vw}.archive-table-container{height:73vh}}@media screen and (max-height:600px){.archive-header h2{font-size:15px}.header-desc{font-size:8px}.archive-header .ah-right{width:30%}.archive-table td,.archive-table th,.search-archive input{font-size:10px}}.lp-container{padding-bottom:0!important}.lp-header{background-color:#fff0;justify-content:center;left:0;padding:15px 50px;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.header-container,.lp-header{align-items:center;display:flex}.header-container{background-color:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 2px 6px #0000001a;justify-content:space-between;padding:20px;width:90%}.header-container .lp-logo{align-items:center;display:flex;justify-content:flex-start;width:50%}.lp-logo h2{color:#4f46e5;font-size:24px;font-weight:700;margin:0;padding:0}.lp-logo span{display:none}.header-container .lp-btn{align-items:center;display:flex;gap:20px;justify-content:flex-end;width:50%}.lp-btn .btn-btn{align-items:center;display:flex;gap:15px;justify-content:flex-start}.btn-btn .btn-show{color:#666;cursor:pointer;font-size:15px}.btn-show:hover{color:#5d12eb}.lp-btn .btn-start{background:linear-gradient(90deg,#7246eb,#532189);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;padding:5px 15px;text-align:center;width:20vw}.btn-start:hover{box-shadow:0 4px 8px #5e12eb46}.lp-content{width:100%}.lp-content .section1{align-items:end;display:flex;justify-content:end;min-height:100vh;padding:20px}.section1 .hero-left{display:flex;flex-direction:column;gap:10px;height:70%;justify-content:flex-start;padding:0;width:45%}.hero-left .headline{animation:fadeUp .8s ease forwards;font-size:58px;font-weight:700;line-height:1;margin:0}.headline .gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2196f3,#3f51b5,#9c27b0);-webkit-background-clip:text;display:inline-block;font-size:48px}.subheading{color:#666}.hero-btn{margin:20px 0;padding:10px 20px}.hero-btn .start-btn{background:linear-gradient(90deg,#7246eb,#532189);border:1px solid #5d12eb;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.5px;padding:10px 15px}.hero-btn .start-btn:hover{background:linear-gradient(90deg,#6a11cb,#2575fc);box-shadow:0 4px 8px #5e12eb46}.hero-btn button{background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.5px;padding:10px 15px}.hero-btn button:hover{box-shadow:0 4px 8px #5e12eb46}.hero-right{align-items:center;display:flex;height:100%;justify-content:center;padding:10px;width:50%}.hero-right img{border:1px solid #ddd;border-radius:8px;cursor:pointer;height:60%;transition:transform .3s ease;width:100%}.hero-right img:hover{transform:scale(1.05)}.lp-content .section2{min-height:100vh;padding:30px}.lp-content .section2,.section2 .sec-top{align-items:center;display:flex;flex-direction:column;justify-content:center}.section2 .sec-top{margin-bottom:40px;margin-top:20px}.sec-top h2{font-size:35px;font-weight:700}.section2 .sec-btm{grid-gap:20px;display:grid;grid-template-columns:repeat(3,1fr);height:-webkit-fit-content;height:fit-content}.feature-item{border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:30px;transition:transform .3s ease}.feature-item:hover{border:1px solid #5d12eb;box-shadow:0 4px 8px #0003;transform:scale(1.05)}.feature-item h3{color:#333;font-size:18px;font-weight:700;margin-bottom:5px}.feature-item .feature-icon{border-radius:8px;color:#fff;margin-bottom:15px;padding:10px;width:-webkit-fit-content;width:fit-content}.feature-item p{color:grey;font-size:12px}.lp-content .section3{min-height:100vh;padding:20px}.lp-content .section3,.section3 .sec3-left{align-items:center;display:flex;justify-content:center}.section3 .sec3-left{flex-direction:column;gap:10px;height:100%;padding:20px 20px 20px 30px;width:60%}.sec3-left .headline{animation:fadeUp .8s ease forwards;font-size:40px;font-weight:700;line-height:1;margin:0 0 10px;text-align:justify}.headline:hover{opacity:0;transform:translateY(30px)}.sec3-left p{color:#666;font-size:15px;text-align:justify}.subheading{color:#333;font-size:18px;margin-bottom:10px}.sec3-info{gap:20px;margin-top:20px;width:100%}.sec3-info,.sec3-info .info-box{align-items:center;display:flex;justify-content:center}.sec3-info .info-box{flex-direction:column}.info-box h1{color:#3f51b5;font-size:25px;font-weight:700;margin:0}.info-box p{color:#666;font-size:10px;margin:0;padding:0}.sec3-img{align-items:center;display:flex;height:100%;justify-content:center;padding:10px;width:50%}.sec3-img img{border-radius:8px;cursor:pointer;height:60%;transition:transform .3s ease;width:100%}.sec3-img img:hover{transform:scale(1.05)}.footer{background-image:linear-gradient(to right bottom,#051937,#00235f,#042887,#3827ab,#6a11cb);flex-direction:column;height:100%;margin-bottom:0}.footer,.footer .footer-container{align-items:center;display:flex;justify-content:center;padding:20px;width:100%}.footer .footer-container{gap:40px;margin:15px}.footer-container .fc-box{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:30%}.fc-box h3{color:#fff;font-size:18px;font-weight:700;margin-bottom:20px;text-align:left;width:100%}.fc-box p{color:#eeeeeed8;font-size:15px;margin:0;padding:0;text-align:left}.fc-box .fc-box2{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.fc-box1{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;width:70%}.fc-box2 h3{color:#fff;font-size:18px;font-weight:700;margin-bottom:10px;padding:0 0 0 10px;text-align:left;width:100%}.fc-box2 .box-isi{align-items:left;color:#eeeeeed8;display:flex;flex-direction:column;gap:5px;justify-content:flex-start;padding:0 0 0 10px}.box-isi p{padding:0;text-align:left}.footer-cr{align-items:center;border-top:1px solid #2196f3;display:flex;justify-content:space-between;padding:20px;width:100%}.fcr-left,.fcr-right{align-items:center;color:#ddd;display:flex;gap:10px;justify-content:flex-start}.fcr-right p{margin:0;padding:0}.scroll-top-btn{align-items:center;background-color:#4f46e5;border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:20px;transition:background-color .3s ease;width:50px;z-index:999}.scroll-top-btn:hover{background-color:#3730a3}.section1,.section2,.section3{opacity:0;transform:translateY(30px);transition:all .6s ease}.active-section{opacity:1!important;transform:translateY(0)!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (min-width:992px){.wf-create{width:25%}.section1{align-items:center;flex-direction:row;justify-content:space-between}.hero-left{width:45%}.hero-right{width:50%}.headline{font-size:58px}.section2 .sec-btm{grid-template-columns:repeat(3,1fr)}.sec-top h2{font-size:35px;text-align:center}.sec-top p{font-size:16px;text-align:center}.section3{flex-direction:row;gap:20px}.sec3-left{align-items:flex-start;text-align:left;width:60%}.sec3-img{width:40%}.sec3-left .headline{font-size:40px}.subheading{font-size:18px}.footer-container{align-items:flex-start;flex-direction:row}.fc-box{text-align:left;width:30%}.fc-box1{grid-template-columns:repeat(3,1fr);width:70%}.footer-cr{flex-direction:row;text-align:left}}@media (min-width:576px) and (max-width:991.98px){.lp-header{padding:10px 20px}.header-container{border:1px solid #eee;gap:15px;padding:15px;width:100%}.header-container .lp-logo{justify-content:left;width:100%}.header-container .lp-btn{justify-content:flex-end;width:100%}.lp-logo h2{font-size:20px}.lp-btn{gap:10px}.btn-btn .btn-show,.btn-start{font-size:14px}.btn-start{padding:4px 12px}.section1{align-items:center;flex-direction:column;height:auto;padding:40px 20px;text-align:center}.hero-left{width:100%!important}.hero-right{width:100%}.headline{font-size:38px;line-height:1.2}.subheading{font-size:16px}.hero-btn{margin:15px 0}.hero-right img{height:auto;max-width:90%}.section2{height:auto;padding:20px}.section2 .sec-btm{grid-gap:15px;grid-template-columns:repeat(2,1fr)}.sec-top h2{font-size:28px;text-align:center}.sec-top p{font-size:14px;text-align:center}.section3{align-items:center;flex-direction:column;height:auto;padding:40px 20px;text-align:center}.sec3-left{align-items:center;padding:0;width:100%!important}.sec3-left .headline{font-size:32px;text-align:center}.sec3-left p{font-size:14px}.sec3-info{flex-wrap:wrap;gap:15px}.info-box h1{font-size:22px}.sec3-img{width:100%}.sec3-img img{height:auto;max-width:50%}.footer{height:auto;padding:40px 20px}.footer-container{align-items:center;flex-direction:column;gap:30px}.fc-box{align-items:center;text-align:center;width:100%!important}.fc-box h3,.fc-box p,.fc-box1{text-align:center;width:100%}.fc-box1{gap:20px;grid-template-columns:repeat(3,1fr)}.box-isi p,.fc-box2 h3{padding-left:0;text-align:center}.footer-cr{flex-direction:column;gap:10px;text-align:center}}@media (max-width:575.98px){.lp-container{padding-top:80px}.lp-header{padding:0;width:100%}.header-container{align-items:center;gap:5px;justify-content:flex-start;padding:15px 20px;width:100%!important}.lp-logo{justify-content:flex-start;width:100%}.lp-logo h2{display:none;font-size:20px;text-align:left}.lp-logo span{align-items:center;color:#4f46e5;cursor:pointer;display:flex;font-size:30px;justify-content:center}.lp-btn{align-items:center;gap:8px}.btn-btn{gap:5px}.btn-btn .btn-show{font-size:14px}.btn-start{font-size:12px;padding:4px 10px;text-align:center;width:auto}.btn-start span{display:none}.section1{align-items:center;flex-direction:column;height:auto;padding:20px 10px;text-align:center}.hero-left,.hero-right{width:100%!important}.headline,.headline .gradient-text{font-size:26px;line-height:1.3}.subheading{font-size:14px}.hero-btn{display:flex;flex-direction:column;gap:8px;margin:10px 0;padding:0}.hero-btn button{width:100%}.hero-right img{height:auto;width:100%}.section2{height:auto;padding:15px}.section2 .sec-btm{grid-gap:10px;grid-template-columns:1fr}.sec-top h2{font-size:22px;text-align:center}.sec-top p{font-size:13px;text-align:center}.feature-item{padding:20px}.feature-item h3{font-size:16px}.feature-item p{font-size:12px}.section3{align-items:center;flex-direction:column;height:auto;height:100%;padding:20px 5px!important;text-align:center}.sec3-left{align-items:center;padding:0;width:100%!important}.sec3-left .headline{font-size:24px;line-height:1.3;text-align:center}.sec3-left .subheading{font-size:14px;line-height:1.4}.sec3-left p{font-size:12px;line-height:1.4}.sec3-info{flex-direction:column;margin-top:15px}.info-box h1{font-size:20px}.sec3-info{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.info-box p{font-size:15px}.sec3-img{display:none;margin-top:15px;width:100%!important}.sec3-img img{display:none;height:auto;width:100%}.footer{height:100%;padding:30px 10px}.footer-container{align-items:center;flex-direction:column;gap:20px;padding:10px}.fc-box{align-items:center;text-align:center;width:100%!important}.fc-box h3,.fc-box p{margin:0;padding:0;text-align:center}.fc-box1{gap:15px;grid-template-columns:1fr;width:100%!important}.fc-box2 h3{margin:0;padding:0;text-align:center;width:100%!important}.box-isi p{display:none}.footer-cr{flex-direction:column;gap:8px;padding:10px 5px;text-align:center;width:100%}.fcr-left{font-size:12px}.fcr-right{gap:5px}.fcr-right p{font-size:12px}}@media (min-height:376px) and (max-height:600px){.lp-container{padding-top:80px}.header-container{width:90%}}.sidebar-layout-container{border-right:1px solid var(--border)}.sidebar-container,.sidebar-layout-container{background-color:var(--bg-sidebar);display:flex}.sidebar-container{align-items:center;color:var(--sub-text);cursor:pointer;flex-direction:column;height:100vh;justify-content:center;padding:10px}.show-sidebar{padding-top:15px}.show-sidebar .sidebar-menu{padding:5px}.close-sidebar{padding-top:15px;width:80px}.logo-sidebar{align-items:center;background:var(--logo-bg-gradient);border-radius:6px;display:flex;justify-content:center;padding:2px 5px}.show-sidebar .logo-image{transition:.2s ease;width:140px}.close-sidebar .logo-image{transition:.2s ease;width:30px}.sidebar-menu{display:flex;flex-direction:column;height:100%;padding:5px 0}.sidebar-main{align-items:center;border-radius:8px;color:var(--sub-text);cursor:pointer;display:flex;padding:4px 6px;transition:.2s ease}.sidebar-main.active,.sidebar-main:hover{background-color:var(--primary)}.sidebar-main.expanded{justify-content:flex-start}.sidebar-main.collapsed{justify-content:center;width:-webkit-fit-content;width:fit-content}.sidebar-link{color:inherit;text-decoration:none;width:100%}.sidebar-icon,.sidebar-link{align-items:center;display:flex}.sidebar-icon{color:var(--sub-text);font-size:25px;justify-content:center;padding:2px}.sidebar-label{color:var(--sub-text);font-size:12px;font-weight:500;margin-left:10px}.sidebar-main.active .sidebar-icon,.sidebar-main.active .sidebar-label,.sidebar-main.active .sidebar-link,.sidebar-main:hover .sidebar-icon,.sidebar-main:hover .sidebar-label,.sidebar-main:hover .sidebar-link{color:#fff!important}.btn-arr{align-items:center;display:flex;justify-content:flex-end}.btn-arrow{background-color:initial;border:none;border-radius:50%;color:var(--sub-text);cursor:pointer;font-size:24px;padding:6px;transition:.2s}.btn-arrow:hover{color:var(--primary)}.navbar-container{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border);justify-content:space-between;padding:3px 0;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:100}.logo,.navbar-container{align-items:center;display:flex}.logo{color:var(--primary);cursor:pointer;font-size:15px;font-weight:700;gap:4px;margin-left:10px;padding:2px;width:20vw}.logo .mini-logo{background:var(--bg-icon2);border:1px solid var(--bg);border-radius:4px;color:#fff;font-size:15px;margin-right:3px;padding:3px}.logo h4{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#692bae,#3a5bff);-webkit-background-clip:text;font-size:17px;font-weight:700}.more-fiture{align-items:center;display:flex;justify-content:flex-end;margin-right:10px;padding:3px 10px}.more-fiture .input{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;display:flex;padding:3px 5px;transition:border .3s ease,box-shadow .3s ease;width:15vw}.more-fiture .input:hover{background-color:#ffffff40;border-color:#fff6}.more-fiture .input:focus-within{border-color:#0000;border-radius:8px!important;box-shadow:0 0 15px 5px #783fbf1a,0 0 10px 2px #da6e3c1a}.input-icon{color:#ffffffb3;font-size:20px;width:20%}.input input{background:#0000;border:none;font-size:13px;margin-left:2px;outline:none;padding:2px;width:80%}.more-action{align-items:center;display:flex;gap:5px;padding:2px 5px;position:relative}.more-action .icon-wrapper{border-radius:8px;color:var(--sub-text);cursor:pointer;padding:5px;transition:background-color .2s ease}.icon-wrapper .icon-icon{fill:currentColor!important;stroke:currentColor!important;color:inherit!important;transition:color .2s ease}.icon-wrapper.active,.icon-wrapper:hover{background-color:var(--primary);color:var(--text-white)!important}.icon-icon{cursor:pointer;font-size:20px;transition:color .2s ease,transform .2s ease}.switch{align-items:center;background-color:#363b47;border:none;border-radius:30px;box-shadow:inset 0 0 5px #00000026;cursor:pointer;display:flex;height:25px;margin-left:5px;padding:1px 3px;position:relative;transition:background .3s ease;width:50px}.switch.active{background:#f9d670}.switch-circle{align-items:center;background:#fff;border-radius:50%;box-shadow:0 3px 6px #00000040;display:flex;font-size:15px;height:20px;justify-content:center;left:3px;position:absolute;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;width:20px}.switch.active .switch-circle{transform:translateX(22px)}.switch-circle svg{color:#777}.switch.active .switch-circle svg{color:#f9d670}.more-fiture .profil{margin-left:5px}.profil .icon-wrapper{cursor:pointer;display:inline-block;padding:0;position:relative}.icon-wrapper img{background-color:var(--bg);border-radius:50%;height:35px;object-fit:cover;width:35px}.status-online{background-color:#fff;border:2px solid #fff;border-radius:50%;bottom:0;color:#4caf50;font-size:13px;position:absolute;right:0}.agenda-modal,.calender-modal,.notes-modal,.notif-modal{background:#fff;border-radius:16px;box-shadow:0 4px 8px #6b11cb40;position:absolute;right:5%;top:140%}.calender-modal{border:1px solid #333;top:100%}.notif-modal{border:1px solid #ddd}.notes-modal{border:1px solid #6a11cb;padding:5px;width:40vw}.agenda-modal{border:1px solid #6a11cb;width:30vw}@media (min-width:992px) and (max-width:1199.98px){.more-fiture .profil{width:10vw}}@media (min-width:768px) and (max-width:991.98px){.navbar-container .logo{width:20%}.notif-modal{width:40vw}.more-fiture{width:60%}.more-fiture .profil{width:10vw}.agenda-modal{width:50vw}}@media (min-width:576px) and (max-width:768px){.navbar-container .logo{width:20%}.notif-modal{width:40vw}.more-fiture{width:70%}.more-fiture .profil{width:10vw}.agenda-modal{width:60vw}}@media (min-width:375px) and (max-width:575px){.navbar-container .logo{width:80%}.more-fiture{margin-right:0;width:90%}.more-fiture .profil{width:20vw}.more-fiture .input{background:#0000;border:none;justify-content:center;padding:0;width:3vh}.more-fiture .input input{display:none}.input-icon{font-size:22px;width:100%}}.navNotif-container{background-color:#fff;border-radius:16px;height:-webkit-fit-content;height:fit-content;width:30vw}.navNotif-header{align-items:center;background:linear-gradient(90deg,#7246eb,#532189);border-bottom:1px solid #ddd;border-top-left-radius:16px;border-top-right-radius:16px;color:#fff;display:flex;justify-content:space-between;margin-bottom:5px;padding:5px 8px}.navNotif-header .navNotif-left{gap:0}.navNotif-left .bel-icon{background-color:hsla(0,0%,100%,.357);border-radius:8px;color:#fff;padding:5px}.navNotif-left h4{align-items:center;display:flex;font-weight:700;gap:5px;justify-content:flex-start;margin:0}.navNotif-left p{color:#fff;font-size:12px;margin:0}.close-header{cursor:pointer}.btn-nav-notif{align-items:center;display:flex;justify-content:flex-start;margin-bottom:10px;padding:0 8px}.btn-nav-notif .navNotif-btn{background-color:#fff!important;border:2px solid #fff;border-radius:0;color:#333;cursor:pointer;font-size:12px;padding:5px;width:8vw}.navNotif-btn.active,.navNotif-btn:hover{border-bottom:2px solid #6a11cb;color:#6a11cb}.navNotif-body{border-radius:4px;height:35vh;overflow-y:auto;padding:8px}.notif-badge{background-color:red;border-radius:10px;color:#fff;font-size:10px;margin-left:6px;padding:2px 6px}@media (min-width:992px) and (max-width:1199.98px){.navNotif-container{width:40vw}}@media (min-width:768px) and (max-width:991.98px){.btn-nav-notif{justify-content:center}.btn-nav-notif .navNotif-btn{width:10vw}.navNotif-container{width:45vw}}@media (min-width:576px) and (max-width:767.98px){.btn-nav-notif{justify-content:center}.btn-nav-notif .navNotif-btn{width:10vw}.navNotif-container{width:50vw}}@media (min-width:375px) and (max-width:575px){.btn-nav-notif{gap:5px;justify-content:center}.btn-nav-notif .navNotif-btn{width:20vw}.navNotif-container{width:100%}}.allNotif-nav{padding:5px}.allNotif-nav ul{gap:5px}.allNotif-nav li{align-items:end;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin:10px 0;padding:10px}.allNotif-nav li:hover{box-shadow:0 4px 8px #5e12eb46}.sn-text .sn-date{color:grey;font-size:10px}.sn-btn{align-items:center;display:flex;font-size:10px;justify-content:flex-end;width:30%}.sn-btn button{border:1px solid #ddd;border-radius:4px;color:#6a11cb;cursor:pointer;font-size:10px;padding:4px}.sn-btn button:hover{border:1px solid #6a11cb;box-shadow:0 4px 8px #5e12eb46}.empty-mess{align-items:center;display:flex;flex-direction:column;height:30vh;justify-content:center}.empty-mess h3{font-size:15px;margin:0}.empty-mess p{color:#333;font-size:10px}.search-card-container{align-items:center;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;gap:5px;justify-content:space-between;padding:3px 5px;transition:.2s ease;width:100%}.search-card-container:hover{border-color:#5d12eb;box-shadow:0 4px 8px #5e12eb46}.search-card-container .sc-icon{font-size:18px}.search-card-container input{border:1px solid #fff;border-radius:8px;color:#5e5e5e;font-size:10px;outline:none;padding:5px;width:15vw}.search-card-container .search-card-btn{background-color:#5d12eb;border:1px solid #5d12eb;border-radius:8px;color:#fff;font-size:12px;letter-spacing:.5px;padding:5px}.search-card-result{background-color:#fff;border:1px solid #b4a3d2;border-radius:10px;box-shadow:0 4px 8px #5e12eb46;position:absolute;right:10%;top:100%;z-index:99}.no-res{align-items:center;color:var(--primary-soft);display:flex;flex-direction:column;height:60%;justify-content:center;padding:10px}.no-res h5{font-size:15px;font-weight:700;margin:0}.no-res p{font-size:12px;padding:0;text-align:center;width:60%}.search-card-result .search-result-list{gap:3px;height:40vh;overflow-y:auto;padding:5px}.search-result-list .search-result-item{align-items:flex-start;background-color:var(--bg);cursor:pointer;display:flex;gap:10px;justify-content:flex-start;margin:5px;padding:5px;transition:.2s ease}.search-result-list .search-result-item:hover{background-color:var(--border);border-bottom:2px solid var(--border-sec);border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 4px 8px #5e12eb46}.result-icon{background-color:var(--primary);border-radius:50%;margin-top:8px;padding:5px}.result-icon .ri{color:var(--text-white);font-size:12px}.result-isi{display:flex;flex-direction:column;gap:4px}.result-isi .card-title{border-bottom:.5px solid var(--sub-text);color:var(--text);font-size:12px;margin-bottom:3px;padding:3px}.result-isi .p-desc{color:var(--sub-text);font-size:8px}.result-isi .p-contex{color:var(--sub-text);font-size:10px}mark{background-color:var(--primary-soft);border-radius:2px;color:var(--sub-text)!important;padding:2px 5px}.search-global-container{align-items:center;border:1px solid var(--border);border-radius:16px;color:var(--sub-text);cursor:pointer;display:flex;gap:5px;padding:3px 10px;transition:.2s ease}.search-global-container:hover{box-shadow:var(--box-shadow)}.search-global-container input{background:#0000;border:none;color:var(--sub-text);font-size:10px;outline:none;padding:3px;width:18vw}.icon-search{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6a5af9,#8f6cfb,#c56afc);-webkit-background-clip:text;font-size:15px}.search-global-result{background-color:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--box-shadow);height:60vh;opacity:1;position:absolute;right:20;top:100%;transition:opacity .2s ease-in-out;width:40%;z-index:99999}.search-global-result .search-result-list{gap:3px;height:52vh;overflow-y:auto;padding:5px}.search-global-result .search-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:5px 10px}.search-header h2{align-items:center;color:var(--sub-text);display:flex;font-size:15px;font-weight:700;gap:5px;margin:0}.sgh-icon{background-color:var(--primary);border:1px solid var(--primary);border-radius:8px;color:var(--text-white);padding:5px;width:-webkit-fit-content;width:fit-content}.search-close-btn{color:#5d12eb;cursor:pointer;font-size:13px}.archive-card{background-color:var(--bg)!important;border-top-left-radius:8px;border-top-right-radius:8px}.archive-card:hover{background-color:var(--border)!important;border-bottom:2px solid var(--red-bg)!important;box-shadow:0 4px 8px #f8717146!important}.archive-badge{background-color:var(--red-bg);border-radius:4px;color:#fff;font-size:10px;margin-left:8px;padding:2px 6px}.na-text{color:var(--text);font-style:italic}.loading-spinner{align-items:center;animation:fadeIn .2s ease-in-out;display:flex;flex-direction:column;padding:25px 0}.loading-spinner .dot{animation:bounce .6s infinite alternate;background:var(--primary);border-radius:50%;color:#5d12eb;height:10px;margin:4px;width:10px}.loading-spinner .dot:nth-child(2){animation-delay:.2s}.loading-spinner .dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:translateY(-4px)}}@media (min-width:1200px) and (max-width:1400px){.search-card-container input,.search-card-result{right:0;width:100%}}@media (min-width:992px) and (max-width:1199.98px){.search-global-container,.search-global-container input{width:100%}.search-global-result{right:0!important;width:50%}.search-card-container input,.search-card-result{right:0;width:100%}}@media (min-width:768px) and (max-width:991.98px){.search-global-container,.search-global-container input{width:100%}.search-global-result{right:0!important;width:50%}.search-card-container input,.search-card-result{right:0;width:100%}}@media (min-width:576px) and (max-width:767.98px){.search-global-container,.search-global-container input{width:100%}.search-global-result{right:0!important;width:80%}.search-card-container input{width:100%}.search-card-result{right:0;width:70vw}}@media (min-width:375px) and (max-width:575px){.search-global-container{width:80%}.search-global-container input{width:100%}.search-global-result{right:0!important;width:90%}.search-card-container input{width:100%}.search-card-result{right:0;width:80vw}}@media screen and (max-height:600px){.search-card-container input{font-size:8px;padding:2px}.search-card-container .sc-icon{font-size:14px}}.layout-container{background-color:var(--bg);display:flex;flex-direction:column;height:100vh;padding:0}.navbar{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:100}.main{display:flex;height:100vh;overflow:hidden}.main .sidebar{background-color:red}.sidebar-toggle{background-image:linear-gradient(180deg,#5e1d67,#671b71,#70197b,#791585,#82108f,#84199b,#8621a8,#8629b5,#7b3ac7,#6b49d8,#5357e9,#2264f9);border:none;border-radius:16px;color:#fff;cursor:pointer;display:none;font-size:20px;left:10px;padding:5px;position:absolute;top:5%;z-index:200}@media (min-width:375px) and (max-width:667px){.sidebar{display:none}.sidebar-toggle{display:block}}.agenda-page-container{align-items:center;background-color:#eee;border:1px solid #ddd;border-radius:8px;color:#333;display:flex;flex-direction:column;gap:10px;height:91vh;margin:15px;padding:0}.agenda-page-container .agenda-page-header{background-color:#fff;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 4px 8px (0,0,0,.1);padding:10px;width:100%}.agenda-page-header .ap-title{align-items:center;display:flex;flex-direction:row;gap:5px;justify-content:flex-start}.ap-title .ap-icon{background:linear-gradient(180deg,#6e30dc,#5d12eb);border-radius:8px;color:#fff;padding:5px}.agenda-page-header h2{color:#5320be;font-size:20px;font-weight:700;margin:0}.agenda-page-header h4{color:#646363;font-size:15px;font-weight:700;margin:0}.agenda-page-header p{color:grey;font-size:12px}.agenda-page-container .agenda-page-action{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:10px;display:flex;justify-content:space-between;padding:10px 20px;position:relative;width:98%}.agenda-page-action .action-left{align-items:center;border:1px solid #ddd;border-radius:8px;display:flex;justify-content:flex-start;padding:4px;width:40%}.ac-icon{color:grey;font-size:25px}.ac-icon:hover{background-color:#fff;border:1px solid #fff}.action-left input{border:1px solid #fff;font-size:12px;padding:0 5px;width:100%}.action-left input:focus{outline:none}.agenda-page-action .action-right{align-items:center;display:flex;gap:5px;justify-content:flex-end;position:relative;width:60%}.dropdown-wrapper{align-items:center;display:flex;justify-content:flex-start;position:relative}.dropdown-wrapper p{color:#5e5e5e;font-size:12px;font-weight:700;margin-right:10px}.dropdown-toggle{align-items:center;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;min-width:180px;padding:7px 12px}.dropdown-menu,.dropdown-toggle{background-color:#fff;border:1px solid #ccc;border-radius:6px}.dropdown-menu{box-shadow:0 4px 8px #0000001a;max-height:200px;overflow-y:auto;padding:2px;right:0;top:110%;width:65%;z-index:100}.dropdown-menu li{border:1px solid #fff;border-radius:8px;padding:8px 12px}.dropdown-menu li.active,.dropdown-menu li:hover{background-color:#e5d3f8;color:#5320be;font-weight:700}.action-right .form-agenda{align-items:center;background-color:#6a11cb;border:1px solid #fff;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:5px;justify-content:center;padding:7px 10px}.create-agenda-form{background-color:#fff;border:1px solid #e5d3f8;border-radius:16px;box-shadow:0 4px 8px #5e12eb46;padding:10px;position:absolute;right:5%;top:20%;width:30%;z-index:101}.create-agenda-form .create-agenda-header{align-items:center;background-color:#fff;border-bottom:1px solid #ddd;color:#333;display:flex;justify-content:space-between;padding:10px}.create-agenda-header .agenda-header-left{align-items:center;display:flex;gap:5px;justify-content:flex-start}.agenda-header-left .icon-agenda{background:linear-gradient(90deg,#7246eb,#532189);border-radius:6px;color:#fff;margin-right:5px;padding:5px}.create-agenda-header h3{font-size:15px;font-weight:700}.cah-icon{cursor:pointer}.create-agenda-form form{border:1px solid #fff;border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:10px}form .ap-box{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.ap-box label{color:#333;font-size:12px;width:100%}.ap-box .span-red{color:red;font-size:15px;margin-left:5px}.ap-box input,.ap-box select,.ap-box textarea{border:1px solid #ccc;border-radius:8px;font-size:12px;padding:8px;width:100%}.ap-box input:focus,.ap-box input:hover,.ap-box select:focus,.ap-box select:hover,.ap-box textarea:focus,.ap-box textarea:hover{border:1px solid #6a11cb;box-shadow:0 4px 8px #6b11cb40;outline:none}.create-agenda-form select{color:grey;font-size:12px;padding:5px}.create-agenda-form button{background-color:#6a11cb;border:1px solid #6a11cb;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px;width:100%}.create-agenda-form button:hover{box-shadow:0 4px 8px #6b11cb40}.agenda-page-content{background-color:#f8f9fb;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 8px #0000000d;height:70vh;overflow-x:auto;padding:0;width:98%}.empty-agenda-container{height:100%;width:100%}.empty-agenda-container,.empty-agenda-container .empty-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.empty-agenda-container .empty-container{background-color:#fff;border:1px dashed #ddd;border-radius:16px;box-shadow:0 2px 8px #0000000d;cursor:pointer;height:-webkit-fit-content;height:fit-content;width:60%}.empty-container:hover{border:1px dashed #532189;box-shadow:0 4px 8px #5e12eb46}.empty-container h3{color:#5320be;font-size:20px;font-weight:700}.empty-container p{color:grey;font-size:12px;margin:8px 0;text-align:center}.empty-container .btn-create-agenda{background-color:#5320be;border:1px solid #5320be;border-radius:16px;color:#fff;cursor:pointer;font-size:13px;padding:8px;text-align:center;width:50%}.btn-create-agenda:hover{box-shadow:0 4px 8px #5e12eba5}.agenda-table-box{height:60vh;overflow-y:auto}.agenda-page-table{border-collapse:collapse;font-family:Segoe UI,sans-serif;position:relative;width:100%}.agenda-page-table thead th{background-color:#eef0f2;color:#5e5e5e;font-size:13px;font-weight:400;letter-spacing:.5px;padding:12px 16px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:99}.agenda-page-table tbody td{background-color:#fff;color:#374151;font-size:12px;padding:10px 16px;vertical-align:top}.agenda-page-table tbody tr:hover td{background-color:#f3f4f6;transition:background-color .2s ease}.agenda-modals{align-items:center;background-color:rgba(0,0,0,.155);display:flex;height:95%;justify-content:center;left:0;position:absolute;top:5%;width:100%;z-index:200}.agenda-modals-box{background-color:#fff;border:1px solid #ddd;border-radius:12px;height:80%;padding:0;width:40%}.agenda-modals-box .modals-header{align-items:center;background:linear-gradient(90deg,#5c48f5,#9a40f8);border-bottom:1px solid #6a11cb;border-top-left-radius:12px;border-top-right-radius:12px;color:#fff;display:flex;justify-content:space-between;padding:10px 20px}.modals-header .mh-left{align-items:center;display:flex;gap:10px;justify-content:flex-start}.mh-left .icon{background-color:hsla(0,0%,100%,.291);border:1px solid hsla(0,0%,100%,.291);border-radius:10px;color:#fff;font-size:18px;padding:5px 8px}.mh-left .title{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:flex-start}.title input{background:linear-gradient(90deg,#5c48f5,#9a40f8);border:none;color:#fff;font-size:15px;width:100%}.title input:focus{outline:none}.title h3{font-size:15px;font-weight:700;margin:0}.title p{font-size:10px;padding:0;width:100%}.close-icon{cursor:pointer;font-size:18px}.close-icon,.close-icon:hover{filter:drop-shadow(0 0 1px #5320be)}.close-icon:hover{box-shadow:0 4px 8px #6b11cb40;transform:scale(1.2);transition:transform .2s ease}.modals-content{height:-webkit-fit-content;height:fit-content;padding:10px}.modals-content .modals-action{align-items:center;display:flex;justify-content:space-between;margin:10px 0;padding:5px}.modals-action .ma-left{align-items:center;display:flex;justify-content:flex-start}.modals-action .trash-btn{border:1px solid #fff;border-radius:8px;color:#5e5e5e;cursor:pointer;font-size:18px;padding:5px}.modals-action .trash-btn:hover{background-color:#ddd}.modals-date{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;gap:7px;justify-content:center;margin:10px 0;padding:10px}.modals-date .md-top{align-items:center;display:flex;gap:10px;justify-content:flex-start;width:50%}.top-left{background-color:#d8d4f9;color:#5c48f5}.top-left,.top-left2{border:1px solid #f6f6f6;border-radius:6px;padding:8px}.top-left2{background-color:#e5d3f8;color:#9a40f8}.top-right{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.top-right p{color:#5e5e5e;font-size:11px;margin:0;width:100%}.top-right h4{color:#374151;font-size:14px;font-weight:700;margin:0;width:100%}.modals-main{padding:5px}.modals-main .mm-header{align-items:center;display:flex;gap:5px;justify-content:flex-start;margin-bottom:10px}.mm-icon{background:linear-gradient(90deg,#7246eb,#532189);border:1px solid #fff;border-radius:8px;color:#fff;font-size:15px;padding:5px}.mm-header h4{color:#333;font-size:15px;font-weight:700}.mm-desc{border:1px solid #f6f6f6;border-radius:10px;height:43vh;overflow-y:auto;padding:10px}.mm-desc,.mm-desc textarea{background-color:#f6f6f6;width:100%}.mm-desc textarea{color:#5320be;font-size:12px;height:100%}.mm-desc textarea:focus{outline:none}.mm-desc p{color:grey;font-size:12px}.action-page-icon{align-items:center;display:flex;gap:5px;justify-content:center}.action-page-icon .action-btn{background-color:#fff;border:1px solid #fff;border-radius:8px;cursor:pointer;font-size:18px;padding:2px 5px}.action-page-icon .action-btn:hover{background-color:#ddd;border:1px solid #ddd}.title-container{display:flex;flex-direction:column;justify-content:flex-start;padding:0;width:100%}.title-container h5{color:#6a11cb;cursor:pointer;font-size:14px;font-weight:700;margin:0;width:100%}.title-container h5:hover{text-decoration:underline}.title-container p{color:#374151;font-size:12px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:20vw}.status{color:#fff;font-weight:700;padding:4px 15px}.done-agenda,.status{border:1px solid #fff;border-radius:8px;font-size:10px;width:-webkit-fit-content;width:fit-content}.done-agenda{cursor:pointer;padding:5px 8px;text-align:center}.status-badge{border-radius:9999px;display:inline-block;font-size:13px;font-weight:600;padding:4px 10px;text-transform:capitalize}.action-buttons{display:flex;gap:10px}.action-buttons button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:16px;transition:all .2s ease}.action-buttons button:hover{color:#111827;transform:scale(1.1)}@media (min-width:992px){.agenda-modals-box{width:55%}.mh-left .icon{font-size:15px}.title h3{font-size:12px}.title p{font-size:8px}.mm-header h4,.mm-icon,.top-right h4{font-size:12px}.mm-icon{padding:4px}}@media (min-width:768px) and (max-width:991.98px){.agenda-page-container .agenda-page-action{padding:10px!important}.agenda-page-action .action-left{width:30%}.agenda-page-action .action-right{width:70%}.agenda-modals-box{width:60%}.mh-left .icon{font-size:15px}.title h3{font-size:12px}.title p{font-size:8px}.mm-header h4,.mm-icon,.top-right h4{font-size:12px}.mm-icon{padding:4px}.create-agenda-form{width:50%}}@media (min-width:576px) and (max-width:767.98px){.agenda-page-container .agenda-page-action{padding:10px!important}.agenda-page-action .action-left{width:30%}.agenda-page-action .action-right{width:70%}.dropdown-wrapper{justify-content:flex-end}.dropdown-wrapper p{font-size:10px;margin-right:5px!important}.dropdown-toggle{min-width:15vw!important;padding:7px}.dropdown-menu{width:60%}.dropdown-menu li{font-size:10px;padding:8px}.agenda-modals-box{width:80%}.agenda-page-table thead th{font-size:12px}.agenda-page-table tbody td{padding:5px}.mh-left .icon{font-size:15px}.title h3{font-size:12px}.title p{font-size:8px}.mm-header h4,.mm-icon,.top-right h4{font-size:12px}.mm-icon{padding:4px}.create-agenda-form{width:70%}}@media (max-width:575.98px){.agenda-page-header p{display:none}.agenda-page-container .agenda-page-action{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:10px!important}.agenda-page-action .action-left{width:100%}.dropdown-wrapper{width:70%}.dropdown-wrapper p{font-size:10px;margin-right:5px}.agenda-page-action .action-right{width:100%}.dropdown-toggle{min-width:145px}.agenda-page-table thead th{font-size:10px}.agenda-page-table tbody td{padding:5px}.mh-left .icon{font-size:15px}.title h3{font-size:12px}.title p{font-size:8px}.title-box{margin:0;max-width:50vw;min-width:50vw;padding:0;width:50vw}.title-container p{width:45vw}.date-cont,.done-cont,.status-cont{font-size:10px;margin:0;max-width:30vw;min-width:30vw;padding:0;width:30vw}.modals-content{padding:0 10px 10px}.mm-header h4,.top-right h4{font-size:10px}.mm-icon{font-size:12px;padding:4px}.create-agenda-form{width:90%}}@media screen and (max-height:600px){.agenda-page-header h2{font-size:15px}.agenda-page-header p{font-size:10px}.agenda-page-container .agenda-page-action{padding:5px 20px}.agenda-page-action .action-left{padding:2px}.ac-icon{font-size:20px}.action-left input,.dropdown-toggle{font-size:10px}.create-agenda-form,.create-agenda-form .create-agenda-header{padding:5px}.create-agenda-header h3{font-size:12px}.create-agenda-form form{gap:5px;padding:5px}.ap-box label{font-size:10px}.ap-box input,.ap-box select,.ap-box textarea{font-size:10px;padding:5px}.title-container h5{font-size:12px}.agenda-modals{height:100%;top:0}.agenda-modals-box{height:90%}.agenda-modals-box .modals-header{padding:10px}.modals-action{padding:0}.mm-desc{height:45vh}}.notes-page-container{align-items:center;background-color:#eee;border:1px solid #ddd;border-radius:8px;color:#333;display:flex;flex-direction:column;gap:10px;height:91vh;margin:15px;padding:0}.notes-page-container .notes-page-header{align-items:center;background-color:#fff;border-bottom:1px solid #ddd;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between;padding:10px;width:100%}.notes-page-header .header-left{padding:0}.header-left h2{color:#333;font-size:20px;font-weight:700;margin:0}.header-left p{color:grey;font-weight:400}.notes-page-header .header-right{align-items:center;display:flex;gap:10px;justify-content:flex-start;padding:0;position:relative}.header-right .search-box{align-items:center;border:1px solid #ddd;border-radius:14px;display:flex;gap:5px;justify-content:flex-start;padding:5px 10px}.search-box:hover{box-shadow:0 4px 8px #6b11cb40}.search-box input{background-color:#ddd0;border:1px solid #ddd0;border-radius:10px;color:grey;font-size:12px;padding:4px 8px}.search-box input:focus{background-color:#ddd0;outline:none}.header-right .btn-note{align-items:center;background-color:#6a11cb;border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer;display:flex;gap:5px;justify-content:center;padding:5px 10px}.btn-note:hover{box-shadow:0 4px 8px #6b11cb40}.form-create-note{border:1px solid #ddd;border-radius:16px;box-shadow:0 4px 8px #6b11cb40;flex-direction:column;justify-content:center;position:absolute;right:0;top:16%;width:25%;z-index:199}.form-create-note,.form-create-note .fc-header{align-items:center;background-color:#fff;display:flex}.form-create-note .fc-header{border-bottom:1px solid #ddd;border-top-left-radius:8px;border-top-right-radius:8px;color:#333;justify-content:space-between;padding:15px 10px}.fc-header .fc-header-left{align-items:center;display:flex;gap:10px;justify-content:flex-start}.fc-header-left h2{font-size:13px;font-weight:700}.note-icon{background:linear-gradient(90deg,#7246eb,#532189);border-radius:6px;color:#fff;margin-right:5px;padding:5px}.form-create-note .fc-content{gap:10px;padding:10px 15px}.fc-content .fc-box,.form-create-note .fc-content{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.fc-box label{color:#333;font-size:12px;width:100%}.fc-box span{font-size:15px;margin-left:5px}.fc-box input,.fc-box textarea{border:1px solid #eee;border-radius:8px;color:grey;font-size:12px;padding:3px 10px;width:100%}.fc-box input:focus,.fc-box input:hover,.fc-box textarea:focus,.fc-box textarea:hover{border:1px solid #6a11cb;box-shadow:0 4px 8px #6b11cb40}.fc-box input:focus,.fc-box textarea:focus{outline:none}.fc-content button{align-items:center;background-color:#6a11cb;border:1px solid #6a11cb;border-radius:10px;color:#fff;cursor:pointer;display:flex;gap:10px;justify-content:center;padding:5px;width:100%}.fc-content button:hover{box-shadow:0 4px 8px #6b11cb40}.notes-page-container .notes-page-content{grid-gap:7px;display:grid;gap:7px;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:repeat(4,1fr);height:78vh;padding:10px 20px;width:100%}.note-form{display:flex;flex-direction:column;gap:10px;margin:20px 0}.note-form input,.note-form textarea{border:1px solid #ccc;border-radius:6px;padding:10px}.no-box{align-items:center;background-color:#fff;border:1px dashed #ddd;border-radius:6px;box-shadow:0 4px 8px #65656540;cursor:pointer;display:flex;flex-direction:column;gap:10px;height:25vh;justify-content:center;margin-bottom:10px;padding:20px;position:relative;width:30vw}.no-box:hover{border:1px dashed #6a11cb;box-shadow:0 4px 8px #6b11cb40}.no-box .plus{background-color:#eee;border:1px solid #eee;border-radius:16px;color:#333;padding:10px;width:-webkit-fit-content;width:fit-content}.no-box h3{color:#000;font-size:15px;font-weight:700}.no-box p{color:grey;font-size:10px;text-align:center;width:100%}.note-item{border:1px solid #b3a5c200;border-radius:6px;box-shadow:0 4px 8px #65656540;cursor:pointer;display:flex;flex-direction:column;gap:10px;height:25vh;margin-bottom:10px;padding:15px;position:relative;width:20vw}.note-item:hover{border:1px solid #765698;box-shadow:0 4px 8px #6b11cb40}.note-item .note-item-header{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.note-item-header .header-title{align-items:center;color:#333;display:flex;font-size:13px;font-weight:700;gap:5px;justify-content:flex-start;width:50%}.note-header-icon{background-color:#dcc1f9;border:1px solid #dcc1f9;border-radius:8px;color:#6a11cb;padding:5px}.note-item-header .header-btn{align-items:center;display:flex;gap:2px;justify-content:flex-end;width:50%}.header-btn .btn{border:1px solid #fff0;border-radius:8px;color:#ababab;cursor:pointer;padding:5px}.btn:hover{background-color:#eee;border:1px solid #eee;box-shadow:0 4px 8px #6b11cb40}.note-actions{display:flex;gap:10px;position:absolute;right:10px;top:10px}.color-container{grid-gap:5px;align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 8px #6b11cb40;display:grid;gap:5px;grid-template-columns:repeat(5,30px);justify-content:flex-start;padding:8px;position:absolute;right:0;top:20%;z-index:100}.color-container button{border:1px solid #ccc;border-radius:6px;color:#000;cursor:pointer;font-size:.8rem;padding:8px}.color-container button:hover{border:1px solid #6a11cb}.note-item-main{height:15vh;width:100%}.note-item-main h3{color:#333;font-size:12px;font-weight:700;margin:0 0 5px;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.note-item-main p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:grey;display:-webkit-box;font-size:10px;height:8vh;overflow:hidden;text-overflow:ellipsis;width:100%}.note-item-footer{align-items:center;display:flex;justify-content:space-between;position:relative}.note-item-footer p{word-wrap:break-word;color:grey;font-size:8px;overflow-wrap:break-word;white-space:normal}.note-item-footer .footer-btn{background-color:#6a11cb;border:1px solid #6a11cb;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;padding:5px 8px}.footer-btn:hover{box-shadow:0 4px 8px #6b11cb40}.note-detail-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.note-detail-content{animation:fadeIn .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 15px #0003;height:70vh;max-width:600px;width:80%}.note-detail-content .detail-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:10px 15px}.detail-header p{font-size:15px;font-weight:700;margin:0}.detail-header .btn-close{border:1px solid #fff;border-radius:8px;color:#6a11cb;cursor:pointer;font-size:15px;padding:5px}.btn-close:hover{background-color:#ddd;border:1px solid #ddd;box-shadow:0 4px 15px #0003}.note-detail-modal .detail-main{gap:10px;height:90%;padding:10px 15px 15px;width:100%}.detail-main .main-header{align-items:center;display:flex;justify-content:flex-end;margin-bottom:15px;width:100%}.main-header p{color:grey;font-size:12px;margin:0}.detail-main .main-content{background-color:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 4px 8px #0003;height:55vh;overflow-y:auto;padding:10px;width:100%}.main-title h3{word-wrap:break-word;border:1px solid ddd;color:#333;font-weight:700;margin:0 0 10px;overflow-wrap:break-word;white-space:normal}.main-title h3,.main-title input{font-size:15px;padding:5px;width:100%}.main-title input{border:1px solid #ddd;border-radius:8px;margin-bottom:10px}.main-content p{height:45vh;margin:0;padding:5px}.main-content .textarea,.main-content p{color:#5e5e5e;font-size:12px;overflow-y:auto;width:100%}.main-content .textarea{border-radius:8px;height:35vh;margin:0 0 5px;padding:10px 5px 5px}.main-content .textarea:focus{background-color:#fff;border-radius:8px;outline:none}.btn-save{align-items:center;display:flex;justify-content:flex-end;width:100%}.btn-save button{background-color:#6a11cb;border:1px solid #6a11cb;border-radius:4px;color:#fff;cursor:pointer;padding:4px 15px;text-align:center}.btn-save button:hover{box-shadow:0 4px 8px #6b11cb40}.form-edit-note{background-color:#fff;border:1px solid #ccc;border-radius:8px;margin-top:10px;padding:12px;position:static;z-index:1}.fe-header{align-items:center;display:flex;justify-content:space-between}.fe-content input,.fe-content textarea{margin-bottom:8px;margin-top:8px;width:100%}.content-editable{border:1px solid #ccc;min-height:100px;outline:none;padding:10px}.chat-toolbar{display:flex;gap:8px;margin-bottom:8px}.emoji-picker{background:#fff;border:1px solid #ddd;display:flex;flex-wrap:wrap;height:-webkit-fit-content;height:fit-content;padding:5px;position:absolute;top:100%;width:30vw;z-index:10}.emoji-picker span{cursor:pointer;margin:2px}@media (min-width:768px) and (max-width:991.98px){.notes-page-header .header-right{gap:5px}.header-right .search-box{gap:0;padding:2px 10px;width:20vw}.search-box input{width:15vw}.notes-page-container .notes-page-content{grid-template-columns:repeat(3,1fr);padding:10px}.note-item{width:27vw}.note-item-main p{width:100%}.form-create-note{width:40%}}@media (min-width:576px) and (max-width:767.98px){.notes-page-header .header-right{gap:3px;width:60%}.header-right .search-box{gap:0;padding:2px 10px;width:25vw}.search-box input{width:15vw}.btn-note p{font-size:13px}.notes-page-container .notes-page-content{grid-template-columns:repeat(2,1fr);height:75vh;overflow-y:auto;padding:10px}.note-item{width:45vw}.form-create-note{width:40%}.note-detail-content{height:80vh;width:90%}.note-detail-modal .detail-main{height:100%}.detail-main .main-content{height:60vh}}@media (min-width:375px) and (max-width:575px){.notes-page-container .notes-page-header{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:flex-start}.header-left{text-align:left;width:100%}.header-left p{display:none}.notes-page-header .header-right{gap:3px;width:100%}.header-right .search-box{gap:0;padding:2px 10px;width:100%}.search-box input{width:15vw}.btn-note{padding:10px}.btn-note p{display:none}.notes-page-container .notes-page-content{align-items:center;display:flex;flex-direction:column;height:75vh;justify-content:flex-start;overflow-y:auto;padding:10px}.note-item{height:35vh;width:90%}.form-create-note{right:10px;top:20%;width:90%}.note-detail-content{height:80vh;width:90%}.note-detail-modal .detail-main{height:100%}.detail-main .main-content{height:60vh}}.employee-schedule-container{align-items:center;background-color:#fff;border-radius:8px;color:#333;display:flex;flex-direction:column;height:97%;justify-content:center;margin:15px}.schedule-header{align-items:center;border:1px solid #ddd;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;justify-content:space-between;padding:10px;width:98%}.schedule-header .sh-left{flex-direction:column;width:80%}.schedule-header .sh-left,.sh-left .shl-title{align-items:center;display:flex;justify-content:flex-start}.sh-left .shl-title{gap:10px;width:100%}.shl-icon{background:linear-gradient(90deg,#7246eb,#532189);border:1px solid #fff;border-radius:8px;color:#fff;font-size:15px;padding:5px}.sh-left h3{color:#5320be;font-size:15px;margin:0;width:100%}.schedule-header .sh-right{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:flex-end;position:relative;width:20%}.sh-right .schedule-filter{background-color:#5320be;border:1px solid #5320be;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:5px 10px}.filter-modal,.schedule-filter:hover{box-shadow:0 4px 8px #6b11cb40}.filter-modal{background-color:#fff;border-radius:8px;position:absolute;right:0;top:100%;width:15vw;z-index:100}.filter-modal .filter-header{align-items:center;background:linear-gradient(90deg,#7246eb,#532189);border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;display:flex;justify-content:space-between;padding:10px}.filter-header .header-left{align-items:center;display:flex;gap:5px;justify-content:flex-start}.header-left p{color:#fff;font-size:12px;margin:0;padding:0}.filter-header .close-header{cursor:pointer}.filter-modal .filter-box{gap:5px;list-style:none;margin:0;padding:10px}.filter-box .filter-li{border:1px solid #fff;border-radius:4px;color:#333;cursor:pointer;font-size:12px;margin:5px 0;padding:5px 10px}.filter-box .filter-li:hover{background-color:#ddd;border:1px solid #ddd}.sh-right .schedule-form{background-color:#5320be;border:1px solid #5320be;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:5px 10px;position:relative}.sh-right .schedule-form:hover{box-shadow:0 4px 8px #6b11cb40}.form-create-modal{align-items:center;background-color:#0000001a;bottom:0;display:flex;height:95%;justify-content:center;position:absolute;right:0;width:95%;z-index:100}.create-content{background-color:#fff;border:1px solid #ddd;border-radius:16px;box-shadow:0 4px 8px #6b11cb40;height:85%;width:70%}.create-content .create-header{align-items:center;background:linear-gradient(90deg,#7246eb,#532189);border-top-left-radius:16px;border-top-right-radius:16px;color:#fff;display:flex;justify-content:space-between;padding:10px 20px}.create-header .ch-left{align-items:center;display:flex;gap:10px;justify-content:flex-start}.ch-left .ch-icon{background-color:#ffffff8a;border:1px solid #ffffff8a;border-radius:8px;color:#fff;padding:8px}.create-header h2{font-size:18px;font-weight:700}.create-header h2,.create-header p{color:#fff;margin:0}.create-header .create-icon{cursor:pointer}.create-content .create-main-form{height:70vh;overflow-y:auto;padding:10px}.box-identitas-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:10px 0;width:100%}.box-identitas-container .isi-box-identitas{align-items:center;display:flex;gap:10px;justify-content:center;width:95%}.isi-box-identitas .box-identitas{align-items:center;display:flex;flex-direction:column;height:10vh;justify-content:flex-start;width:100%}.box-identitas-container h4{color:#333;font-size:15px;font-weight:700;width:100%}.box-identitas-container .bi-title{align-items:center;display:flex;gap:5px;justify-content:flex-start;width:100%}.bi-title .bi-icon{color:#a34dff;font-size:18px}.box-identitas .box-input{align-items:center;border-radius:8px;display:flex;flex-direction:row;gap:5px;justify-content:flex-start;padding:0 10px;width:100%}.box-icon{color:grey}.box-identitas span{color:red}.box-identitas label{color:#333;font-size:12px;margin-bottom:5px;width:100%}.box-identitas input{border:1px solid #fff;border-radius:4px;color:#5e5e5e;font-size:13px;margin-left:5px;padding:2px 10px;width:100%}.box-identitas input:hover{border:1px solid #fff}.box-identitas input:focus{outline:none}.create-main-form .box-shift{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.box-shift .shift-title{align-items:center;display:flex;justify-content:space-between;width:100%}.shift-title .st-left{align-items:center;display:flex;gap:5px;justify-content:flex-start}.st-left h4{color:#333;font-size:15px;font-weight:700;width:100%}.st-left .shift-icon{color:#a34dff;font-size:13px}.st-right{align-items:center;display:flex;gap:5px;justify-content:flex-end}.st-right .st-icon,.st-right p{color:#5e5e5e;font-size:10px}.shift-content{display:grid;grid-template-columns:repeat(3,1fr);padding:10px;width:100%}.shift-content .shift-con{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 8px #0003;margin:5px;padding:10px;position:relative}.shift-con:hover{border:1px solid #5320be;box-shadow:0 4px 8px #6b11cb40}.shift-con .sc-title{align-items:center;display:flex;gap:5px;justify-content:flex-start}.sc-title .sc-icon{color:#a34dff;font-size:12px}.shift-option{background-color:#fff;border:1px solid #ececec;border-radius:8px;cursor:pointer;font-size:12px;margin-top:5px;padding:5px;width:100%}.shift-option:hover{background-color:#eee}.shift-list{background-color:#fff;border:1px solid #eee;border-radius:4px;list-style:none;margin:0;padding:0;position:absolute;width:90%;z-index:100}.shift-li{background-color:#fff;border:1px solid #fff;border-radius:8px;cursor:pointer;font-size:12px;padding:5px 5px 5px 10px}.shift-li:hover{background-color:#eee}.btn-submit{align-items:center;display:flex;justify-content:flex-end;width:100%}.btn-submit button{background-color:#5320be;border:1px solid #5320be;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:5px 15px}.btn-submit button:hover{box-shadow:0 4px 8px #6b11cb40}.schedule-body{height:75vh!important;margin-top:5px;padding:0 10px}.schedule-body,.sep-table{border-collapse:collapse;overflow-x:auto;width:100%}.sep-table{font-family:Arial,sans-serif;font-size:14px}.sep-table thead th{background-color:#5320be;color:#fff;font-size:12px;font-weight:400;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:capitalize;top:0;z-index:99}.sep-table td{border:1px solid #e5e7eb;font-size:12px;padding:10px 12px;text-align:center;transition:background-color .3s ease;vertical-align:middle}.sep-table tbody tr:hover{background-color:#f3f4f6}.sep-table td:first-child,.sep-table th:first-child{font-weight:500;text-align:left}.schedule-shift-box{border-radius:6px;font-size:12px;font-weight:500;gap:6px;padding:6px 8px;transition:all .3s ease}.schedule-shift-box:hover{opacity:.8;transform:scale(1.03)}.schedule-shift-box{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;justify-content:center;padding:5px}.schedule-shift-box:hover{box-shadow:0 4px 8px #0003}.day-dropdown{background-color:#fff;border:1px solid #5320be;border-radius:8px;box-shadow:0 4px 8px #0003;color:#374151;height:-webkit-fit-content;height:fit-content;list-style:none;margin:0;padding:5px 7px;position:absolute;width:100%;z-index:10}.day-list{background-color:#fff;border:1px solid #fff;border-radius:8px;cursor:pointer;margin:3px 0;padding:6px 10px}.day-list:hover{background-color:#eee;border:1px solid #eee}@media (min-width:768px) and (max-width:991.98px){.form-create-modal{height:92%;width:100%!important}.create-content{height:90%;width:70%}}@media (min-width:576px) and (max-width:767.98px){.schedule-header{flex-direction:column}.schedule-header .sh-left{text-align:left;width:100%}.sh-desc p{display:none}.schedule-header .sh-right{width:100%}.sh-right .schedule-filter,.sh-right .schedule-form{text-align:center;width:50%}.schedule-body{-webkit-overflow-scrolling:touch;border-top-left-radius:16px;border-top-right-radius:16px;margin-top:10px;padding:0;width:95%}.sep-table{font-size:12px;min-width:600px!important}.filter-modal{left:0;width:100%}.form-create-modal{height:92%;width:100%!important}.create-content{height:90%;width:80%}.create-content .create-header{padding:10px}.create-header h2{font-size:13px}.create-header .create-icon{font-size:20px}.box-identitas-container{margin:2px 0}.box-identitas-container .isi-box-identitas{flex-direction:column;gap:0;margin:5px 0}.box-identitas .box-input{width:100%!important}.create-main-form .box-shift{border-top:1px solid #eee;margin-top:10px;padding-top:10px}.box-shift .shift-title{padding:0 5px}.shift-title .st-left{width:100%}.st-right p{display:none}.st-right .st-icon{color:#5e5e5e;font-size:15px;margin-right:10px}.shift-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.shift-content .shift-con{width:100%}}@media (max-width:575.98px){.schedule-header{flex-direction:column}.schedule-header .sh-left{text-align:left;width:100%}.sh-desc p{display:none}.schedule-header .sh-right{width:100%}.sh-right .schedule-filter,.sh-right .schedule-form{text-align:center;width:50%}.schedule-body{-webkit-overflow-scrolling:touch;border-top-left-radius:16px;border-top-right-radius:16px;margin-top:10px;padding:0;width:95%}.sep-table{font-size:12px;min-width:600px!important}.filter-modal{left:0;width:100%}.form-create-modal{height:92%;width:100%}.create-content{height:90%;width:85%}.create-content .create-header{padding:10px}.create-header h2{font-size:13px}.create-header .create-icon{font-size:20px}.box-identitas{margin:2px 0;padding:0}.box-identitas .isi-box-identitas{flex-direction:column;gap:0;margin-bottom:5px}.create-main-form .box-shift{border-top:1px solid #eee;margin-top:10px;padding-top:10px}.box-shift .shift-title{padding:0 5px}.shift-title .st-left{width:100%}.st-right p{display:none}.st-right .st-icon{color:#5e5e5e;font-size:15px;margin-right:10px}.shift-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.shift-content .shift-con{width:100%}}@media screen and (max-height:600px){.schedule-header{padding:5px 10px;width:100%}.shl-icon{font-size:12px}.sh-left .sh-desc{font-size:8px}.schedule-header .sh-right{width:25%}.schedule-shift-box,.sep-table td,.sep-table thead th,.sh-right .schedule-filter,.sh-right .schedule-form{font-size:10px}.filter-box .filter-li{font-size:10px}.create-content{height:90%}.create-content .create-header{padding:5px 10px}.create-content .create-main-form{height:75vh}.box-identitas-container h4,.st-left h4{font-size:12px}.box-identitas label,.sc-title strong,.shift-option{font-size:10px}.btn-submit button{font-size:12px}}.login-container .login-content-left{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:30px 50px;width:50%}.login-container .login-content-right{align-items:center;display:flex;height:100%;justify-content:center;padding:30px!important;width:50%}.login-content-right .content-box-right{align-items:center;background-color:#fff;border:1px solid #fff;border-radius:20px;box-shadow:0 4px 8px #ffffff78;display:flex;flex-direction:column;height:90%;padding:20px;width:80%}.content-box-right .box-right{height:60%;width:90%}.content-box-right .box-title{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.box-title .title-icon{background:linear-gradient(90deg,#7246eb,#532189);border-radius:16px;padding:8px}.title-icon .logo-icon{color:#fff;font-size:25px}.box-title h2{margin-bottom:10px}.box-input{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;width:100%}.box-input input{border:1px solid #eee;border-radius:16px;color:#333;font-size:12px;margin:5px 0;padding:8px 12px;width:100%}.box-input input:hover{border:1px solid #9649eb;box-shadow:0 4px 8px #6b11cb40}.box-input input:focus{box-shadow:0 4px 8px #6b11cb40;outline:none}.box-input p:hover{text-decoration:underline}.box-input .btn-login{background-color:#6a11cb;border:1px solid #6a11cb;border-radius:16px;color:#fff;cursor:pointer;font-size:12px;padding:8px 12px;text-align:center;width:100%}.box-input .btn-login:hover{box-shadow:4px 4px 8px #6b11cb87}.password-wrapper{flex-direction:column;justify-content:center;margin-top:10px;width:100%}.password-wrapper input{border:1px solid #eee;border-radius:16px;color:#333;font-size:12px;margin:5px 0}.toggle-password{right:10px}.another-login{margin:0}.box-footer p{font-size:13px;margin:0;padding:0}@media (min-width:992px) and (max-width:1400px){.login-container .login-content-right{padding:10px}.login-content-right .content-box-right{height:100%}}@media (min-width:992px){.login-container .login-content-left{width:50%}.login-container .login-content-right{height:100%;padding:10px;width:50%}.login-content-right .content-box{align-items:center;gap:20px;height:90vh;padding:20px!important;width:90%}.box-footer p{display:none}}@media (min-width:768px) and (max-width:991.98px){.login-container .login-content-left{padding:10px;padding-left:20px!important;width:40%}.login-content-left h4{font-size:15px!important}.login-content-left p{display:none}.login-container .login-content-right{padding:10px;width:60%}.login-content-right .content-box{height:90%;padding:20px!important;width:90%}.content-box .box-title{height:20%;text-align:center}.another-login{margin:0}.box-footer{margin-top:0}.box-footer p{display:none}}@media (min-width:576px) and (max-width:767.98px){.login-container .login-content-left{display:none}.login-container .login-content-right{height:100%;padding:10px;width:100%!important}.login-content-right .content-box{align-items:center;gap:20px;height:90vh;padding:20px!important;width:80%}.content-box .box-title{text-align:center}.another-login,.box-input{width:80%!important}.another-login{margin:0}.box-footer{margin-top:0!important}}@media (max-width:575.98px){.login-container .login-content-left{display:none}.login-container .login-content-right{height:100%;padding:15px 25px!important;width:100%}.login-content-right .content-box{gap:20px;height:90vh!important;padding:25px!important;width:95%!important}.content-box .box-title{text-align:center}.another-login{margin:0}.box-footer{margin-top:0!important}}@media screen and (max-height:600px){.login-container .login-content-right{padding:5px!important}.login-content-right .content-box-right{height:95%!important}.content-box-right .box-right{width:100%}.another-login .google,.another-login .ios{font-size:12px}}.register-container{background-image:linear-gradient(90deg,#5211cb,#5711cb,#5b11cb,#6011cb,#6411cb,#6a18ce,#6f1ed0,#7523d3,#7d2dd9,#8637df,#8e40e5,#9649eb);width:100%}.register-container,.register-content-left{align-items:center;display:flex;height:100vh;justify-content:center}.register-content-left{flex-direction:column;padding:30px 30px 30px 50px;width:50%}.register-content-left .h1{color:#fff;display:flex;flex-direction:column;font-size:38px;font-weight:700;gap:10px;justify-content:flex-start;margin-bottom:20px}.register-content-left h4{color:hsla(0,0%,96%,.871);font-size:20px;margin-bottom:20px}.register-content-left p{color:#f5f5f59e;font-size:15px}.register-content-left .btn-lp{align-items:center;color:#fff;cursor:pointer;display:flex;gap:10px;justify-content:flex-start;margin-top:20px;width:100%}.register-content-right{align-items:center;display:flex;height:100%;justify-content:center;padding:30px!important;width:50%}.register-content-right .content-box{align-items:center;background-color:#fff;border:1px solid #fff;border-radius:20px;box-shadow:0 4px 8px #ffffff78;display:flex;flex-direction:column;height:90%;padding:20px 40px;width:80%}.content-box .box-right{height:100%;width:100%}.box-right .box-title{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;margin:0;width:100%}.box-title .title-logo{background:linear-gradient(90deg,#7246eb,#532189);border-radius:16px;padding:8px}.title-logo .logo-icon{color:#fff;font-size:25px}.box-title p{padding:0}.regis-box-input{align-items:center;display:flex;flex-direction:column;height:60%;justify-content:center;margin:0;padding:5px;width:100%}.regis-box-input .regis-input{margin:5px 0 0;width:100%}.regis-input label{align-items:center;color:grey;display:flex;font-size:11px;justify-content:flex-start}.regis-input input{border:1px solid #eee;border-radius:16px;color:#333;font-size:12px;margin:0 0 5px;padding:8px 12px;width:100%}.regis-input input:hover{border:1px solid #9649eb;box-shadow:0 4px 8px #6b11cb40}.regis-input input:focus{box-shadow:0 4px 8px #6b11cb40;outline:none}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{padding-right:40px;width:100%}.toggle-password{color:#888;cursor:pointer;font-size:18px;position:absolute;right:12px;transition:.2s ease}.box-input p,.toggle-password:hover{color:#6a11cb}.box-input p{cursor:pointer;font-size:12px;margin:15px 0}.regis-check-btn{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:10px;width:100%}.regis-check-btn .check-box{align-items:center;display:flex;gap:10px;justify-content:flex-start;width:100%}.check-box input:checked+.check-icon:after{color:#4caf50;content:"✔";font-size:16px;left:3px;position:absolute;top:-2px}.check-box p{color:#333;font-size:11px}.regis-check-btn .regs-btn{background-color:#6a11cb;border:1px solid #6a11cb;border-radius:16px;color:#fff;cursor:pointer;font-size:12px;padding:8px 12px;text-align:center;width:100%}.regis-check-btn .regs-btn:hover{box-shadow:4px 4px 8px #6b11cb87}.another-login{align-items:center;display:flex;gap:10px;justify-content:center;margin:10px 0;padding:10px;width:100%}.another-login .google,.another-login .ios{align-items:center;border:1px solid #eee;border-radius:16px;cursor:pointer;display:flex;gap:5px;justify-content:center;padding:5px 8px;width:50%}.another-login .google:hover,.another-login .ios:hover{box-shadow:4px 4px 8px #6b11cb87}.box-footer{margin-top:15px;text-align:center;width:100%}.box-footer h5{color:#333;font-size:13px;font-weight:700}.box-footer span{color:#6a11cb;cursor:pointer}.box-footer span:hover{text-decoration:underline}@media (min-width:992px) and (max-width:1400px){.register-content-right{padding:10px}.register-content-right .content-box{height:100%}}@media (min-width:992px){.register-content-left{width:50%}.register-content-right{height:100%;padding:10px;width:50%}.register-content-right .content-box{align-items:center;height:90vh;padding:20px!important;width:90%}}@media (min-width:768px) and (max-width:991.98px){.register-content-left{margin-left:20px!important;padding:10px 10px 10px 20px;width:40%}.register-content-right{padding:15px}.register-content-left h4{font-size:15px}.register-content-left p{display:none}.register-content-right{padding:10px;width:60%}.register-content-right .content-box{padding:20px;width:90%}}@media (min-width:576px) and (max-width:767.98px){.register-content-left{display:none}.register-content-right{height:100%;padding:5px!important;width:80%!important}.register-content-right .content-box{align-items:center;gap:20px;height:100%!important;overflow-y:auto;padding:10px!important;width:70%!important}.box-input{padding:0 10px}.regis-check-btn{padding:10px 30px}.box-footer{margin-top:0}.box-footer h5{font-size:10px}}@media (max-width:575.98px){.register-content-left{display:none}.register-content-right{height:100%;padding:5px!important;width:100%!important}.register-content-right .content-box{align-items:center;gap:20px;height:100%!important;overflow-y:auto;padding:10px!important;width:100%!important}.box-input{padding:0 10px}.regis-check-btn{padding:10px 30px}.box-footer{margin-top:0}.box-footer h5{font-size:10px}}@media screen and (max-height:600px){.register-content-right{padding:5px!important;width:60%}.register-content-right .content-box{height:95%!important;width:90%!important}.box-title h2{font-size:20px}.box-title p{font-size:10px}.box-footer{margin-top:5px;text-align:center;width:100%}.title-logo .logo-icon{font-size:20px}.regis-input input,.regis-input label{font-size:10px!important}}.login-container{background-image:linear-gradient(90deg,#5211cb,#5711cb,#5b11cb,#6011cb,#6411cb,#6a18ce,#6f1ed0,#7523d3,#7d2dd9,#8637df,#8e40e5,#9649eb);width:100%}.login-container,.login-content-left{align-items:center;display:flex;height:100vh;justify-content:center}.login-content-left{flex-direction:column;padding:30px;width:50%}.login-content-left .h1{color:#fff;display:flex;flex-direction:column;font-size:38px;font-weight:700;gap:10px;justify-content:flex-start;margin-bottom:20px}.login-content-left h4{color:hsla(0,0%,96%,.871);font-size:20px;margin-bottom:20px}.login-content-left p{color:#f5f5f59e;font-size:15px}.login-content-left .btn-lp{align-items:center;color:#fff;cursor:pointer;display:flex;gap:10px;justify-content:flex-start;margin-top:20px;width:100%}.btn-lp h3{color:#fff;cursor:pointer;font-size:14px;font-weight:700}.btn-lp h3:hover{text-decoration:underline}.reset-content-right{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;width:50%}.reset-content-right .content-right-box{background-color:#fff;border-radius:16px;box-shadow:0 4px 8px #ffffff78;height:90%;width:80%}.content-right-box .right-box{height:100%;justify-content:flex-start;padding:20px}.content-right-box .ress-logo,.content-right-box .right-box{align-items:center;display:flex;flex-direction:column;width:100%}.content-right-box .ress-logo{justify-content:center}.ress-logo .logo-box{background:linear-gradient(90deg,#7246eb,#532189);border-radius:16px;padding:8px}.logo-box .logo-icon{color:#fff;font-size:25px}.ress-logo .box-title{width:100%}.box-title h2{color:#333;font-size:25px;font-weight:700;margin:0;text-align:center;width:100%}.box-title p{color:#5e5e5e;display:block;font-size:12px;margin:0 auto;text-align:center}.content-right-box .content-box{height:-webkit-fit-content;height:fit-content;width:100%}.content-box .box-input{height:90%}.box-input .regis-input,.box-input .regis-input-pass{width:100%}.regis-input label,.regis-input-pass label{color:#5e5e5e;font-size:11px;margin-bottom:5px;text-align:left;width:100%}.regis-input input,.regis-input-pass input{border:1px solid #eee;border-radius:16px;color:#333;font-size:12px;margin:0;padding:8px 12px;width:100%}.regis-input input:hover,.regis-input-pass input:hover{border:1px solid #9649eb;box-shadow:0 4px 8px #6b11cb40}.regis-input input:focus,.regis-input-pass input:focus{box-shadow:0 4px 8px #6b11cb40;outline:none}.regis-input-pass .password-wrapper{margin:0}.content-box .btn-reset{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.btn-reset button{background-color:#6a11cb;border:1px solid #6a11cb;border-radius:16px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:8px 12px;text-align:center;width:100%}.btn-reset button:hover{box-shadow:4px 4px 8px #6b11cb87}.required{color:red;font-size:15px;margin-left:5px}.btn-reset p{font-size:13px;margin:5px 0;padding:0;text-align:center;width:100%}.btn-reset .span{color:#6a11cb;cursor:pointer}.span:hover{text-decoration:underline}@media (min-width:992px) and (max-width:1400px){.reset-content-right{padding:10px}.reset-content-right .content-right-box{height:100%}}@media (min-width:768px) and (max-width:991.98px){.reset-content-right{padding:10px;width:80%}}@media (min-width:576px) and (max-width:767.98px){.reset-content-right{padding:0;width:100%}.reset-content-right .content-right-box{width:70%}.content-box .box-input{height:90%;margin-bottom:10px;width:100%!important}}@media (max-width:575.98px){.reset-content-right{padding:0;width:100%}.reset-content-right .content-right-box{width:90%}.content-box .box-input{height:90%;margin-bottom:10px;width:100%!important}}@media screen and (max-height:600px){.reset-content-right .content-right-box{border:1px solid red;height:98%}.box-title h2{font-size:20px}.box-title p{font-size:10px}.content-right-box .content-box{height:75%!important}.regis-input input,.regis-input-pass input{font-size:10px;padding:5px 12px}.btn-reset p{font-size:10px}}@media screen and (max-height:599px){.reset-content-right{padding:5px}.reset-content-right .content-right-box{height:98%}.box-title h2{font-size:20px}.box-title p{font-size:10px}.content-right-box .content-box{height:75%!important}.regis-input input,.regis-input-pass input{font-size:10px;padding:5px 12px}.btn-reset p{font-size:10px}}.faq-container{align-items:flex!important;background-color:var(--bg);border-radius:8px;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-left:10px;margin-top:10px;min-width:80vw;padding:10px;position:relative}.faq-header{border-bottom:1px solid var(--border);padding:5px 15px;width:100%}.faq-header .faq-left{display:flex;gap:5px;justify-content:flex-start;width:100%}.faq-header p{color:var(--sub-text);font-size:12px}.faq-left h2{color:var(--text);font-size:18px;font-weight:700}.faq-left .header-icon{background:var(--bg-icon2);border:1px solid var(--bg);border-radius:8px;color:var(--text-white);padding:5px}.faq-container .faq-main-content{height:80vh;overflow-y:auto;padding:10px;width:80%}.faq-item{border-bottom:1px solid var(--border);margin-bottom:10px}.faq-item button{background-color:var(--bg);border:none;color:var(--sub-text);cursor:pointer;font-size:15px;padding:10px;text-align:left;width:100%}.faq-item button:hover{background-color:#5220be12}.faq-item .answer-box{background-color:var(--bg-section);border:1px solid var(--bg);border-bottom-left-radius:8px;border-bottom-right-radius:8px;color:var(--sub-text);font-size:13px;font-weight:700;padding:10px}@media screen and (max-height:600px){.faq-left h2{font-size:15px}.faq-item .answer-box,.faq-item button{font-size:12px}}.welcome-container{background-image:linear-gradient(90deg,#5211cb,#5711cb,#5b11cb,#6011cb,#6411cb,#6a18ce,#6f1ed0,#7523d3,#7d2dd9,#8637df,#8e40e5,#9649eb);width:100%}.welcome-container,.welcome-content-left{align-items:center;display:flex;height:100vh;justify-content:center}.welcome-content-left{flex-direction:column;padding:30px 30px 30px 50px;width:50%}.welcome-content-left .h1{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:38px;font-weight:700;gap:10px;justify-content:center;margin-bottom:20px;text-align:center;width:100%}.h1 h1{font-size:25px}.h1 .h1-icon{align-items:center;background-color:#ffffff80;border:1px solid #ffffff80;border-radius:16px;display:flex;font-size:70px;justify-content:center;padding:10px;width:-webkit-fit-content;width:fit-content}.welcome-content-left h4{color:hsla(0,0%,96%,.871);font-size:20px;margin-bottom:10px;text-align:center}.welcome-content-left p{color:#f5f5f59e;font-size:15px;text-align:center}.welcome-content-left .btn-welcome{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:20px 0;padding:10px;width:100%}.btn-welcome .btn-login{align-items:center;background-color:#fff;border:1px solid #fff;border-radius:16px;color:#5211cb;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:10px;justify-content:center;padding:15px;width:100%}.btn-welcome .btn-login:hover{background-color:#5211cb;color:#fff}.btn-welcome .btn-start{align-items:center;background-image:linear-gradient(90deg,#5211cb,#5711cb,#5b11cb,#6011cb,#6411cb,#6a18ce,#6f1ed0,#7523d3,#7d2dd9,#8637df,#8e40e5,#9649eb);border:1px solid #fff;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:10px;justify-content:center;padding:15px;text-align:center;width:100%}.btn-start:hover{background-image:linear-gradient(270deg,#5211cb,#5711cb,#5b11cb,#6011cb,#6411cb,#6a18ce,#6f1ed0,#7523d3,#7d2dd9,#8637df,#8e40e5,#9649eb)}@media (min-width:992px){.wf-create{width:25%}}@media (min-width:576px) and (max-width:991.98px){.welcome-container{height:100vh}.welcome-content-left{height:auto;padding:10px;width:80%}.welcome-content-left .btn-welcome{margin-top:50px}.btn-login,.btn-welcome .btn-start{padding:15px}.h1 h1{font-size:20px}.welcome-content-left h4{font-size:15px}}@media (max-width:575.98px){.welcome-container{height:100vh}.welcome-content-left{height:auto;padding:10px;width:95%}.welcome-content-left .btn-welcome{flex-direction:column;margin-top:50px}.btn-login,.btn-welcome .btn-start{padding:15px}.h1 h1{font-size:18px}.welcome-content-left h4{font-size:15px}.welcome-content-left p{display:none}}@media (min-height:375px) and (max-height:600px){.welcome-container{height:100vh}.welcome-content-left{height:auto;padding:10px;width:60%}.welcome-content-left .btn-welcome{margin-top:50px}.btn-login,.btn-welcome .btn-start{padding:15px}.h1 h1{font-size:18px}.welcome-content-left h4{font-size:15px}.welcome-content-left p{display:none}}.design-report-container{background-color:var(--bg);border-radius:8px;margin-left:10px;margin-top:10px;min-width:100%;position:relative}.design-report-container,.design-report-container .design-report-content{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.design-report-container .design-report-content{height:100%}.design-report-content .report-header{padding:10px;width:100%}.design-report-content .report-button{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:flex-start;margin-bottom:5px;padding:5px 10px 10px;width:100%}.design-report-content .report-body{height:80vh;overflow-y:auto}.daily-container{height:75vh;width:80vw}.daily-container .dayli-title{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.dayli-title h2{color:#5320be}.daily-container .dayli-table{height:50vh;overflow-x:auto;width:100%}.dayli-table table{position:relative;width:100%}.dayli-table th{background:linear-gradient(180deg,#6e30dc,#5d12eb);color:#fff;font-size:12px;font-weight:700;padding:8px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:10}.dayli-table td{border-bottom:1px solid #ddd;color:#333;font-size:12px;font-weight:400;padding:5px 10px}.marketing-report-container{background-color:var(--bg);border-radius:8px;margin-left:10px;margin-top:10px;min-width:100%;position:relative}.marketing-report-container,.marketing-report-container .marketing-report-content{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.marketing-report-container .marketing-report-content{height:100%}.marketing-report-content .report-header{padding:10px;width:100%}.report-header .report-title{align-items:center;display:flex;gap:5px;justify-content:flex-start}.report-title h2{color:var(--text);font-size:15px;font-weight:700;margin:0;width:100%}.report-header p{color:var(--sub-text);font-size:10px}.fade{align-items:center;display:flex;justify-content:center;min-width:100%;width:100%}.marketing-report-content .report-button{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:flex-start;margin-bottom:5px;padding:5px 10px 10px;width:100%}.report-button button{align-items:center;background-color:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:5px 12px;transition:all .2s ease-in-out}.report-button button svg{font-size:16px}.report-button button.active,.report-button button:hover{background-color:#6f30dc;border-color:#6f30dc;color:#fff}.report-button button.active svg{color:#fff}.report-button button:focus{box-shadow:0 0 0 2px #6f30dc4d;outline:none}.report-body{height:80vh;overflow-x:auto;overflow-y:auto;position:relative}.report-body,.report-content{max-width:100%;width:100%}.daily-container{padding:5px;width:100%}.dayli-title h2{color:var(--text);font-size:15px;font-weight:700;margin:0;padding:0}.daily-total{padding:10px 14px}.daily-total .date{color:var(--sub-text);font-size:12px;font-weight:600}.daily-total .total-data{color:var(--sub-text);font-size:13px;margin-top:4px;padding:0}.daily-total .total-highlight{color:var(--red-bg);font-weight:700;margin-left:4px}.daily-total .total-price{color:var(--sub-text);font-size:13px}.daily-total .price-highlight{color:#16a34a;font-weight:600;margin-left:4px}.daily-table{font-family:Arial,sans-serif;height:70%;overflow-x:auto;padding-top:0;position:relative!important;width:98%}.daily-table table{border-collapse:initial;min-width:1100px;width:100%}.daily-table th{background-color:var(--primary);color:var(--text-white);font-size:10px;font-weight:700;padding:14px;position:-webkit-sticky;position:sticky;text-align:center;top:0;white-space:nowrap;z-index:10}.daily-table td{background-color:var(--bg-section);color:var(--text);font-size:12px;font-weight:400;padding:5px 10px;text-align:center;transition:background-color .3s ease}.daily-table tr:nth-child(2n) td,.daily-table tr:nth-child(odd) td{background-color:var(--bg-section);color:var(--sub-text)}.daily-table tr:hover td{background-color:var(--bg-section-hover);cursor:pointer}.input-container{max-width:10vw;min-width:10vw;width:10vw}.buyer-name-container,.code-order-container{max-width:8vw;min-width:8vw;width:8vw}.design-period-container{align-items:center!important;background-color:var(--bg);border-radius:8px;display:flex;flex-direction:column;justify-content:center!important;margin-left:10px;margin-top:10px;min-width:100%;padding:0 10px;position:relative;width:100%}.dp-title{text-align:center;width:100%}.dp-title h2{color:var(--text);font-size:15px;font-weight:700;margin:0;width:100%}.dp-select{align-items:center;display:flex;gap:10px;justify-content:center;width:60%}.dp-select .select-bulan{align-items:center;display:flex;gap:5px!important;justify-content:flex-start;padding:2px;position:relative;width:100%}.select-bulan label{color:var(--sub-text);font-size:12px;font-weight:700;width:50%}.select-bulan .month-trigger{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--sub-text);display:flex;font-size:10px;justify-content:space-between;padding:5px 10px;width:100%}.select-bulan .month-trigger:hover{background-color:var(--bg-section-hover);box-shadow:var(--box-shadow)}.month-dropdown{background:var(--bg-section);border-radius:6px;box-shadow:var(--box-shadow);height:20vh;margin:0;padding:5px;position:absolute;right:0;top:100%;width:70%;z-index:100}.month-dropdown,.search-box{border:1px solid var(--border)}.search-box{align-items:center;border-radius:6px;color:#999;display:flex;font-size:10px;gap:3px;justify-content:flex-start;padding:0 5px}.month-search{border:none;font-size:12px;outline:none;padding:5;width:100%}.month-search::placeholder{color:#999}.month-empty{color:#999;font-size:12px;padding:10px;text-align:center}.chevron{margin-left:6px}.month-dropdown-item{height:80%;overflow-y:auto}.month-item{background:var(--bg-section);border:1px solid var(--bg-section);border-radius:6px;color:var(--sub-text);cursor:pointer;font-size:10px;padding:5px}.month-item:hover{background:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.select-periode{align-items:center;display:flex;gap:5px;justify-content:flex-end;padding:2px;position:relative!important;width:100%}.select-periode label{color:var(--sub-text);font-size:12px;font-weight:700}.period-trigger{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--sub-text);display:flex;font-size:10px;justify-content:space-between;padding:5px 10px;width:60%}.period-trigger:hover{background-color:var(--bg-section-hover);box-shadow:var(--box-shadow)}.period-dropdown-item{background:var(--bg-section);border:1px solid var(--border);border-radius:6px;box-shadow:var(--box-shadow);left:0;max-height:200px;overflow-y:auto;position:absolute;top:calc(100% + 4px);width:100%;z-index:1000!important}.period-item{background:var(--bg-section);border:1px solid var(--bg-section);border-radius:6px;color:var(--sub-text);cursor:pointer;font-size:10px;padding:5px}.period-item:hover{background:var(--bg-section-hover);border:1px solid var(--bg-section-hover)}.chevron{font-size:10px;transition:transform .2s ease}.rotate-180{transform:rotate(180deg)}.data-report{height:65vh;margin-bottom:10px;overflow-y:auto;padding-right:10px;width:100%}.table-report-content{padding:10px 0}.report-summary{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.report-summary h2{color:var(--sub-text);font-size:12px;font-weight:700;margin:0;padding:0;width:100%}.month-table{font-family:Arial,sans-serif;height:55vh;overflow-x:auto;padding-top:0;position:relative!important;width:100%}.month-table table{min-width:1100px;width:100%}.month-table th{background:var(--primary);color:var(--text-white);font-size:10px;font-weight:700;padding:14px;position:-webkit-sticky;position:sticky;text-align:center;top:0;white-space:nowrap;z-index:100}.month-table td{background-color:var(--bg-section);border-bottom:1px solid var(--border);color:var(--text);font-size:12px;font-weight:400;padding:5px 10px;text-align:center;transition:background-color .3s ease}.month-table tr:nth-child(2n) td,.month-table tr:nth-child(odd) td{background-color:var(--bg-section);color:var(--sub-text)}.month-table tr:hover td{background-color:var(--bg-section-hover);cursor:pointer}.jumlah-container{max-width:4vw;min-width:4vw;width:4vw}.rb-container{background-color:var(--bg);border-radius:8px;height:97%;margin-left:10px;margin-top:10px}.rb-container .rb-header{background-color:var(--bg);border-bottom:1px solid var(--bg);border-radius:8px;flex-direction:column;padding:5px 10px}.rb-container .rb-header,.rb-header .header-title{align-items:center;display:flex;justify-content:space-between;width:100%}.header-title .title-left{align-items:center;display:flex;gap:10px;justify-content:flex-start}.header-icon{background:var(--bg-icon2);border:1px solid var(--bg);border-radius:8px;color:var(--text-white);font-size:12px;padding:8px}.title-left h2{color:var(--text);font-weight:700;margin:0;width:100%}.title-right .rb-search{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;flex-direction:row;gap:10px;justify-content:flex-start;padding:0 5px}.rb-search:hover{background:var(--bg-section-hover);box-shadow:var(--box-shadow)}.rb-search input{background:var(--bg);border:1px solid var(--bg);border-radius:16px;color:var(--sub-text);font-size:12px;padding:5px;width:15vw}.rb-search input:focus,.rb-search input:hover{background:var(--bg-section-hover);border:1px solid var(--bg-section-hover);box-shadow:var(--box-shadow);outline:none}.rb-header .sub-title{margin-top:5px;width:100%}.sub-title p{color:var(--sub-text);font-size:12px;margin:0}.rb-grid{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));height:84%;margin-top:10px;overflow-y:auto;padding:5px}.rb-section{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;cursor:pointer;height:60vh;padding:10px}.rb-section:hover{box-shadow:var(--box-shadow)}.rb-section-title{align-items:center;border-bottom:1px solid var(--border);color:var(--sub-text);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.8rem}.no-data-delete{align-items:center;color:hsla(0,0%,50%,.521);display:flex;font-size:12px;font-style:italic;justify-content:center;width:100%}.rb-card-grid{display:flex;flex-direction:column;gap:5px;height:51vh;overflow-y:auto}.rb-card{align-items:center;border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:.7rem 1rem;transition:all .2s ease-in-out}.rb-card:hover{background-color:var(--bg-section-hover);box-shadow:var(--box-shadow);transform:translateY(-1px)}.rb-card-title{color:var(--sub-text);font-size:12px;font-weight:500}.rb-card-id{color:var(--sub-text-grey);font-size:.8rem}.rb-restore-btn{background:var(--status-one-hit-bg);border:none;border:1px solid var(--status-one-hit-border);border-radius:8px;color:var(--status-one-hit-text);cursor:pointer;font-size:10px;padding:.4rem .8rem;transition:all .2s ease-in-out}.header-action{border:1px solid red}.header-action,.master-page{align-items:center;display:flex;gap:10px;width:100%}.master-page{background-color:var(--bg);height:100%;justify-content:center;padding:15px}.mp-sidebar{align-items:center;border-right:1px solid var(--border);gap:15px;height:100%;justify-content:flex-start;padding:10px 10px 10px 5px;width:20%}.main-sidebar,.mp-sidebar{display:flex;flex-direction:column}.main-sidebar{gap:8px;margin-top:15px}.main-sidebar button{background-color:var(--bg);border:none;border-radius:6px;color:var(--sub-text);cursor:pointer;font-size:12px;padding:7px 14px;text-align:left;transition:all .2s ease-in-out;width:100%}.main-sidebar button:hover{background-color:var(--bg-dark-hover)}.main-sidebar button.active{background-color:var(--primary);border-left:4px solid #fff;box-shadow:0 2px 6px #6c63ff4d;color:var(--text-white);font-weight:600;padding-left:10px;transform:translateX(4px)}.mp-title{gap:10px;width:100%}.mp-title h4{color:var(--text);font-size:20px;font-weight:700;margin:0 0 10px;padding:0}.mp-search{align-items:center;border:1px solid var(--bg);border-radius:4px;color:var(--sub-text);cursor:pointer;display:flex;gap:5px;justify-content:flex-start;padding:3px 8px}.mp-search:hover{color:var(--primary)}.mps-icon{color:#333}.mp-search input{background-color:#eee;border:1px solid #0000;border-radius:4px;color:#333;font-size:12px;padding:2px 6px;width:100%}.mp-body{height:100%;padding:10px;width:80%}.modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.modal-content{animation:slideUp .25s ease-in-out;background:var(--bg);border-radius:12px;box-shadow:0 10px 20px #0003;padding:25px;width:450px}.modal-content h3{color:var(--sub-text);font-size:20px;font-weight:600;margin-bottom:15px}.form-group{display:flex;flex-direction:column;margin-bottom:12px}.form-group label{color:var(--sub-text);font-size:10px}.form-group input{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--sub-text);font-size:12px;outline:none;padding:10px;transition:.2s}.form-group input:focus,.form-group input:hover{background:var(--bg-section-hover);box-shadow:var(--box-shadow)}.form-group input:focus{outline:none}.modal-content .btn-modal-master{align-items:center;display:flex;justify-content:flex-end}.btn-modal-master button{background-color:var(--bg);border:none;border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;margin-right:10px;padding:10px;width:50%}.modal-content button:hover{opacity:.9}.modal-content .btn-modal-save{background-color:#412ab0;color:#fff;font-size:12px;width:50%}.modal-content button:first-of-type{background:#e0e0e0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.table-master-container{height:100%;padding:0}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.table-header h2{color:var(--sub-text);font-size:15px;font-weight:700;margin:0;padding:0;width:40%}.table-header .table-btn{align-items:center;display:flex;gap:3px;justify-content:flex-end;width:60%}.table-btn .add,.table-btn button{align-items:center;background-color:var(--bg);border:1px solid var(--bg);border-radius:4px;color:var(--sub-text);cursor:pointer;display:flex;font-size:12px;font-weight:400;gap:7px;justify-content:center;padding:7px 12px}.table-btn .add:hover,.table-btn button:hover{background:var(--bg-dark-hover);box-shadow:var(--box-shadow)}.table-btn .table-input{align-items:center;background-color:var(--card-bg);border:1px solid var(--border);border-radius:6px;display:flex;gap:5px;justify-content:flex-start;padding:0 8px;width:40%}.table-input .icon-table{color:#bdbdbd}.table-input .table-search-input{background-color:var(--card-bg);border:1px solid var(--card-bg);border-radius:6px;color:var(--sub-text);font-size:12px;padding:3px 5px;width:100%}.table-search-input:focus,.table-search-input:hover{outline:none}.table-master-container .master-table{border:1px solid var(--bg);border-radius:4px;box-shadow:0 4px 8px #0000001a;padding:3px}.table-master-container .table-box{border-collapse:collapse;font-size:12px;padding:3px;table-layout:auto;width:100%}.table-box thead{background:var(--card-bg);position:-webkit-sticky;position:sticky;top:0;z-index:5}.table-box th{border-bottom:1px solid var(--border);color:var(--sub-text);font-weight:600;padding:8px;text-align:left}.table-box td:first-child,.table-box th:first-child{text-align:center;width:50px}.table-box td:last-child,.table-box th:last-child{text-align:center;width:140px}.table-box tbody tr:nth-child(odd){background:var(--card-bg)}.table-box tbody tr:nth-child(2n){background:var(--bg-section-hover)}.table-box tbody tr:hover{background:var(--bg);transition:.2s ease}.table-box td{border-bottom:1px solid var(--border);color:var(--sub-text);font-size:11px;padding:7px 10px}.table-box td button{border:none;border-radius:4px;cursor:pointer;font-size:10px;font-weight:700;margin-right:6px;padding:4px 10px;transition:.2s}.table-box td button:first-child{background:#fff;border:1px solid #ddd;color:#333}.table-box td button:first-child:hover{background:#bdbdbd}.table-box td button:last-child{background:#e53935;color:#fff}.table-box td button:last-child:hover{background:#b71c1c}.table-box tbody{display:block;max-height:75vh;overflow-y:auto}.table-box tbody tr,.table-box thead{display:table;table-layout:fixed;width:100%}.table-box tbody::-webkit-scrollbar{width:6px}.table-box tbody::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:12px}.rb-container{background:var(--bg-section);color:#111827;font-family:Inter,system-ui,sans-serif;margin-right:10px;padding:10px;position:relative}.recycle-header{align-items:center;gap:10px;padding:5px}.header-action-bin,.recycle-header{display:flex;justify-content:flex-start}.header-action-bin{gap:12px;height:100%;padding:0;width:100%}.recycle-search{align-items:center;background:var(--bg-section);border:1px solid var(--border);border-radius:8px;display:flex;gap:8px;padding:5px 12px;width:30%}.recycle-search svg{color:var(--text)}.recycle-search input{background:none;border:none;border-left:1px solid #eee;border-radius:none;font-size:12px;outline:none;padding-left:10px;width:50%}.recycle-search input:focus{border:none;outline:none}.header-action-bin button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px}.header-action-bin button:hover{background:#f3f4f6}.bulk-restore{background:var(--status-accepted-bg)!important;border:var(--status-accepted-border)!important;border-radius:6px;color:var(--status-accepted-text);font-size:12px;padding:6px 12px}.recycle-table{background:var(--card-bg);height:80vh;margin-top:12px;overflow-y:auto;position:relative;width:100%}.rb-table{background:var(--bg-section);border-collapse:initial;border-spacing:0;box-shadow:0 1px 3px #0000000d;width:100%}.rb-table thead th{background:var(--table-header-bg);border-bottom:1px solid var(--table-header-bg)!important;color:var(--table-header-text);font-size:12px;font-weight:600;padding:10px 14px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:20}.rb-table td{border-bottom:1px solid var(--border);color:var(--sub-text);font-size:12px;padding:9px 14px;vertical-align:middle}.rb-table .name-box{color:var(--sub-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rb-table .delete-date-box{font-size:10px;max-width:15vw;min-width:15vw;width:15vw}.rb-table tbody tr:hover{background:var(--bg-section-hover)}.rb-table .actions{align-items:center;display:flex;text-align:center}.actions .action-group{gap:3px;width:100%}.actions .action-group,.rb-table td.actions button{align-items:center;display:flex;justify-content:center}.rb-table td.actions button{background-color:initial;border:none;cursor:pointer;font-size:10px;gap:5px;padding:3px 5px}.rb-table td.actions button:not(.link){color:var(--sub-text)}.rb-table td.actions button:not(.link):hover{background:var(--bg-section-hover)}.rb-table .link{background:none;border:none;color:#16a34a;font-weight:500}.action-group button:hover,.rb-table .link:hover{text-decoration:underline}.rb-table input[type=checkbox]{accent-color:var(--border-sec);background:var(--bg-section);cursor:pointer;height:14px;width:14px}.capitalize{color:#4b5563;text-transform:capitalize}.rb-table .empty{color:#9ca3af;font-size:14px;padding:32px;text-align:center}@media (max-width:768px){.rb-search input{width:140px}.rb-table td:nth-child(3),.rb-table td:nth-child(4),.rb-table th:nth-child(3),.rb-table th:nth-child(4){display:none}}.header-action select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 8 4 4 4-4' stroke='%239CA3AF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:18px;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;min-width:160px;padding:8px 36px 8px 12px}.header-action select:hover{background-color:#f9fafb}.header-action select:focus{border-color:#16a34a;box-shadow:0 0 0 2px #16a34a26;outline:none}.header-action select+select{margin-left:4px}.filter-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px}.filter-button svg{color:#6b7280}.filter-button:hover{background:#f3f4f6}@media (max-width:768px){.header-action select{min-width:120px;padding-right:32px}}.recycle-action{align-items:center;display:flex;gap:10px}.recycle-menu-dropdown{background-color:none;position:relative}.recycle-menu-dropdown .dropdown-type{align-items:center;background-color:var(--bg-section);border:1px solid var(--border);border-radius:6px;display:flex;gap:5px;padding:5px 10px}.dropdown-label{border-right:1px solid var(--border);color:var(--text);font-weight:700;justify-content:flex-start;padding-right:10px}.dropdown-label,.dropdown-type .dropdown-trigger{align-items:center;display:flex;font-size:12px;gap:6px}.dropdown-type .dropdown-trigger{background-color:none;background:var(--bg-section);border:none;color:var(--sub-text);cursor:pointer;padding:0 12px}.dropdown-type .dropdown-trigger:hover{background-color:var(--bg-section-hover);box-shadow:none}.caret{color:var(--text);font-size:20px}.dropdown-menu{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 25px #00000014;gap:5px;left:0;list-style:none;min-width:180px;padding:6px;position:absolute;top:calc(100% + 6px);z-index:50}.dropdown-menu li{border:1px solid var(--card-bg);border-radius:6px;color:var(--text);cursor:pointer;font-size:12px;padding:5px 10px}.dropdown-menu li:hover{border:1px solid var(--bg-section-hover)}.dropdown-menu li.active,.dropdown-menu li:hover{background:var(--bg-section-hover);color:var(--text)}.dropdown-menu li.active{font-weight:500}.detail-data-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.detail-data-content{background:var(--bg-section)!important;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 8px #0003;max-width:90%;padding:15px;width:400px}.detail-archive-modal-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding-bottom:5px;width:100%}.detail-archive-modal-header h3{color:var(--text);font-size:13px;font-weight:700;margin:0}.close-archive-btn{background-color:var(--bg-section);border:none;border-radius:4px;color:var(--sub-text);cursor:pointer;font-size:18px}.close-archive-btn:hover{color:var(--primary)}.archive-hierarchy{margin:3px 0;width:100%}.hierarcy-box{color:grey;font-size:10px}.archive-modal-body{align-items:center;color:var(--sub-text);gap:3px}.archive-modal-body,.entity{display:flex;flex-direction:column;justify-content:flex-start;width:100%}.entity{margin-top:10px;padding:5px}.entity-id{color:grey;font-size:10px;width:100%}.entity-box-container{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;box-shadow:var(--box-shadow);color:var(--sub-text);font-size:12px;font-weight:400;gap:5px;padding:8px;width:100%}.entity-detail{display:flex;flex-direction:column;justify-content:flex-start;padding:5px;width:100%}.entity-detail h4{color:var(--text);font-size:12px;font-weight:700;margin:0}.entity-detail .sub-text{color:var(--sub-text-grey);font-size:10px;font-style:italic;font-weight:400;padding:0}.detail-data-box{align-items:center;display:flex;gap:5px;justify-content:flex-start;width:100%}.detail-data-box strong{margin-right:10px;width:50%}.detail-data-box p{color:var(--sub-text);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.delete-modal-overlay{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.modal-delete{background:var(--card-bg);border-radius:12px;box-shadow:0 20px 40px #0003;padding:24px;width:360px}.modal-delete h3{color:var(--text);font-size:16px;font-weight:600;margin:0 0 8px;text-align:center;width:100%}.modal-delete p{color:var(--sub-text);font-size:14px;margin-bottom:20px}.modal-delete strong{color:#dc2626}.modal-actions{align-items:center;display:flex;gap:10px;justify-content:center}.btn-cancel{background:var(--card-bg);border:1px solid var(--border);border-radius:8px}.btn-cancel,.btn-danger{cursor:pointer;font-size:12px;padding:8px 14px}.btn-danger{background:#dc2626;border:none;border-radius:8px;color:#fff;width:100%}.btn-danger:hover{box-shadow:0 4px 8px #dc262679}.btn-danger:disabled{cursor:not-allowed;opacity:.6}.modal-restore-overlay{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.modal-restore-box{background:var(--card-bg);border-radius:12px;box-shadow:0 20px 40px #0003;padding:24px;width:360px}.modal-restore-box h3{color:var(--text);font-size:16px;font-weight:600;margin:0 0 8px;text-align:center;width:100%}.modal-restore-box p{color:var(--sub-text);font-size:12px;margin-bottom:20px;text-align:center;width:100%}.modal-restore-box strong{color:var(--primary)}.btn-confirm{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;padding:8px 14px;width:100%}.btn-confirm:hover{box-shadow:0 4px 8px #5426dc79}.btn-confirm:disabled{cursor:not-allowed;opacity:.6}
/*# sourceMappingURL=main.55526bc7.css.map*/