*,:before,:after{--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: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}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,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.inset-0{inset:0}.z-50{z-index:50}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.hidden{display:none}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-full{width:100%}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.content-center{align-content:center}.content-start{align-content:flex-start}.content-evenly{align-content:space-evenly}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.bg-black\/30{background-color:#0000004d}.bg-black\/50{background-color:#00000080}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-0{padding:0}.p-2{padding:.5rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.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)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1))}.focus\:ring-gray-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1))}:root{--page-bg: #eef6ff;--panel: #ffffff;--muted: #6b7b8b;--accent-a: #3b82f6;--accent-b: #6366f1;--purple: linear-gradient(180deg, #6366f1, #06b6d4);--card-shadow: 0 8px 20px rgba(24, 39, 75, .06);--radius: 12px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--page-bg);color:#0f1724;-webkit-font-smoothing:antialiased}.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:linear-gradient(90deg,#2563eb,#06b6d4);color:#fff}.topbar .top-left{font-weight:600}.topbar .top-right{display:flex;align-items:center;gap:12px}.icon-btn{background:transparent;border:none;color:inherit;font-size:18px;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease}.icon-btn:hover{background:#fff3}.avatar{width:36px;height:36px;border-radius:50%;background:#0f1724;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.layout{display:grid;grid-template-columns:220px 1fr 300px;gap:20px;padding:24px;max-width:1160px;margin:18px auto}.left-col{background:transparent}.add-btn{display:block;width:100%;background:#2563eb;color:#fff;padding:14px;border-radius:10px;border:none;font-weight:600;margin-bottom:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #2563eb4d}.add-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb66}.sort{color:var(--muted);font-size:13px;margin-bottom:12px}.sort select{padding:6px 8px;border-radius:6px;border:1px solid #e6eef6;background:#fff;cursor:pointer;transition:all .2s ease}.sort select:hover{border-color:#2563eb;box-shadow:0 2px 6px #2563eb1a}.company-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.company-card{display:inline-block;text-align:center;gap:10px;padding:10px;height:50px;border-radius:10px;background:#fff;box-shadow:var(--card-shadow);border:1px solid rgba(16,24,40,.09);cursor:pointer;transition:all .2s ease}.company-card:hover{background:#f8fbff;border-color:#2563eb33;box-shadow:0 4px 16px #2563eb26;transform:translate(4px)}.company-card.active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.logo-img{width:95px;height:38px;flex-shrink:0;border-radius:6px;-o-object-fit:contain;object-fit:contain}.logo-svg{width:38px;height:38px;flex-shrink:0}.logo-text{width:38px;height:38px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0;font-size:12px;background:linear-gradient(135deg,#3b82f6,#2563eb)}.logo-icon{width:38px;height:38px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0;font-size:16px;background:linear-gradient(135deg,#10b981,#059669)}.company-card .name{font-size:14px;color:#0f1724}.center-col{display:flex;flex-direction:column;gap:16px}.metrics-row{display:flex;gap:12px}.metric-card{background:#fff;padding:14px;border-radius:10px;box-shadow:var(--card-shadow);flex:1;cursor:pointer;transition:all .2s ease}.metric-card:hover{box-shadow:0 10px 24px #2563eb1f;transform:translateY(-2px)}.metric-card .num{font-size:20px;font-weight:700;color:var(--accent-a)}.metric-card .label{color:var(--muted);font-size:13px}.main-card{display:flex;flex-direction:column;gap:16px}.company-overview{background:#fff;padding:18px;border-radius:12px;box-shadow:var(--card-shadow)}.company-head{display:flex;gap:14px;align-items:center}.company-logo{width:64px;height:64px;border-radius:8px;background:linear-gradient(135deg,#60a5fa,#06b6d4);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.company-overview h2{margin-bottom:20px}.company-overview .meta{color:#1f5afb;font-size:13px}.company-overview .desc{color:#334155;font-size:14px;margin-top:12px}.projects{background:#fff;padding:14px;border-radius:12px;box-shadow:var(--card-shadow)}.projects-title{font-size:20px;font-weight:600;margin:0 0 12px;color:#0f1724}.projects-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.search-box input{padding:8px 10px;border-radius:8px;border:1px solid #e6eef6;width:280px;transition:all .2s ease;cursor:text}.search-box input:hover{border-color:#2563eb}.search-box input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.project-grid a{color:inherit;text-decoration:none}.proj-card{background:#fff;border-radius:10px;padding:12px;border:1px solid rgba(16,24,40,.07);box-shadow:0 6px 14px #1018280a;min-height:120px;cursor:pointer;transition:all .22s ease;display:flex;flex-direction:column;position:relative}.proj-card:hover{border-color:#2563eb4d;box-shadow:0 10px 24px #2563eb26;background:#f8fbff;transform:translateY(-2px)}.proj-card .proj-thumb{height:110px;border-radius:8px 8px 0 0;background-size:cover;background-position:center center;margin-bottom:0;border:1px solid rgba(16,24,40,.04);box-shadow:inset 0 -10px 30px #0000000f;position:relative}.proj-card .proj-title{font-weight:700;color:#fff;margin:0;position:absolute;bottom:12px;left:12px;right:12px;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.2}.proj-card .proj-sub{color:var(--muted);font-size:13px;margin-top:20px}.proj-card-new{background:linear-gradient(180deg,#4d40f4,#185cfb);border-radius:10px;padding:12px;border:1px solid rgba(16,24,40,.04);box-shadow:0 6px 14px #1018280a;min-height:120px;cursor:pointer;transition:all .22s ease;display:inline-block;flex-direction:column;position:relative;justify-content:center;text-align:center;width:100%;height:100%;color:#fff}.proj-card-new:hover{border-color:#2563eb4d;box-shadow:0 8px 16px #4d40f44d;transform:translateY(-2px)}.right-col{display:flex;flex-direction:column;gap:14px}.box{background:#fff;padding:20px;border-radius:12px;box-shadow:var(--card-shadow);font-size:14px}.box h4{margin:0 0 8px}.box ul{margin:0;padding-left:16px;color:var(--muted)}.box li{list-style-image:url("data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.68747%201.40625C9.68747%201.28193%209.73686%201.1627%209.82477%201.07479C9.91268%200.986886%2010.0319%200.9375%2010.1562%200.9375H13.5937C13.718%200.9375%2013.8373%200.986886%2013.9252%201.07479C14.0131%201.1627%2014.0625%201.28193%2014.0625%201.40625V4.84375C14.0625%204.96807%2014.0131%205.0873%2013.9252%205.17521C13.8373%205.26311%2013.718%205.3125%2013.5937%205.3125C13.4694%205.3125%2013.3502%205.26311%2013.2623%205.17521C13.1744%205.0873%2013.125%204.96807%2013.125%204.84375V2.5375L9.23747%206.425C9.19456%206.47105%209.14281%206.50799%209.08531%206.53361C9.02781%206.55923%208.96574%206.57301%208.9028%206.57412C8.83986%206.57523%208.77734%206.56365%208.71898%206.54008C8.66061%206.5165%208.60759%206.48141%208.56308%206.4369C8.51856%206.39239%208.48347%206.33937%208.4599%206.281C8.43632%206.22263%208.42474%206.16011%208.42585%206.09717C8.42696%206.03423%208.44074%205.97216%208.46636%205.91466C8.49198%205.85716%208.52892%205.80541%208.57497%205.7625L12.4625%201.875H10.1562C10.0319%201.875%209.91268%201.82561%209.82477%201.73771C9.73686%201.6498%209.68747%201.53057%209.68747%201.40625Z'%20fill='%231F5AFB'/%3e%3cpath%20d='M1.5625%202.65625C1.5625%202.0525%202.0525%201.5625%202.65625%201.5625H7.96875C8.09307%201.5625%208.2123%201.61189%208.30021%201.69979C8.38811%201.7877%208.4375%201.90693%208.4375%202.03125C8.4375%202.15557%208.38811%202.2748%208.30021%202.36271C8.2123%202.45061%208.09307%202.5%207.96875%202.5H2.65625C2.61481%202.5%202.57507%202.51646%202.54576%202.54576C2.51646%202.57507%202.5%202.61481%202.5%202.65625V12.3438C2.5%2012.43%202.57%2012.5%202.65625%2012.5H12.3438C12.3852%2012.5%2012.4249%2012.4835%2012.4542%2012.4542C12.4835%2012.4249%2012.5%2012.3852%2012.5%2012.3438V7.03125C12.5%206.90693%2012.5494%206.7877%2012.6373%206.69979C12.7252%206.61189%2012.8444%206.5625%2012.9688%206.5625C13.0931%206.5625%2013.2123%206.61189%2013.3002%206.69979C13.3881%206.7877%2013.4375%206.90693%2013.4375%207.03125V12.3438C13.4375%2012.6338%2013.3223%2012.912%2013.1171%2013.1171C12.912%2013.3223%2012.6338%2013.4375%2012.3438%2013.4375H2.65625C2.36617%2013.4375%202.08797%2013.3223%201.88285%2013.1171C1.67773%2012.912%201.5625%2012.6338%201.5625%2012.3438V2.65625Z'%20fill='%231F5AFB'/%3e%3c/svg%3e");padding:10px 5px}.box li a{cursor:pointer;color:#1f5afb;text-decoration:none;transition:color .2s ease;padding:4px 0}.box li a:hover{color:#2563eb}.box li:hover{color:#2563eb;font-weight:500}.active-projects{background:linear-gradient(180deg,#6366f1,#06b6d4);color:#fff;display:flex;flex-direction:column;align-items:flex-start;padding:18px}.active-projects .ap-num{font-size:28px;font-weight:800}.active-projects .ap-label{opacity:.95}.active-projects .ap-sub{opacity:.9;font-size:13px;margin-top:8px}.project-layout{display:grid;grid-template-columns:200px 1fr 300px;gap:20px;padding:24px;max-width:100%;margin:0 auto;min-height:calc(100vh - 56px);background:#eef6ff}.left-sidebar{background:transparent}.add-project-btn{display:block;background:#2563eb;color:#fff;padding:10px 14px;border-radius:10px;border:none;font-weight:600;margin-bottom:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #2563eb4d;width:100%;text-align:center}.add-project-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb66}.project-thumbnail{width:100%;height:140px;border-radius:10px;overflow:hidden;margin-bottom:12px;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,#1e40af,#0369a1);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;color:#fff;font-weight:600;text-align:left;padding:12px;box-shadow:0 2px 8px #0000001a;position:relative}.project-thumbnail:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1e40afb3,#0369a1b3);z-index:1}.project-thumbnail span{position:relative;z-index:2;font-size:14px;line-height:1.3}.project-details-link{font-size:11px;margin-top:6px;opacity:.9;text-decoration:none}.section-title{font-size:13px;font-weight:600;color:#0f1724;margin:16px 0 8px;display:flex;justify-content:space-between;align-items:center}.section-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.section-items li{font-size:12px;color:#6b7b8b;padding:6px 8px;border-radius:6px;cursor:pointer;transition:all .2s ease}.section-items li:hover{background:#f0f9ff;color:#2563eb}.center-content{display:flex;flex-direction:column;gap:16px}.search-bar{display:flex;gap:8px;align-items:center;background:#fff;padding:12px 16px;border-radius:20px;box-shadow:0 2px 8px #0000000f}.search-bar input{flex:1;border:none;outline:none;font-size:14px;color:#6b7b8b}.search-bar button{background:transparent;border:none;cursor:pointer;font-size:16px;color:#6b7b8b}.project-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f}.project-header{display:flex;gap:12px;margin-bottom:16px}.author-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;flex-shrink:0}.author-info{flex:1}.author-name{font-size:14px;font-weight:600;color:#0f1724;margin:0}.author-role{font-size:12px;color:#6b7b8b;margin:2px 0 0}.author-date{font-size:12px;color:#6b7b8b;margin-top:4px}.project-description{font-size:14px;color:#334155;line-height:1.6;margin-bottom:16px}.action-icons{display:flex;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #e6eef6}.action-icons button{background:transparent;border:none;cursor:pointer;font-size:18px;color:#6b7b8b;padding:6px;border-radius:6px;transition:all .2s ease}.action-icons button:hover{background:#f0f9ff;color:#2563eb}.right-sidebar{display:flex;flex-direction:column;gap:16px}.sidebar-box{background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.sidebar-title{font-size:13px;font-weight:600;color:#0f1724;margin:0 0 8px}.sidebar-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.sidebar-items li{font-size:12px;color:#6b7b8b;padding:4px 0}.download-btn{background:#2563eb;color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #2563eb4d}.download-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb66}.active-projects{background:linear-gradient(180deg,#6366f1,#06b6d4);color:#fff;display:flex;flex-direction:column;align-items:flex-start;padding:16px;border-radius:12px}.active-projects-num{font-size:24px;font-weight:800;margin-bottom:4px}.active-projects-label{font-size:12px;opacity:.95;margin-bottom:8px}.active-projects-sub{font-size:11px;opacity:.9}@media(max-width:1100px){.layout{grid-template-columns:180px 1fr 260px;padding:18px}.search-box input{width:200px}}@media(max-width:900px){.layout{grid-template-columns:1fr;max-width:900px}.left-col,.right-col{order:2}.center-col{order:1}.metrics-row{flex-direction:column}.project-grid{grid-template-columns:1fr}}.dashboard-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;background:#eef6ff}.welcome-section{margin-bottom:40px;width:100%}.card-container{background:#fff;border-radius:16px;box-shadow:0 5px 7.2px #0000001c;padding:60px;width:100%;min-height:400px;display:flex;gap:24px;align-items:center;justify-content:center}.signup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#eef6ff,#e0f2fe)}.signup-wrapper{display:grid;grid-template-columns:1fr 2fr;gap:40px;max-width:1200px;width:100%}.signup-header{position:relative;top:20px;left:50%;transform:translate(-50%);text-align:center}.signup-title{font-size:32px;font-weight:700;color:#2563eb;margin:0;letter-spacing:.5px}.signup-subtitle{font-size:16px;font-weight:600;color:#2563eb;margin:20px 0 0}.signup-description{font-size:14px;color:#6b7b8b;margin-top:20px}.left-column{display:flex;flex-direction:column;gap:16px}.feature-card{background:#fff;border:2px solid #e6eef6;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.feature-card:hover{border-color:#2563eb;box-shadow:0 4px 16px #2563eb26;transform:translateY(-2px)}.feature-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;margin-bottom:12px;flex-shrink:0}.feature-title{font-size:16px;font-weight:600;color:#0f1724;margin:0 0 6px}.feature-description{font-size:13px;color:#6b7b8b;margin:0;line-height:1.4}.benefits-card{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;padding:24px;box-shadow:0 2px 8px #2563eb4d}.benefits-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 16px}.benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.benefits-list li{font-size:13px;color:#fff;display:flex;align-items:center;gap:8px}.benefits-list li:before{content:"✓";font-weight:700;flex-shrink:0}.recent-card{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;padding:24px;box-shadow:0 2px 8px #2563eb4d}.recent-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 16px}.recent-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.recent-list li{background:#ffffff1a;padding:8px 12px;border-radius:8px;font-size:13px;color:#fff;display:flex;align-items:center;gap:8px}.recent-list li:before{content:"✓";font-weight:700;flex-shrink:0}.help-card{background:#dbeafe;border-radius:12px;border:2px solid #93C5FD;padding:24px}.help-title{font-size:16px;font-weight:600;color:#1e3a8a;margin:0 0 16px}.help-description{font-size:13px;color:#3b82f6;margin:0;line-height:1.4}.help-description a{color:#2563eb;text-decoration:none;font-weight:600}.right-column{display:inline-block;align-items:center;justify-content:center}.signup-form-container{background:#fff;border-radius:16px;padding:40px;box-shadow:0 8px 24px #0000001f;width:100%;max-width:800px}.form-title{font-size:20px;font-weight:600;color:#2563eb;text-align:center;margin:0 0 8px}.form-subtitle{font-size:14px;color:#6b7b8b;text-align:center;margin:0 0 24px}.form-group label{display:block;font-size:13px;font-weight:500;color:#0f1724;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #e6eef6;border-radius:8px;background:#f5f5f5;font-size:13px;color:#6b7b8b;font-family:inherit;box-sizing:border-box;transition:all .2s ease}.form-group input::-moz-placeholder{color:#b0bac0}.form-group input::placeholder{color:#b0bac0}.form-group input:focus,.form-group select:focus{outline:none;background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group.two-col>div{margin-bottom:0}.checkbox-group{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding:12px;border-radius:8px}.checkbox-group input[type=checkbox]{width:auto;margin:0;cursor:pointer}.checkbox-group label{margin:0;font-size:13px;color:#0f1724;cursor:pointer}.highlight-group{display:block;align-items:center;gap:8px;margin:20px 0;padding:12px;background:#f0f9ff;border-radius:8px;border:solid 1px #93C5FD}.submit-btn{padding:12px 16px;background:linear-gradient(135deg,#4d40f4,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #2563eb4d;margin-bottom:16px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb66}.submit-btn:disabled{background:#e6eef6;color:#b0bac0;cursor:not-allowed;box-shadow:none}.login-link{text-align:center;font-size:13px;color:#6b7b8b}.login-link a{color:#2563eb;text-decoration:none;font-weight:600}.login-link a:hover{text-decoration:underline}.divider{text-align:center;margin:20px 0;position:relative;color:#6b7b8b;font-size:12px}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:#e6eef6}.divider:before{left:0}.divider:after{right:0}.social-btn{padding:10px 16px;background:#fff;color:#0f1724;border:1px solid #e6eef6;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;display:inline-block;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.social-btn:hover{border-color:#2563eb;background:#f0f9ff}.social-icon{width:18px;height:18px}.forgot-link{font-size:13px;color:#6b7b8b}.forgot-link a{color:#2563eb;text-decoration:none;font-weight:600}.forgot-link a:hover{text-decoration:underline}.footer-text{text-align:center;font-size:11px;color:#b0bac0;margin-top:20px}@media(max-width:768px){.signup-wrapper{grid-template-columns:1fr;gap:20px}.left-column{padding-top:0}.signup-container{padding-top:100px}}.dashboard-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 56px);padding:60px 20px;background:#eef6ff}.dashboard-content{width:100%;max-width:1200px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.welcome-title{font-size:32px;font-weight:700;color:#185cfb;margin:0 0 8px}.welcome-name{font-size:28px;color:#0f1724;margin:0 0 16px}.welcome-desc{font-size:18px;color:#4a5565;line-height:1.54;margin:0 0 8px}.welcome-question{font-size:18px;font-weight:600;color:#4a5565;margin-top:16px}.card-container{background:#fff;border-radius:16px;box-shadow:0 5px 7.2px #0000001c;padding:60px;width:100%;min-height:400px;display:flex;gap:24px;align-items:center;justify-content:center;flex-direction:column}.buttons-wrapper{display:flex;gap:24px;width:100%;justify-content:center;margin-bottom:24px}.action-btn{background:linear-gradient(180deg,#4d40f4,#185cfb);color:#f5f5f5;border:none;border-radius:16px;padding:24px 28px;display:flex;flex-direction:row;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;font-size:18px;font-weight:500;text-decoration:none;height:80px;width:280px}.action-btn:hover{transform:translateY(-4px);box-shadow:0 8px 16px #4d40f44d}.action-btn-icon{width:48px;height:48px;flex-shrink:0}.form-section{width:100%;padding-top:24px}.form-title{font-size:16px;font-weight:600;color:#2563eb;margin:0 0 20px;cursor:pointer}.form-group{margin-bottom:16px}.form-input{width:100%;padding:12px 16px;border:1px solid #e6eef6;border-radius:8px;background:#f5f5f5;font-size:14px;color:#6b7b8b;font-family:inherit;transition:all .2s ease;box-sizing:border-box;box-shadow:0 2px 4px #1018280f}.form-input::-moz-placeholder{color:#b0bac0}.form-input::placeholder{color:#b0bac0}.form-input:hover{background:#ebebeb}.form-input:focus{outline:none;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.form-textarea{width:100%;min-height:200px;padding:10px;border-radius:8px;border:1px solid #e6eef6;background:#f5f5f5;font-size:14px;color:#6b7b8b;font-family:inherit;resize:vertical;transition:all .2s ease;box-shadow:0 2px 4px #1018280f;box-sizing:border-box}.form-textarea::-moz-placeholder{color:#b0bac0}.form-textarea::placeholder{color:#b0bac0}.form-textarea:hover{background:#ebebeb}.form-textarea:focus{outline:none;background:#fff;box-shadow:0 0 0 3px #2563eb1a;border-color:#2563eb}.form-footer{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:24px;padding-top:16px;border-top:1px solid #e6eef6}.form-actions{display:flex;gap:12px}.form-action-btn{background:transparent;border:none;cursor:pointer;font-size:18px;color:#2563eb;padding:6px;border-radius:6px;transition:all .2s ease}.form-action-btn:hover{background:#f0f9ff}.form-action-btn img{height:25px;width:25px}.submit-btn{background:#2563eb;color:#fff;border:none;padding:10px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #2563eb4d}.submit-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb66}.add-btn-cstm{display:flex;align-items:center;justify-content:center;gap:8px}.add-btn-cstm2{width:auto!important;display:flex;align-items:center;justify-content:center;gap:8px}.proj-card-new-custom{display:flex;align-items:center;justify-content:center}.action-icons{display:flex;align-items:center;justify-content:space-between}.more-btn{font-size:15px!important;display:flex;align-items:center;gap:7px}.section-items{padding-left:0!important}.section-items ul{padding-left:0}.section-items li{list-style:none;padding-left:0}.other-list li{padding-left:20px;position:relative}.other-list li:before{content:"";width:8px;height:8px;border-radius:50px;background-color:#00c0e8;position:absolute;top:50%;left:0;transform:translateY(-50%)}.comment-icon{cursor:pointer;font-size:22px}.comment-box{margin-top:15px;background:#f5f5f5;border:1px solid #ddd;border-radius:12px;padding:15px}.comment-box textarea{width:100%;border:none;resize:none;background:transparent;outline:none;font-size:14px}.bottom-section{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.comment-btn{background:#2563eb;color:#fff;border:none;padding:6px 16px;border-radius:6px;cursor:pointer}.attachment-label{cursor:pointer;font-size:18px;color:#3b5cff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.project-card-discarded{border:3px solid #DD2025;position:relative;margin-top:17px}.discarded{position:absolute;top:-20px;right:20px;background:#dd2025;color:#fff;padding:8px 40px;border-radius:25px;font-weight:700}.employee-list{list-style:none;padding:0;margin:0}.avatar{width:30px;height:30px;min-width:30px;min-height:30px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:12px;font-size:14px}.avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.info .name{font-weight:600;font-size:13px}.info .role{font-size:11px;color:#555}.primary{color:#2563eb}.left-sidebar .proj-card.lft-card .proj-thumb{border-radius:8px!important;height:65px}.left-sidebar .proj-card.lft-card{min-height:90px}.tabs{display:flex;gap:20px;align-items:center;font-weight:600;font-size:18px}.tab{cursor:pointer;color:#222}.tab.active{color:#2563ff}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.add-btn{background:linear-gradient(45deg,#5b5bff,#2563ff);color:#fff;border:none;padding:12px 25px;border-radius:12px;font-weight:600;cursor:pointer}.employee-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:25px}.employee-card{background:#fff;border-radius:18px;padding:25px;box-shadow:0 8px 25px #0000000f}.employee-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.employee-left{display:flex;gap:15px}.employee-left img{width:70px;height:70px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.employee-info h4{margin:0;color:#2563ff;font-size:18px}.employee-info p{margin:4px 0;color:#666;font-size:14px}.roles{text-align:right;font-size:14px;color:#444;line-height:1.6}.projects{margin-top:20px;background:#fff;padding:15px 20px;border-radius:14px;display:flex;flex-direction:column;gap:8px}.projects span{color:#2563ff;font-size:14px;cursor:pointer}@media(max-width:768px){.employee-top{flex-direction:column}.roles{text-align:left;margin-top:10px}}.tab-content{display:none}.tab-content.active{display:block}.layout-single{gap:20px;padding:24px;max-width:1160px;margin:18px auto}.layout-single .metrics-row{display:flex;gap:12px;width:80%;margin:auto}.project-list-wrap{display:flex;align-items:center;justify-content:space-between}.project-grid.project-grid-wrap{grid-template-columns:repeat(3,1fr)!important}.open-btn{margin:100px;padding:12px 25px;background:linear-gradient(90deg,#4f46e5,#2563eb);border:none;color:#fff;border-radius:6px;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:.3s;z-index:999}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:#fff;width:800px;max-width:90%;border-radius:15px;padding:40px;position:relative;box-shadow:0 10px 30px #0003}.close-btn{position:absolute;right:20px;top:20px;font-size:22px;cursor:pointer;color:#999}.close-btn:hover{color:#000}.modal h2{color:#2563eb;margin-bottom:30px}.form-group{margin-bottom:25px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:18px;border:none;border-radius:12px;background:#f1f1f1;box-shadow:inset 0 2px 6px #0000001a;font-size:15px;outline:none}.form-group textarea{height:140px;resize:none}.submit-btn{float:right;padding:15px 40px;border:none;border-radius:10px;font-size:16px;color:#fff;cursor:pointer;background:linear-gradient(45deg,#5b5bff,#2563ff);transition:.3s}.submit-btn:hover{opacity:.9}.upload-box{width:100%;display:block;border-radius:16px;background:#f1f1f1;border:2px dashed #dbe3f0;padding:22px;cursor:pointer;transition:.3s ease}.upload-box:hover{border-color:#2563eb;background:#f1f1f1}.upload-content{display:flex;justify-content:space-between;align-items:center}.upload-left{display:flex;align-items:center;gap:15px}.upload-icon-box{width:45px;height:45px;background:linear-gradient(135deg,#5b5bf7,#2563eb);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px}.upload-title{font-weight:600;font-size:15px;color:#333}.upload-sub{font-size:13px;color:#777}.upload-file-name{font-size:13px;color:#2563eb}.modal-footer1{display:flex;align-items:center;justify-content:end;gap:30px}.footer-left{display:flex;align-items:center;gap:15px}.section-items.employee-list li{display:flex!important}.text-danger{color:#dc2626}.company-dashboard{grid-template-columns:1fr}.metric-card{flex:0 0 160px;padding:20px 16px}.metric-card .num{font-size:28px;font-weight:800}.metric-card .label{font-size:14px;font-weight:500}.projects .add-btn-client{padding:12px 18px;font-size:15px;font-weight:600}.projects-header .btn-filter{background:transparent;border:1px solid #e6eef6;padding:8px 12px;border-radius:6px;font-size:16px}.project-grid-1{grid-template-columns:repeat(1,1fr)}.project-grid-2{grid-template-columns:repeat(2,1fr)}.project-grid-3{grid-template-columns:repeat(3,1fr)}.min-h-px-175{min-height:175px}.company-card-custom{flex-direction:column;padding:0;min-height:auto}.company-card-img-container{padding:16px;text-align:center;border-bottom:1px solid #e6eef6}.company-card-img{width:80px;height:80px;border-radius:8px;-o-object-fit:contain;object-fit:contain;background:#f0f9ff}.proj-card .company-title{margin:0 0 6px;font-size:14px;font-weight:600}.proj-card .company-url{font-size:12px;color:#6b7b8b}.proj-card .detail-btn{background:#2563eb;color:#fff;border:none;padding:8px 14px;border-radius:6px;font-weight:500;margin-top:auto;transition:all .02s ease}.proj-card .proj-thumb{background-image:url(/assets/project-B5HBXeSx.png)}