*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:var(--font-plus-jakarta),Plus Jakarta Sans,sans-serif;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]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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,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{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[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}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.list-item{display:list-item}.hidden{display:none}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.break-all{word-break:break-all}.border{border-width:1px}.font-sans{font-family:var(--font-plus-jakarta),Plus Jakarta Sans,sans-serif}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:solid}.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)}.backdrop-filter{-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{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--primary:#096af3;--primary-dark:#0550c7;--primary-light:#5b9ef7;--primary-bg:#ebf3fe;--primary-50:#f4f9ff;--success:#12b76a;--success-dark:#027a48;--success-bg:#ecfdf3;--warning:#f79009;--warning-dark:#b54708;--warning-bg:#fffaeb;--danger:#f04438;--danger-dark:#b42318;--danger-bg:#fef3f2;--purple:#7c3aed;--purple-bg:#f5f3ff;--bg:#f0f2f5;--bg-card:#fff;--text:#101828;--text-secondary:#667085;--text-muted:#98a2b3;--border:#e4e7ec;--border-light:#f2f4f7;--admin-accent:#0f172a;--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 12px 40px rgba(0,0,0,.12);--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px}body{font-family:var(--font-plus-jakarta),"Plus Jakarta Sans",sans-serif;color:var(--text);background:var(--bg);line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;color:var(--text)}a{text-decoration:none;color:inherit}*{box-sizing:border-box}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all .2s ease;line-height:1.5}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 12px rgba(9,106,243,.25)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover:not(:disabled){background:var(--bg);border-color:#d0d5dd}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 12px}.btn-ghost:hover:not(:disabled){background:var(--bg);color:var(--text)}.btn-white{background:#fff;color:var(--primary)}.btn-white:hover:not(:disabled){box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:var(--success-dark)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-dark)}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover:not(:disabled){background:var(--warning-dark)}.btn-sm{padding:8px 14px;font-size:13px;gap:6px}.btn-lg{padding:12px 24px;font-size:16px;gap:10px}.btn-block{width:100%;display:flex}.btn-icon{padding:8px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--bg);color:var(--text)}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--primary-light)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;border-radius:99px;white-space:nowrap}.badge-dot:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:currentColor}.badge-blue{background:var(--primary-bg);color:var(--primary-dark)}.badge-green{background:var(--success-bg);color:var(--success-dark)}.badge-gray{background:var(--border-light);color:var(--text-secondary)}.badge-yellow{background:var(--warning-bg);color:var(--warning-dark)}.badge-purple{background:var(--purple-bg);color:var(--purple)}.alert{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500}.alert-icon{flex-shrink:0;margin-top:2px}.alert-danger{background:var(--danger-bg);color:var(--danger-dark);border:1px solid rgba(240,68,56,.2)}.alert-warning{background:var(--warning-bg);color:var(--warning-dark);border:1px solid rgba(247,144,9,.2)}.alert-info{background:var(--primary-bg);color:var(--primary-dark);border:1px solid rgba(9,106,243,.2)}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff}.spinner,.spinner-dark{display:inline-block;animation:spinner .6s linear infinite}.spinner-dark{width:24px;height:24px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--primary)}@keyframes spinner{to{transform:rotate(1turn)}}.spinner-sm{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--primary)}.spinner-lg,.spinner-sm{display:inline-block;animation:spinner .6s linear infinite}.spinner-lg{width:40px;height:40px;border-radius:50%;border:4px solid var(--border);border-top-color:var(--primary)}.spinner-page{display:inline-block;width:32px;height:32px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--primary);animation:spinner .6s linear infinite}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text)}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;font-size:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;color:var(--text);font-family:inherit;transition:all .2s;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--danger)}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px var(--danger-bg)}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper .form-input{padding-right:44px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;transition:all .2s;z-index:2;border-radius:6px}.password-toggle:hover{color:var(--primary);background:var(--primary-bg)}.form-textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-error{color:var(--danger);font-weight:500}.form-error,.form-hint{font-size:12px;margin-top:6px}.form-hint{color:var(--text-muted)}.form-check{display:flex;align-items:center;gap:8px;cursor:pointer}.form-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.form-check-label{font-size:14px;color:var(--text)}.form-section-title{font-size:16px;font-weight:700;margin-top:32px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.form-card{padding:24px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:24px}.required{color:var(--danger)}.modal-overlay{position:fixed;inset:0;background:rgba(16,24,40,.6);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.modal-box{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:18px;font-weight:700;margin:0}.modal-close{background:transparent;border:none;font-size:20px;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.modal-close:hover{background:var(--bg);color:var(--text)}.modal-body{padding:24px;overflow-y:auto}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;background:var(--bg);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.empty-state{text-align:center;padding:64px 20px;background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius)}.empty-state-icon{width:48px;height:48px;background:var(--bg);border-radius:50%;margin:0 auto 16px;color:var(--text-muted)}.empty-state-icon,.pagination{display:flex;align-items:center;justify-content:center}.pagination{gap:8px;margin-top:32px}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border:1px solid var(--border);background:#fff;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:var(--bg)}.page-btn.active{background:var(--primary-bg);color:var(--primary-dark);border-color:var(--primary-light)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.pub-navbar{position:fixed;top:0;left:0;right:0;height:72px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(8px);z-index:100;border-bottom:1px solid transparent;transition:all .3s ease}.pub-navbar.scrolled{border-bottom-color:var(--border);box-shadow:var(--shadow-sm);background:hsla(0,0%,100%,.98)}.pub-navbar-inner{max-width:1200px;margin:0 auto;height:100%;padding:0 20px;justify-content:space-between}.pub-logo,.pub-navbar-inner{display:flex;align-items:center}.brand-logo{object-fit:contain}.pub-nav-links{display:flex;gap:32px;list-style:none;margin:0;padding:0}.pub-nav-links a{font-size:14px;font-weight:500;color:var(--text-secondary);transition:color .2s}.pub-nav-links a.active,.pub-nav-links a:hover{color:var(--primary)}.pub-nav-actions{display:flex;align-items:center;gap:12px}.pub-hamburger{display:none;background:transparent;border:none;font-size:24px;color:var(--text);cursor:pointer;padding:4px}.pub-mobile-menu{position:fixed;inset:0;background:#fff;z-index:200;flex-direction:column;padding:80px 24px 32px;transform:translateX(100%);transition:transform .3s ease;display:flex}.pub-mobile-menu.open{transform:translateX(0)}.pub-mobile-close{position:absolute;top:24px;right:24px;background:transparent;border:none;font-size:24px;color:var(--text);cursor:pointer}.pub-mobile-menu a{font-size:18px;font-weight:600;color:var(--text);padding:16px 0;border-bottom:1px solid var(--border-light)}.nav-btn-dashboard{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;font-size:13.5px;font-weight:600;color:#374151;background:#f4f5f7;border:1px solid #e2e5ea;border-radius:8px;text-decoration:none;transition:all .18s ease;white-space:nowrap}.nav-btn-dashboard:hover{background:#eaecef;border-color:#cdd0d6;color:#111827}.nav-btn-login{display:inline-flex;align-items:center;padding:9px 16px;font-size:13.5px;font-weight:600;color:#374151;background:transparent;border:1px solid #d1d5db;border-radius:8px;text-decoration:none;transition:all .18s ease;white-space:nowrap}.nav-btn-login:hover{background:#f9fafb;border-color:#9ca3af;color:#111827}.nav-btn-register{display:inline-flex;align-items:center;padding:9px 18px;font-size:13.5px;font-weight:700;color:#fff;background:var(--primary);border:1px solid transparent;border-radius:8px;text-decoration:none;transition:all .18s ease;white-space:nowrap;letter-spacing:-.01em}.nav-btn-register:hover{background:var(--primary-dark);box-shadow:0 4px 12px rgba(9,106,243,.3);transform:translateY(-1px)}.nav-btn-logout{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .18s ease;flex-shrink:0}.nav-btn-logout:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.pub-footer{background:#0a0a0a;color:#fff;padding:80px 20px 24px}.pub-footer-inner{max-width:1200px;margin:0 auto 64px;display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr 1fr;gap:32px}.pub-footer-desc{color:#a1a1aa;margin-top:20px;font-size:14px;line-height:1.6;max-width:300px}.pub-footer h4{font-size:16px;font-weight:600;margin-bottom:24px;color:#fff}.pub-footer-links{list-style:none;margin:0;padding:0}.pub-footer-links li{margin-bottom:16px}.pub-footer-links a{color:#a1a1aa;font-size:14px;transition:color .2s}.pub-footer-links a:hover{color:#fff}.pub-footer-bottom{max-width:1200px;margin:0 auto;padding-top:24px;border-top:1px solid #27272a;display:flex;justify-content:space-between;align-items:center;color:#71717a;font-size:13px}.pub-page-top{padding-top:72px}.page-header{background:#fff;padding:40px 0;border-bottom:1px solid var(--border-light);margin-bottom:40px}.page-header h1{font-size:32px;margin-bottom:12px}.page-header p{color:var(--text-secondary);font-size:18px;max-width:600px}.breadcrumb{font-size:13px;color:var(--text-muted);margin-bottom:20px}.breadcrumb a{color:var(--text-secondary)}.section-label{display:inline-block;padding:6px 12px;background:var(--primary-bg);color:var(--primary-dark);font-size:13px;font-weight:600;border-radius:99px;margin-bottom:16px}.section-title{font-size:32px;margin-bottom:16px}.section-subtitle{font-size:16px;color:var(--text-secondary);max-width:600px}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:72px;isolation:isolate;overflow:hidden}.hero-photo{position:absolute;inset:0;background-image:url(https://images.unsplash.com/photo-1580901368919-7738efb0f87e?q=80&w=1172&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover;background-position:100%;z-index:-2}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(8,12,28,.93),rgba(8,12,28,.8) 38%,rgba(8,12,28,.45) 62%,rgba(8,12,28,.12))}.hero-content{color:#fff;padding-top:40px;padding-bottom:80px;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:99px;font-size:14px;font-weight:600;margin-bottom:24px;backdrop-filter:blur(4px)}.hero h1{font-size:56px;line-height:1.1;margin-bottom:24px;max-width:800px;color:#fff}.hero h1 em{font-style:normal;color:#60a5fa}.hero-desc{font-size:18px;color:#e2e8f0;max-width:600px;margin-bottom:40px}.hero-actions{gap:16px;margin-bottom:64px}.hero-actions,.hero-stats{display:flex;flex-wrap:wrap}.hero-stats{gap:40px;padding-top:8px;border-top:1px solid hsla(0,0%,100%,.15)}.hero-stat-item{display:flex;flex-direction:column;gap:4px}.hero-stat-num{font-size:32px;font-weight:800;color:#fff;line-height:1}.hero-stat-label{font-size:13px;color:hsla(0,0%,100%,.6);font-weight:500}.ts{padding:120px 0;background:#f8f9fb}.ts-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:52px;gap:24px;flex-wrap:wrap}.ts-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin:0 0 10px}.ts-title{font-size:38px;font-weight:800;color:#0d1117;letter-spacing:-.025em;line-height:1.15;margin:0}.ts-cta{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border:1px solid #e2e5ea;border-radius:8px;background:#fff;font-size:14px;font-weight:600;color:#374151;text-decoration:none;transition:all .18s ease;white-space:nowrap}.ts-cta:hover{border-color:#c4c9d4;background:#f4f5f7;color:#111827}.ts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}.tc-link{color:inherit;height:100%}.tc{display:flex;flex-direction:column;padding:24px;background:#fff;border:1px solid #e8eaed;border-radius:20px;transition:all .3s cubic-bezier(.16,1,.3,1);height:100%;position:relative;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.02)}.tc-link:hover .tc{border-color:var(--primary-light);box-shadow:0 16px 40px rgba(0,0,0,.06);transform:translateY(-4px)}.tc-head-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.tc-status{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#059669;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;padding:3px 10px}.tc-dot{width:5px;height:5px;border-radius:50%;background:#10b981;flex-shrink:0;animation:pulse-dot 2s ease infinite}.tc-bids-badge{font-size:11px;font-weight:600;color:#9ca3af;letter-spacing:.01em}.tc-title{font-size:16px;font-weight:700;line-height:1.5;color:#111827;letter-spacing:-.012em;margin:0 0 16px;flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tc-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px}.tc-tag{font-size:11.5px;color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:4px;padding:3px 9px;line-height:1.5}.tc-meta{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}.tc-meta-item{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:#6b7280;font-weight:500}.tc-meta-item svg{flex-shrink:0;color:#9ca3af}.tc-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f1f3f5;margin-top:auto}.tc-posted{font-size:11.5px;color:#b0b7c3;font-weight:500}.tc-cta-text{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--primary);opacity:0;transform:translateX(-6px);transition:opacity .2s ease,transform .2s ease}.tc-link:hover .tc-cta-text{opacity:1;transform:translateX(0)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.tc-skeleton{pointer-events:none;gap:14px}.tc-skel-line{border-radius:6px;background:linear-gradient(90deg,#f0f1f3 25%,#e4e6e9 50%,#f0f1f3 75%);background-size:400px 100%;animation:shimmer 1.4s ease infinite}.tc-skel-sm{height:16px;width:72px}.tc-skel-lg{height:22px;width:90%;margin-top:4px}.tc-skel-md{height:16px;width:55%}.brands-section{padding:80px 0;background:#fff;overflow:hidden}.marquee-wrapper{position:relative;width:100%;margin-top:40px}.marquee-fade{position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.marquee-fade-left{left:0;background:linear-gradient(90deg,#fff 40%,transparent)}.marquee-fade-right{right:0;background:linear-gradient(270deg,#fff 40%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 35s linear infinite}.marquee-item,.marquee-slide{display:flex;align-items:center}.marquee-item{padding:0 24px;justify-content:center;height:72px}.marquee-item img{max-width:160px;max-height:64px;width:auto;object-fit:contain;filter:grayscale(1) opacity(.5);transition:filter .3s ease}.marquee-item:hover img{filter:grayscale(0) opacity(1)}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.fakta-section{background:var(--admin-accent);padding:100px 0;position:relative;overflow:hidden}.fakta-bg-pattern{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:48px 48px;z-index:0}.fakta-glow{position:absolute;border-radius:50%;filter:blur(80px);z-index:0}.fakta-glow-1{top:-100px;left:-100px;width:400px;height:400px;background:rgba(9,106,243,.2)}.fakta-glow-2{bottom:-100px;right:-100px;width:300px;height:300px;background:rgba(124,58,237,.1)}.fakta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.fakta-stat{padding:32px;background:hsla(0,0%,100%,.05);border-radius:var(--radius-lg);border:1px solid hsla(0,0%,100%,.1);backdrop-filter:blur(8px)}.fakta-stat-num{font-size:48px;font-weight:800;color:#fff;margin-bottom:16px}.fakta-stat-line{width:40px;height:4px;background:var(--primary);margin-bottom:24px;border-radius:2px}.fakta-stat-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:12px}.fakta-stat-desc{color:#94a3b8;font-size:14px;line-height:1.6}.how-section{padding:100px 0;background:#fff}.how-layout{display:flex;gap:64px;align-items:center}.how-content{flex:1;min-width:0}.how-toggle{background:var(--bg);padding:4px;margin-bottom:40px}.how-toggle,.how-toggle-btn{display:inline-flex;border-radius:99px}.how-toggle-btn{align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.how-toggle-active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.how-steps-wrapper{display:flex;flex-direction:column;gap:0}.how-step{display:flex;gap:20px;margin-bottom:28px;animation:fadeSlideUp .5s both}.how-step-indicator{display:flex;flex-direction:column;align-items:center;gap:12px}.how-step-num{width:32px;height:32px;border-radius:50%;background:var(--primary-bg);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.how-step-num-vendor{background:var(--success-bg);color:var(--success-dark)}.how-step-connector{width:2px;height:100%;background:var(--border-light);flex:1;min-height:32px}.how-step-body h4{font-size:18px;margin-bottom:8px}.how-step-body p{color:var(--text-secondary);font-size:15px}.how-photo{flex:1;position:relative;height:500px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.how-photo-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6) 0,transparent 50%);z-index:1}.how-photo-badge{position:absolute;bottom:24px;left:24px;right:24px;background:hsla(0,0%,100%,.9);backdrop-filter:blur(4px);padding:16px 20px;border-radius:var(--radius);font-weight:600;text-align:center;z-index:2;box-shadow:var(--shadow)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.features-section{padding:100px 0;background:var(--bg)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{padding:32px}.feature-icon{width:48px;height:48px;border-radius:12px;background:var(--primary-bg);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-card h3{font-size:18px;margin-bottom:12px}.feature-card p{color:var(--text-secondary);font-size:14px}.blog-section{padding:100px 0;background:#fff}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{flex-direction:column;padding:0!important;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.blog-card,.blog-card-img{display:flex;overflow:hidden}.blog-card-img{height:200px;background:var(--bg);align-items:center;justify-content:center;flex-shrink:0}.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.blog-card:hover .blog-card-img img{transform:scale(1.04)}.blog-card-body{padding:20px 24px 24px;flex:1;display:flex;flex-direction:column}.blog-category{font-size:11px;color:var(--primary);text-transform:uppercase;letter-spacing:.08em}.blog-card-title,.blog-category{font-weight:700;margin-bottom:10px}.blog-card-title{font-size:17px;line-height:1.45;color:var(--text)}.blog-card-excerpt{color:var(--text-secondary);font-size:14px;margin-bottom:20px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}.blog-card-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);padding-top:16px;border-top:1px solid var(--border-light);margin-top:auto}.cta-section{padding:100px 0;background:linear-gradient(135deg,#0550c7,#0f172a);color:#fff;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.04) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.04) 1px,transparent 0);background-size:48px 48px}.cta-content{position:relative;z-index:1}.cta-content blockquote{font-size:36px;font-weight:700;margin-bottom:24px}.cta-content h2{font-size:clamp(28px,4vw,40px);margin-bottom:16px;color:#fff}.cta-content p{font-size:18px;opacity:.85;max-width:560px;margin:0 auto 40px;line-height:1.7}.cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.pub-page-top{background:#fff;border-bottom:1px solid #f1f5f9;display:block;position:relative;overflow:hidden}.pub-page-top:before{content:"";position:absolute;top:0;left:0;right:0;height:480px;background:radial-gradient(circle at 50% -20%,rgba(14,165,233,.04),transparent 70%);z-index:1}.pub-page-top .page-header{padding:64px 0;position:relative;z-index:2;text-align:center}.pub-page-top h1{font-size:clamp(28px,4vw,42px);font-weight:800;color:#0f172a;margin:16px 0 12px;letter-spacing:-.03em}.pub-page-top p{font-size:clamp(15px,2vw,17px);color:#475569;line-height:1.6;max-width:600px;margin:0 auto}.breadcrumb{font-size:13.5px;color:#64748b;font-weight:500;display:inline-flex;padding:6px 0}.breadcrumb a{color:#0f172a;text-decoration:none;font-weight:600;transition:color .2s}.breadcrumb a:hover{color:var(--primary)}.tenders-layout-v2{display:flex;flex-direction:column;gap:32px;padding:40px 0 100px}.tenders-top-filters{gap:20px;justify-content:space-between;background:#fff;padding:12px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px rgba(0,0,0,.02)}.filter-bar-group,.tenders-top-filters{display:flex;flex-wrap:wrap;align-items:center}.filter-bar-group{gap:12px;flex:1}.list-search-wrap{min-width:300px;position:relative}.form-input-search{border-color:#cbd5e1;background:#f8fafc;border-radius:99px;padding:12px 16px 12px 42px;font-size:14.5px;transition:all .2s}.list-search-wrap svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#64748b}.form-input-search:focus{background:#fff;border-color:#0f172a;box-shadow:0 0 0 1px #0f172a;outline:none}.filter-dropdown-container{position:relative}.filter-dd-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:1px solid #cbd5e1;border-radius:99px;font-size:14px;font-weight:600;color:#334155;cursor:pointer;transition:all .2s}.filter-dd-btn:hover{border-color:#94a3b8;background:#f8fafc}.filter-dd-btn.active{background:#f1f5f9;border-color:#0f172a;color:#0f172a}.filter-count{background:var(--primary);color:#fff;font-size:11px;padding:2px 8px;border-radius:99px;font-weight:700}.filter-dd-menu{position:absolute;top:calc(100% + 8px);left:0;width:280px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,.05),0 8px 10px -6px rgba(0,0,0,.01);padding:12px;z-index:100;max-height:320px;overflow-y:auto;animation:slideDown .2s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-dd-item{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:8px;cursor:pointer;transition:background .15s}.filter-dd-item:hover{background:#f8fafc}.filter-dd-item input{accent-color:#0f172a;width:18px;height:18px;cursor:pointer}.filter-dd-item label{font-size:14px;color:#334155;cursor:pointer;flex:1}.filter-clear-btn{font-size:13.5px;font-weight:600;color:#ef4444;padding:8px 16px;border-radius:99px;background:transparent;transition:all .2s}.filter-clear-btn:hover{background:#fef2f2}.tenders-sort-group{display:flex;align-items:center;gap:16px}.tender-count{font-size:13.5px;font-weight:500;color:#64748b;white-space:nowrap}.tender-sort-select{width:auto;min-width:160px;border-radius:8px;padding:10px 14px;border:1px solid #e2e8f0;background:#fff;font-weight:500;font-size:14px;cursor:pointer;color:#334155;transition:border-color .2s}.tender-sort-select:hover{border-color:#cbd5e1}.ts-list-grid{gap:16px;width:100%}.tc-list-item,.ts-list-grid{display:flex;flex-direction:column}.tc-list-item{align-items:stretch;padding:20px 24px;background:#fff;border:1px solid #cbd5e1;border-radius:12px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;text-align:left}.tc-list-item:after{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:transparent;transition:background .3s}.tc-list-item:hover{border-color:#94a3b8;box-shadow:0 4px 14px rgba(15,23,42,.05)}.tc-list-item:hover:after{background:var(--primary)}.tc-link{display:block;text-decoration:none;text-align:left;width:100%}.tc-card-head{justify-content:space-between;margin-bottom:12px}.tc-card-head,.tc-status-group{display:flex;align-items:center}.tc-status-group{flex-wrap:wrap;gap:12px}.tc-badge-status{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#065f46;background:#d1fae5;border:1px solid #a7f3d0;border-radius:999px;padding:4px 12px}.tc-pulse-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 rgba(16,185,129,.4)}70%{box-shadow:0 0 0 6px rgba(16,185,129,0)}to{box-shadow:0 0 0 0 rgba(16,185,129,0)}}.tc-time{color:#64748b}.tc-bids-badge,.tc-time{font-size:13.5px;font-weight:500}.tc-bids-badge{color:#475569;background:#f8fafc;padding:6px 14px;border-radius:99px;border:1px solid #e2e8f0}.tc-bids-badge span{font-weight:700;color:#0f172a}.tc-title{font-size:19px;font-weight:800;color:#0f172a;margin:0 0 6px;line-height:1.35;letter-spacing:-.01em;text-align:left;transition:color .2s}.tc-link:hover .tc-title{color:var(--primary)}.tc-desc{font-size:14.5px;line-height:1.6;color:#475569;margin:0 0 16px;text-align:left!important;width:100%;display:block}.tc-info-grid{display:flex;flex-wrap:wrap;align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:14px 20px;gap:24px;margin-bottom:20px}.tc-info-item{display:flex;flex-direction:column;gap:4px}.tc-info-lbl{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.05em;color:#94a3b8}.tc-info-val{font-size:14px;font-weight:500;color:#1e293b;display:flex;align-items:center;gap:8px}.tc-info-val strong{color:#0f172a;font-weight:700}.tc-info-val svg{width:16px;height:16px;color:#64748b}.tc-important-item{position:relative}.tc-deadline-val{color:#ef4444;font-weight:600}.tc-deadline-val svg{color:#f87171}.tc-card-foot{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #e2e8f0;padding-top:16px;margin-top:auto}.tc-equipment-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.tc-tag{font-size:12.5px;font-weight:600;color:#334155;background:#f8fafc;border:1px solid #cbd5e1;padding:4px 12px;border-radius:6px;transition:all .2s}.tc-link:hover .tc-tag{border-color:#94a3b8;background:#fff}.tc-action-btn{display:inline-flex;align-items:center;gap:6px;background:var(--primary);color:#fff;padding:8px 16px;border-radius:8px;font-weight:600;font-size:13.5px;transition:all .2s ease;white-space:nowrap}.tc-action-btn .arrow{transition:transform .2s ease}.tc-link:hover .tc-action-btn{filter:brightness(.9);box-shadow:0 4px 10px rgba(0,0,0,.1)}.tc-link:hover .tc-action-btn .arrow{transform:translateX(4px)}@media (max-width:768px){.tc-list-item{padding:24px 20px}.tc-card-head{gap:16px}.tc-card-head,.tc-status-group{flex-direction:column;align-items:flex-start}.tc-status-group{gap:8px}.tc-info-grid{padding:16px}.tc-card-foot,.tc-info-grid{flex-direction:column;gap:20px}.tc-card-foot{align-items:stretch}.tc-action-btn{justify-content:center}}.tender-detail-page{padding:40px 0 80px}.tender-detail-layout{grid-template-columns:1fr 340px}@media (max-width:992px){.tender-detail-layout{grid-template-columns:1fr}}.tender-detail-main,.tender-sidebar{display:flex;flex-direction:column;gap:24px}.tender-sidebar{position:sticky;top:100px}.detail-card{padding:32px}.detail-card,.sidebar-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 20px rgba(0,0,0,.02)}.sidebar-card{padding:24px}.detail-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.detail-title{font-size:28px;font-weight:800;color:var(--text-dark);margin-bottom:24px;line-height:1.3;letter-spacing:-.02em}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;background:#f8fafc;padding:24px;border-radius:var(--radius-md);border:1px solid var(--border-light)}@media (max-width:640px){.detail-grid{grid-template-columns:1fr}}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item-label{font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.detail-item-value{font-size:15px;font-weight:600;color:var(--text)}.detail-section-title{font-size:18px;font-weight:700;color:var(--text-dark);margin-bottom:20px;display:flex;align-items:center;gap:8px}.items-list{display:flex;flex-direction:column;gap:12px}.item-row{display:flex;align-items:center;padding:16px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:#fff;transition:border-color .2s}.item-row:hover{border-color:#cbd5e1}.item-icon{width:48px;height:48px;background:var(--primary-bg);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.item-name{font-size:16px;font-weight:600;color:var(--text-dark)}.item-sub{font-size:13.5px;color:var(--text-secondary);margin-top:2px}.item-qty{margin-left:auto;font-size:16px;font-weight:700;color:var(--primary);background:var(--primary-bg);padding:6px 14px;border-radius:20px}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.photo-thumb{aspect-ratio:4/3;border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s}.photo-thumb:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.locked-content{position:relative;background:#fff;border-radius:var(--radius-md);overflow:hidden}.locked-blur{filter:blur(8px);opacity:.6;pointer-events:none;user-select:none;padding:24px}.locked-overlay{position:absolute;inset:0;flex-direction:column;background:linear-gradient(180deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.95) 40%,#fff);text-align:center;padding:32px}.locked-icon,.locked-overlay{display:flex;align-items:center;justify-content:center}.locked-icon{width:56px;height:56px;background:#f1f5f9;border-radius:50%;margin-bottom:16px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.locked-title{font-size:18px;font-weight:700;color:var(--text-dark);margin-bottom:8px}.locked-desc{font-size:14px;color:var(--text-secondary);max-width:400px;line-height:1.5;margin-bottom:24px}.locked-actions{display:flex;gap:12px}.bid-preview{text-align:center;padding-bottom:24px;border-bottom:1px solid var(--border-light);margin-bottom:24px}.bid-preview-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:12px}.bid-count-large{font-size:48px;font-weight:900;color:var(--primary);line-height:1;margin-bottom:8px}.bid-count-label{font-size:14px;color:var(--text-secondary)}.sidebar-cta-title{font-size:16px;font-weight:700;margin-bottom:8px}.sidebar-cta-desc{font-size:13.5px;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.blog-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:40px 0}.cat-tabs{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.about-hero-v2{position:relative;padding:120px 0 80px;text-align:center;color:#fff;overflow:hidden;background:var(--admin-accent)}.about-hero-glow{position:absolute;border-radius:50%;filter:blur(100px)}.about-hero-glow-1{top:-20%;left:-10%;width:500px;height:500px;background:rgba(9,106,243,.4)}.about-hero-glow-2{bottom:-20%;right:-10%;width:400px;height:400px;background:rgba(124,58,237,.3)}.about-hero-grid{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0);background-size:40px 40px}.about-hero-inner{position:relative;z-index:1}.about-hero-title{font-size:40px;margin-bottom:24px;font-weight:800}.about-stats-v2{background:#fff;border-bottom:1px solid var(--border)}.about-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);transform:translateY(-40px)}.about-stat-card{background:#fff;padding:32px 24px;text-align:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:0 12px}.about-stat-icon{width:48px;height:48px;background:var(--primary-bg);color:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.about-stat-num{font-size:28px;font-weight:800;color:var(--text);margin-bottom:4px}.about-stat-label{font-size:13px;color:var(--text-secondary);font-weight:500}.about-story{padding:80px 0;background:var(--bg)}.about-story-inner{max-width:800px;margin:0 auto;text-align:center}.about-story-body p{font-size:16px;line-height:1.8;color:var(--text-secondary);margin-bottom:24px;text-align:justify}.about-vision{padding:120px 0;background:var(--primary-dark);color:#fff;position:relative;overflow:hidden;text-align:center}.about-vision-glow{position:absolute;inset:0;background:radial-gradient(circle at center,hsla(0,0%,100%,.1) 0,transparent 70%)}.about-vision-icon{display:inline-flex}.about-vision-icon,.about-vision-label{margin-bottom:24px;color:var(--primary-light)}.about-vision-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px}.about-vision-quote{font-size:26px;font-weight:600;line-height:1.5;font-style:italic;max-width:900px;margin:0 auto;position:relative;z-index:1}.about-cta{padding:100px 0;background:#fff;text-align:center}.about-cta-title{font-size:30px;margin-bottom:16px;font-weight:800}.about-cta-sub{font-size:16px;color:var(--text-secondary);margin-bottom:40px}.about-cta-actions{display:flex;justify-content:center;gap:16px}.faq-layout{display:flex;gap:48px;padding:40px 0 80px;align-items:flex-start}.faq-nav{width:240px;flex-shrink:0;position:sticky;top:100px;display:flex;flex-direction:column;gap:8px}.faq-nav-item{padding:10px 16px;border-radius:var(--radius-sm);font-size:15px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.faq-nav-item:hover{background:var(--bg);color:var(--text)}.faq-section-title{font-size:24px;margin:48px 0 24px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.faq-section-title:first-child{margin-top:0}.faq-item{margin-bottom:16px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;overflow:hidden}.faq-q{width:100%;text-align:left;background:transparent;border:none;padding:20px 24px;font-size:16px;font-weight:600;color:var(--text);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s}.faq-q:hover{background:var(--bg)}.faq-chevron{transition:transform .3s;color:var(--text-muted)}.faq-q.open .faq-chevron{transform:rotate(180deg);color:var(--primary)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s}.faq-a.open{grid-template-rows:1fr}.faq-a-inner{overflow:hidden;padding:0 24px;color:var(--text-secondary);line-height:1.6}.faq-q.open+.faq-a .faq-a-inner{padding-bottom:24px}.contact-grid{display:grid;grid-template-columns:1fr 2fr;gap:48px;padding:40px 0 80px}.contact-info-item{display:flex;gap:16px;margin-bottom:32px}.contact-icon{width:48px;height:48px;border-radius:12px;background:var(--primary-bg);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.static-page{padding:40px 0 80px}.static-content{background:#fff;padding:48px;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);max-width:900px;margin:0 auto}.static-content h2{margin:32px 0 16px;font-size:24px}.static-content p,.static-content ul{color:var(--text-secondary);margin-bottom:16px}.static-content ul{padding-left:20px}.static-content li{margin-bottom:8px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4ff,#e8f0fe);padding:40px 20px}.auth-container{width:100%;max-width:440px;margin:0 auto}.register-container{width:100%;max-width:600px;margin:0 auto}.auth-header{text-align:center;margin-bottom:28px}.auth-brand-logo{margin:0 auto 12px}.auth-subtitle{color:var(--text-secondary);font-size:15px}.auth-card{padding:36px 32px;margin-bottom:24px;box-shadow:0 8px 40px rgba(9,106,243,.1),0 1px 4px rgba(0,0,0,.06);border:1px solid rgba(9,106,243,.08);border-radius:var(--radius-lg);background:#fff}.auth-card h2{font-size:24px;margin-bottom:8px;text-align:center}.auth-desc{margin-bottom:24px;line-height:1.5}.auth-desc,.auth-footer{color:var(--text-secondary);text-align:center;font-size:14px}.auth-footer a{color:var(--primary);font-weight:600}.step-indicator{justify-content:space-between;margin-bottom:32px}.step,.step-indicator{display:flex;align-items:center;position:relative}.step{flex-direction:column;gap:8px;z-index:1;flex:1}.step-circle{width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--text-muted);transition:all .3s}.step-label{font-size:12px;font-weight:600;color:var(--text-muted);text-align:center}.step-line{position:absolute;top:16px;right:50%;width:100%;height:2px;background:var(--border);z-index:-1}.step.active .step-circle{border-color:var(--primary);color:var(--primary)}.step.active .step-label{color:var(--primary)}.step.done .step-circle{background:var(--primary);border-color:var(--primary);color:#fff}.step.done .step-label{color:var(--text)}.step.done .step-line{background:var(--primary)}.register-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.role-card{border:2px solid var(--border);border-radius:var(--radius);padding:24px 16px;text-align:center;cursor:pointer;transition:all .2s;background:#fff}.role-card:hover{border-color:var(--primary-light);background:var(--primary-bg)}.role-card.selected{border-color:var(--primary);background:var(--primary-bg);box-shadow:0 0 0 4px rgba(9,106,243,.1)}.role-icon{width:56px;height:56px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;transition:all .2s}.role-card.selected .role-icon{background:var(--primary)}.role-title{font-size:16px;font-weight:700;margin-bottom:8px;color:var(--text)}.role-desc{font-size:13px;color:var(--text-secondary);line-height:1.4}.owner-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.type-btn{padding:16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.type-btn:hover{border-color:var(--primary);background:var(--primary-bg)}.type-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.equipment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:8px}.equipment-item{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;font-size:14px;font-weight:500}.equipment-item:hover{background:var(--bg)}.equipment-item.checked{border-color:var(--primary);background:var(--primary-bg);color:var(--primary-dark)}.equipment-item input{display:none}.status-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.status-container{max-width:500px;width:100%;text-align:center}.status-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;border:4px solid #fff;box-shadow:var(--shadow-sm)}.status-icon.pending{background:var(--warning-bg);color:var(--warning-dark)}.status-icon.rejected{background:var(--danger-bg);color:var(--danger-dark)}.status-icon.suspended{background:var(--border);color:var(--text)}.status-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:24px}.dash-main{padding:24px 40px 80px;overflow-y:auto;height:100vh}.dash-sidebar-nav{width:260px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.dash-sidebar-logo{padding:24px;border-bottom:1px solid var(--border-light)}.dash-sidebar-footer{padding:24px;border-top:1px solid var(--border-light);margin-top:auto}.dash-user-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}.dash-avatar{width:40px;height:40px;border-radius:8px;background:var(--primary-bg);color:var(--primary);font-size:16px}.dash-user-name{font-size:14px;max-width:140px}.dash-user-role{font-size:12px;color:var(--text-secondary);text-transform:capitalize}.dash-topbar{margin-bottom:32px}.dash-topbar-title{font-size:24px;margin:0}.dash-mobile-toggle{display:none}.dash-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:16px}.dash-loading-text{font-size:14px;font-weight:500;color:var(--text-secondary)}.dash-content{margin-bottom:40px}.dash-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dash-section-title{font-size:18px;font-weight:700;margin:0}.dash-section-link{font-size:14px;font-weight:600;color:var(--primary)}.dash-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.dash-summary-card{background:#fff;padding:24px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:20px}.dash-summary-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.dash-summary-num{font-size:32px;font-weight:800;color:var(--text);line-height:1;margin-bottom:4px}.dash-summary-label{font-size:14px;color:var(--text-secondary);font-weight:500}.quick-action-card{background:#fff;padding:20px;border-radius:var(--radius);border:1px solid var(--border);transition:all .2s;display:flex;align-items:flex-start;gap:16px}.quick-action-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.quick-action-icon{width:40px;height:40px;border-radius:8px;background:var(--primary-bg);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-action-title{font-size:15px;font-weight:600;margin-bottom:4px;color:var(--text)}.quick-action-desc{font-size:13px;color:var(--text-secondary);line-height:1.4}.dyn-list{display:flex;flex-direction:column;gap:20px;margin-bottom:16px}.dyn-item{background:var(--bg);padding:20px;border-radius:var(--radius-sm);border:1px solid var(--border)}.dyn-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.dyn-item-num{font-size:14px;font-weight:700;color:var(--text)}.dyn-remove{color:var(--danger);font-size:13px;display:flex;align-items:center;gap:4px}.dyn-add-btn,.dyn-remove{font-weight:600;cursor:pointer}.dyn-add-btn{width:100%;border:1px dashed var(--border);background:transparent;padding:16px;border-radius:var(--radius-sm);color:var(--primary);transition:all .2s}.dyn-add-btn:hover{background:var(--primary-bg);border-color:var(--primary)}.photo-upload-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.photo-upload-slot{aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;position:relative;border:1px dashed var(--border);background:var(--bg)}.photo-upload-label,.photo-upload-slot{display:flex;align-items:center;justify-content:center}.photo-upload-label{cursor:pointer;flex-direction:column;width:100%;height:100%;color:var(--text-muted);font-size:13px;font-weight:500;transition:all .2s}.photo-upload-label:hover{background:var(--border-light);color:var(--primary)}.remove-photo{position:absolute;top:8px;right:8px;width:24px;height:24px;background:rgba(0,0,0,.6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;font-size:12px;z-index:10}.owner-tender-list{display:flex;flex-direction:column;gap:16px}.owner-tender-item{padding:24px;display:flex;justify-content:space-between;align-items:stretch;gap:24px}.owner-tender-info{flex:1}.owner-tender-title{font-size:18px;font-weight:700;margin-bottom:12px}.owner-tender-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.owner-tender-meta-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.owner-tender-actions{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;width:180px;border-left:1px dashed var(--border);padding-left:24px}.vd-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.vd-stat-card{background:#fff;padding:20px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px}.vd-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.vd-stat-value{font-size:28px;font-weight:800;color:var(--text);line-height:1;margin-bottom:4px}.vd-stat-label{font-size:13px;color:var(--text-secondary);font-weight:500}.vd-status-bar{height:4px;background:var(--border-light);border-radius:2px;overflow:hidden;margin-top:12px}.vd-status-text{font-size:12px;color:var(--text-muted);margin-top:8px}.vd-tender-list{display:grid;grid-template-columns:repeat(1,1fr);gap:16px;margin-bottom:32px}.vd-tender-card{padding:20px;display:flex;flex-direction:column}.vd-tender-card-title{font-size:16px;font-weight:700;line-height:1.4;margin-bottom:12px}.vd-tender-card-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.vd-tender-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;flex:1}.vd-tender-card-meta-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.vd-tender-card-footer{padding-top:16px;border-top:1px dashed var(--border-light);display:flex;justify-content:space-between;align-items:center}.vd-tender-bid-badge{font-size:12px;font-weight:600;color:var(--primary);background:var(--primary-bg);padding:4px 10px;border-radius:99px}.vd-mybid-card{padding:20px;display:flex;flex-direction:column}.vd-mybid-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.vd-mybid-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.vd-mybid-project{font-size:16px;font-weight:700;color:var(--text)}.vd-mybid-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;flex:1}.vd-mybid-meta-item{font-size:13px;border-bottom:1px dotted var(--border-light);padding-bottom:8px}.vd-mybid-footer,.vd-mybid-meta-item{display:flex;justify-content:space-between}.vd-mybid-footer{padding-top:16px;border-top:1px solid var(--border-light);align-items:center}.vd-bid-win-banner{background:var(--success-bg);border:1px solid rgba(18,183,106,.2);padding:12px;border-radius:var(--radius-sm);margin-bottom:16px;display:flex;align-items:flex-start;gap:12px}.vd-bid-win-text{font-size:13px;color:var(--success-dark);font-weight:500}.vd-profile-header{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:32px;display:flex;gap:24px;align-items:center;margin-bottom:24px;box-shadow:var(--shadow-sm)}.vd-profile-avatar{width:80px;height:80px;border-radius:16px;background:var(--primary-bg);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700}.vd-profile-name{font-size:24px;font-weight:700;margin-bottom:8px}.vd-profile-sub{font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:16px}.vd-profile-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.vd-profile-badge-item{font-size:12px;font-weight:600;padding:4px 10px;border-radius:99px;background:var(--bg);color:var(--text);border:1px solid var(--border)}.vd-detail-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.vd-detail-section-title{font-size:18px;font-weight:700;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.vd-chip-group{display:flex;flex-wrap:wrap;gap:8px}.vd-chip{padding:6px 14px;border-radius:6px;background:var(--primary-bg);color:var(--primary-dark);font-size:13px;font-weight:600}.vd-galeri-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.vd-galeri-item{aspect-ratio:4/3;border-radius:var(--radius-sm);overflow:hidden;position:relative;cursor:pointer}.vd-galeri-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.vd-galeri-item:hover img{transform:scale(1.05)}.vd-galeri-overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);opacity:0;transition:opacity .2s;display:flex;align-items:center;justify-content:center;color:#fff}.vd-galeri-item:hover .vd-galeri-overlay{opacity:1}.vd-dropzone{border:2px dashed var(--border);border-radius:var(--radius-sm);padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg)}.vd-dropzone:hover{border-color:var(--primary);background:var(--primary-bg)}.vd-dropzone-title{font-weight:600;font-size:15px;margin-bottom:8px;color:var(--text)}.vd-dropzone-desc{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.vd-dropzone-hint{font-size:12px;color:var(--text-muted)}.vd-tab-nav{gap:24px;border-bottom:1px solid var(--border)}.vd-page-header,.vd-tab-nav{display:flex;margin-bottom:24px}.vd-page-header{justify-content:space-between;align-items:center}.vd-filter-bar{display:flex;gap:16px;margin-bottom:24px;padding:16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm)}.vd-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vd-quick-card{padding:16px;border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.vd-quick-card:hover{border-color:var(--primary);background:var(--primary-bg)}.vd-quick-icon{width:40px;height:40px;border-radius:8px;background:var(--bg);display:flex;align-items:center;justify-content:center}.vd-quick-title{font-size:14px;font-weight:600}.vd-quick-sub{font-size:12px;color:var(--text-secondary)}.vd-settings-section{margin-bottom:40px}.vd-settings-title{font-size:16px;font-weight:700;margin-bottom:16px}.ad-layout{display:flex;min-height:100vh;background:var(--bg)}.ad-main{flex:1;padding:24px 40px 80px;overflow-y:auto;height:100vh}.ad-sidebar{width:260px;background:#0f172a;color:#fff;display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.ad-sidebar-brand{padding:20px 24px;border-bottom:1px solid hsla(0,0%,100%,.1)}.ad-sidebar-brand-tag{font-size:11px;background:hsla(0,0%,100%,.1);padding:2px 6px;border-radius:4px;display:inline-block;margin-top:4px;color:#94a3b8}.ad-sidebar-nav{padding:16px 0;overflow-y:auto;flex:1}.ad-nav-section-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;padding:12px 24px 8px;letter-spacing:1px}.ad-nav-item{display:flex;align-items:center;gap:12px;padding:10px 24px;font-size:14px;color:#cbd5e1;text-decoration:none;transition:all .2s;position:relative}.ad-nav-item svg{width:18px;height:18px;opacity:.7}.ad-nav-item:hover{background:hsla(0,0%,100%,.05);color:#fff}.ad-nav-item.active{background:var(--primary);color:#fff;font-weight:600}.ad-nav-item.active svg{opacity:1}.ad-nav-badge{position:absolute;right:24px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:99px}.ad-sidebar-user{padding:16px 24px;border-top:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center;gap:12px;background:rgba(0,0,0,.2)}.ad-user-avatar{width:36px;height:36px;border-radius:8px;background:hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff}.ad-user-name{font-size:13px;font-weight:600;color:#fff}.ad-user-role{font-size:11px;color:#94a3b8}.ad-sidebar-logout{margin-left:auto;background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;transition:color .2s}.ad-sidebar-logout:hover{color:var(--danger)}.ad-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;background:#fff;padding:16px 24px;border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.ad-topbar-breadcrumb{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.ad-topbar-title{font-size:20px;font-weight:700;margin:0}.ad-topbar-right{display:flex;gap:16px;align-items:center}.ad-topbar-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-bg);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.ad-page-body{max-width:1200px;margin:0 auto}.ad-page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.ad-page-header h1{font-size:24px;margin-bottom:8px}.ad-page-header p{color:var(--text-secondary);font-size:14px;margin:0}.ad-page-btn{display:flex;gap:12px}.ad-stat-grid{grid-template-columns:repeat(4,1fr)}.ad-stat-grid,.ad-stat-grid-5{display:grid;gap:20px;margin-bottom:24px}.ad-stat-grid-5{grid-template-columns:repeat(5,1fr)}.ad-stat-card{background:#fff;padding:20px;border-radius:var(--radius);border:1px solid var(--border);gap:16px;box-shadow:var(--shadow-sm)}.ad-stat-card,.ad-stat-icon{display:flex;align-items:center}.ad-stat-icon{width:48px;height:48px;border-radius:12px;justify-content:center;background:var(--bg);color:var(--text-secondary)}.ad-stat-icon.blue{background:var(--primary-bg);color:var(--primary)}.ad-stat-icon.green{background:var(--success-bg);color:var(--success-dark)}.ad-stat-icon.yellow{background:var(--warning-bg);color:var(--warning-dark)}.ad-stat-icon.red{background:var(--danger-bg);color:var(--danger-dark)}.ad-stat-icon.purple{background:var(--purple-bg);color:var(--purple)}.ad-stat-value{font-size:24px;font-weight:800;line-height:1.2}.ad-stat-label{font-size:13px;color:var(--text-secondary);font-weight:500}.ad-breakdown-card{background:#fff;padding:16px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.ad-breakdown-label{font-size:12px;color:var(--text-secondary);font-weight:600;margin-bottom:8px;text-transform:uppercase}.ad-breakdown-value{font-size:20px;font-weight:700;margin-bottom:12px}.ad-prog-bar{height:6px;background:var(--border-light);border-radius:3px;overflow:hidden;width:100%}.ad-prog-fill{height:100%;background:var(--primary);transition:width .5s ease}.ad-overview-grid-2{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.ad-overview-grid-2b{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.ad-detail-section{background:#fff;border-radius:var(--radius);border:1px solid var(--border);padding:20px;box-shadow:var(--shadow-sm)}.ad-section-title{font-size:16px;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:8px}.ad-detail-section-title{font-size:16px;font-weight:700;margin-bottom:16px;border-bottom:1px solid var(--border-light);padding-bottom:12px}.ad-pending-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-bottom:12px;transition:all .2s}.ad-pending-item:hover{border-color:var(--border);background:var(--bg)}.ad-pending-avatar{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.ad-pending-info{flex:1;min-width:0}.ad-pending-name{font-size:14px;font-weight:600;margin-bottom:2px}.ad-pending-name,.ad-pending-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad-pending-sub{font-size:12px;color:var(--text-secondary)}.ad-log-item{display:flex;gap:16px;margin-bottom:16px;position:relative}.ad-log-item:not(:last-child):before{content:"";position:absolute;left:5px;top:16px;bottom:-16px;width:2px;background:var(--border-light)}.ad-log-dot{width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--border);position:relative;z-index:1;margin-top:4px}.ad-log-body{flex:1;background:var(--bg);padding:12px;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.ad-log-text{font-size:13px;color:var(--text);line-height:1.5;margin-bottom:4px}.ad-log-meta{font-size:11px;color:var(--text-muted)}.ad-chart-bar-wrap{display:flex;align-items:flex-end;justify-content:space-between;height:200px;padding-top:20px;border-bottom:1px solid var(--border)}.ad-chart-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative;padding:0 2px}.ad-chart-bar{width:100%;max-width:32px;border-radius:4px 4px 0 0;transition:height .3s}.ad-chart-bar-val{font-size:11px;color:var(--text-secondary);margin-bottom:4px;font-weight:600}.ad-chart-bar-label{font-size:11px;color:var(--text-muted);margin-top:8px;font-weight:500}.ad-filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--border)}.ad-filter-bar,.ad-table-wrap{background:#fff;box-shadow:var(--shadow-sm)}.ad-table-wrap{border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto}.ad-table-wrap table{width:100%;border-collapse:collapse;min-width:800px}.ad-table-wrap th{padding:12px 16px;text-align:left;background:var(--bg);font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border)}.ad-table-wrap td{padding:16px;font-size:14px;color:var(--text);border-bottom:1px solid var(--border-light);vertical-align:middle}.ad-table-wrap tr:last-child td{border-bottom:none}.ad-td-actions{display:flex;gap:8px;justify-content:flex-end}.ad-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border-top:1px solid var(--border)}.ad-tab-nav{display:flex;gap:24px;border-bottom:1px solid var(--border);margin-bottom:24px}.ad-tab-nav button{background:transparent;font-size:14px;font-weight:600;color:var(--text-secondary);padding:0 0 12px;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s}.ad-tab-nav button:hover{color:var(--text)}.ad-tab-nav button.active{color:var(--primary);border-bottom-color:var(--primary)}.ad-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ad-modal-body{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg)}.ad-modal-header{padding:20px 24px;border-bottom:1px solid var(--border-light)}.ad-modal-title{font-size:18px;font-weight:700;margin-bottom:4px}.ad-modal-subtitle{font-size:13px;color:var(--text-secondary)}.ad-modal-footer{padding:16px 24px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:12px;background:var(--bg)}.ad-toast{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:2000}.ad-toast-item{padding:12px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:#fff;box-shadow:var(--shadow-lg);animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}.ad-toast-item.success{background:var(--success-dark)}.ad-toast-item.error{background:var(--danger-dark)}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.ad-rich-editor{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:400px;padding:16px;background:#fff}.ad-admin-chip{font-size:12px;padding:2px 8px;border-radius:99px;background:var(--admin-accent);color:#fff;font-weight:600;display:inline-block;margin-bottom:16px}@media (max-width:1024px){.hero h1{font-size:40px}.blog-grid,.features-grid,.tenders-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.about-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;transform:translateY(-20px)}.about-stat-card{margin:0}.dash-layout{flex-direction:column}.ad-sidebar{display:none}.dash-mobile-toggle{display:block;background:transparent;border:none;font-size:24px;cursor:pointer;color:var(--text)}.ad-main,.dash-main{padding:20px;height:auto}.ad-stat-grid,.ad-stat-grid-5,.vd-stat-grid{grid-template-columns:repeat(2,1fr)}.ad-overview-grid-2,.ad-overview-grid-2b{grid-template-columns:1fr}.filter-sidebar{position:static;max-height:none;width:100%}.od-main-grid{grid-template-columns:1fr;gap:24px}.od-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.od-page-wrap{padding:24px 20px}.dash-mobile-toggle-wrapper{display:flex}.mobile-menu-btn{display:flex!important}}@media (max-width:868px){.pub-nav-actions a,.pub-nav-links{display:none}.pub-hamburger{display:block}.pub-footer-inner{grid-template-columns:1fr 1fr;gap:32px}.how-layout{flex-direction:column}.how-photo{width:100%;height:300px}.faq-layout,.tenders-layout{flex-direction:column}.faq-nav,.filter-sidebar{width:100%;position:static}.faq-nav{flex-direction:row;overflow-x:auto;padding-bottom:8px}.faq-nav-item{white-space:nowrap}.tender-list-item{flex-direction:column;gap:16px}.tender-list-action{border-left:none;padding-left:0;border-top:1px dashed var(--border);padding-top:16px;flex-direction:row;align-items:center}.vd-profile-header{flex-direction:column;text-align:center}.vd-profile-badge-item{margin:0 auto}.od-stats-grid{grid-template-columns:1fr}.od-header-row{flex-direction:column;gap:16px}}.od-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.od-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.od-page-wrap{padding:32px 40px;max-width:1440px;margin:0 auto;width:100%;min-height:100vh;background-color:#f8fafc}.od-header-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;border-bottom:1px solid #e2e8f0;padding-bottom:24px}.dash-mobile-toggle-wrapper{display:none}.mobile-menu-btn{display:none!important;border:none;background:transparent;cursor:pointer;color:#0f172a;padding:4px}.dash-layout{display:flex;min-height:100vh;background:var(--bg)}.dash-sidebar{width:260px;background:#fff;border-right:1px solid var(--border);position:sticky;top:0;height:100vh;z-index:50;transition:transform .3s ease;flex-shrink:0}.dash-sidebar,.dash-sidebar-logo{display:flex;flex-direction:column}.dash-sidebar-logo{padding:24px 0 12px;align-items:center;gap:8px}.dash-sidebar-nav{flex:1;overflow-y:auto;padding:0 16px;margin-top:10px}.dash-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);font-size:14.5px;font-weight:500;transition:all .2s;margin-bottom:4px}.dash-nav-item:hover{background:var(--hover);color:var(--text)}.dash-nav-item.active{background:var(--primary-bg);color:var(--primary);font-weight:600}.dash-nav-item svg{flex-shrink:0}@media (max-width:1024px){.dash-sidebar{position:fixed;transform:translateX(-100%);box-shadow:2px 0 8px rgba(0,0,0,.1)}.dash-sidebar.open{transform:translateX(0)}}.dash-sidebar-footer{padding:16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:12px}.dash-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.dash-user-info{flex:1;min-width:0}.dash-user-name{font-size:13.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.dash-user-role{font-size:11px;color:var(--text-muted);margin-top:4px}.dash-main{flex:1;display:flex;flex-direction:column;min-width:0}.dash-topbar{height:64px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:40}.dash-topbar-title{font-size:18px;font-weight:700;color:var(--text)}.dash-topbar-actions{display:flex;align-items:center;gap:12px}.dash-content{flex:1;padding:32px;background:transparent;display:flex;flex-direction:column}@media (max-width:640px){.hero-photo{background-position:50%}.hero h1{font-size:32px}.hero-stats{gap:24px}.blog-grid,.fakta-grid,.features-grid,.step-indicator,.tenders-grid{grid-template-columns:1fr}.step-line{display:none}.step{flex-direction:row;align-items:center}.equipment-grid,.form-row,.owner-type-grid,.register-role-grid{grid-template-columns:1fr}.photo-upload-grid,.vd-galeri-grid{grid-template-columns:repeat(2,1fr)}.ad-stat-grid,.ad-stat-grid-5,.vd-quick-actions,.vd-stat-grid{grid-template-columns:1fr}}.vd-hover-card{transition:all .2s}.vd-hover-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px -5px rgba(0,0,0,.05)!important}.vd-hover-row{transition:background-color .2s}.vd-hover-row:hover{background-color:#f8fafc!important}.vd-btn-cari{transition:all .2s}.vd-btn-cari:hover{background-color:#1d4ed8!important;transform:translateY(-1px)}.vd-qa-card{transition:all .2s}.vd-qa-card.q-prim:hover{border-color:var(--primary)!important;box-shadow:0 4px 20px -5px rgba(37,99,235,.08)!important}.vd-qa-card.q-grn:hover{border-color:#10b981!important;box-shadow:0 4px 20px -5px rgba(16,185,129,.08)!important}.vd-qa-card.q-purp:hover{border-color:#8b5cf6!important;box-shadow:0 4px 20px -5px rgba(139,92,246,.08)!important}@media (max-width:1024px){.ts{padding:60px 0!important}.ts-header{flex-direction:column!important;align-items:flex-start!important;margin-bottom:32px!important;gap:16px!important}.ts-title{font-size:28px!important;line-height:1.2!important}.ts-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:20px!important;padding-bottom:24px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ts-grid::-webkit-scrollbar{display:none}.ts-grid>*{flex:0 0 100%!important;scroll-snap-align:center}.ts-pagination{display:flex!important}}.ts-pagination{display:none;justify-content:center;align-items:center;gap:8px;margin-top:8px}.ts-dot{width:8px;height:8px;border-radius:4px;background-color:#e8eaed;transition:all .3s ease}.ts-dot.active{width:24px;background-color:var(--primary)}@media (max-width:868px){.how-layout{flex-direction:column!important}.how-photo{flex:none!important;width:100%!important;height:350px!important;min-height:350px!important;display:block!important}}.tender-list-header{background-color:#f8fafc;padding:12px 24px;border:1px solid #e2e8f0;border-radius:8px 8px 0 0;font-size:12px;font-weight:700;color:#475569;display:flex;justify-content:space-between;margin-bottom:-10px}.tender-list-card{display:grid;grid-template-columns:1fr 340px;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -2px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s}.tender-list-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.tender-list-card-info{padding:32px}.tender-list-card-actions{padding:32px;background-color:#f8fafc;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;justify-content:center;text-align:center}@media (max-width:868px){.tender-list-header{display:none}.tender-list-card{grid-template-columns:1fr}.tender-list-card-info{padding:24px}.tender-list-card-actions{padding:24px;border-left:none;border-top:1px solid #e2e8f0}}.tender-list-btn{width:100%;padding:14px;background-color:#fff;border:2px solid #0f172a;border-radius:8px;font-size:14px;font-weight:700;color:#0f172a;cursor:pointer;transition:background-color .2s,color .2s;display:inline-block;text-decoration:none}.tender-list-btn:hover{background-color:#0f172a;color:#fff}.tender-detail-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:32px;align-items:start}.tender-detail-docs-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.td-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background-color:#0f172a;color:#fff;font-weight:600;font-size:14px;border-radius:8px;text-decoration:none;transition:background-color .2s;border:1px solid #0f172a}.td-btn-primary:hover{background-color:#1e293b;color:#fff}.td-btn-outline{display:block;width:100%;padding:14px;background-color:#fff;color:#0f172a;font-weight:600;font-size:14px;border-radius:8px;text-decoration:none;border:2px solid #0f172a;transition:background-color .2s,color .2s;text-align:center}.td-btn-outline:hover{background-color:#0f172a;color:#fff}.td-margin-b{margin-bottom:12px}@media (max-width:868px){.tender-detail-layout{grid-template-columns:1fr;gap:24px}.tender-detail-docs-layout{grid-template-columns:1fr;gap:16px}}.article-wrapper{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}.article-main{min-width:0}.article-card{background-color:#fff;border-radius:20px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,.04);margin-bottom:48px}.article-content{padding:40px}.article-sidebar{display:flex;flex-direction:column;gap:32px;position:sticky;top:24px;z-index:50}.sidebar-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px rgba(0,0,0,.02)}.sidebar-title{font-size:13px;font-weight:800;color:#0f172a;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px;display:flex;align-items:center;gap:8px}.sidebar-title:after{content:"";flex:1;height:1px;background:#f1f5f9}@media (max-width:1024px){.article-wrapper{grid-template-columns:1fr;max-width:800px}.article-sidebar{position:static}}@media (max-width:768px){.article-wrapper{padding:0}.article-card{border-radius:0;border-left:none;border-right:none;box-shadow:none}.article-content{padding:24px 20px}.about-hero-title{font-size:28px}.about-stat-num{font-size:24px}.about-vision-quote{font-size:20px}.about-cta-title{font-size:24px}.about-story-body p{text-align:left}}.nav-mob-login{flex:1;display:flex;align-items:center;justify-content:center;padding:14px;background-color:#f8fafc;color:#0f172a;font-weight:600;font-size:14.5px;border-radius:12px;border:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0!important;text-decoration:none;transition:all .2s ease}.nav-mob-login:active{background-color:#f1f5f9;transform:scale(.98)}.nav-mob-register{flex:1;display:flex;align-items:center;justify-content:center;padding:14px;background-color:#06f;color:#fff!important;font-weight:700;font-size:14.5px;border-radius:12px;border:none;border-bottom:none!important;text-decoration:none;box-shadow:0 4px 12px rgba(0,102,255,.15);transition:all .2s ease}.nav-mob-register:active{background-color:#005ce6;transform:scale(.98)}.blog-detail-content{font-family:var(--font-plus-jakarta),"Plus Jakarta Sans",system-ui,-apple-system,sans-serif}.blog-detail-content *{font-family:inherit}.blog-detail-content p:empty{display:none;margin:0}.blog-detail-content div,.blog-detail-content p{margin:0 0 24px;padding:0;width:100%;max-width:100%;color:#475569;font-size:16px;line-height:1.85;text-align:left;display:block}.blog-detail-content h2{font-size:26px;font-weight:800;margin:40px 0 16px;color:#0f172a;line-height:1.35;text-align:left}.blog-detail-content h3{font-size:20px;font-weight:700;margin:32px 0 12px;color:#334155;line-height:1.4;text-align:left}.blog-detail-content ul{list-style-type:disc}.blog-detail-content ol,.blog-detail-content ul{margin:16px 0 24px;padding-left:28px;color:#475569;font-size:16px}.blog-detail-content ol{list-style-type:decimal}.blog-detail-content li{margin-bottom:10px;display:list-item;line-height:1.8;text-align:left}.blog-detail-content blockquote{border-left:4px solid #e2e8f0;padding-left:20px;font-style:italic;color:#64748b;margin:24px 0}.blog-detail-content a{color:#2563eb;text-decoration:underline}.blog-detail-content img{max-width:100%;border-radius:12px;margin:32px 0;display:block}.blog-detail-content b,.blog-detail-content strong{font-weight:700;color:#0f172a}.blog-detail-content em,.blog-detail-content i{font-style:italic}.blog-category-btn{padding:10px 24px;font-size:14px;font-weight:700;border-radius:100px;background-color:#f1f5f9;color:#475569;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;outline:none;text-decoration:none}.blog-category-btn:hover{background-color:#e2e8f0;transform:translateY(-2px)}.blog-category-btn.active{background-color:#1a56db;color:#fff;box-shadow:0 10px 15px -3px rgba(26,86,219,.3);transform:none}.blog-article-card{display:flex;flex-direction:column;width:100%;background-color:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);text-decoration:none;height:100%}.blog-article-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border-color:#cbd5e1}.blog-pg-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;font-weight:700;transition:all .2s;text-decoration:none}.blog-pg-btn.active,.blog-pg-btn:hover:not(.disabled):not(.active){border-color:#0f172a}.blog-pg-btn.active{background-color:#0f172a;color:#fff}.blog-pg-btn.disabled{opacity:.3;pointer-events:none}.sidebar-category-link{text-decoration:none;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;color:#475569;font-size:14px;font-weight:600;transition:all .2s ease;background-color:transparent}.sidebar-category-link:hover{background-color:#f1f5f9;color:#1a56db;padding-left:20px}.related-article-title{font-size:14px;font-weight:600;color:#0f172a;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.related-article-link:hover .related-article-title{color:#1a56db}.otd-btn-icon{transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #e2e8f0;background-color:#fff;cursor:pointer;color:#475569}.otd-btn-icon:hover{background-color:#f8fafc;color:#0f172a;border-color:#cbd5e1}.otd-btn-ghost{transition:all .2s ease;display:flex;align-items:center;gap:8px;padding:8px 16px;color:#0f172a;background-color:#fff;border:1px solid #e2e8f0;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;text-decoration:none}.otd-btn-ghost:hover{background-color:#f8fafc;border-color:#cbd5e1}.otd-btn-primary{transition:all .2s ease;display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#2563eb;color:#fff;border:none;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;text-decoration:none}.otd-btn-primary:hover{background-color:#1d4ed8;box-shadow:0 4px 12px rgba(37,99,235,.2)}.otd-btn-primary:disabled{opacity:.7;cursor:not-allowed}.otd-btn-danger{transition:all .2s ease;display:flex;align-items:center;gap:8px;padding:8px 16px;color:#ef4444;background-color:#fef2f2;border:1px solid #fee2e2;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer}.otd-btn-danger:hover{background-color:#fef2f2;border-color:#fecaca}.otd-tab-btn{background:none;border:none;padding:0 0 16px;font-size:15px;cursor:pointer;position:relative;top:1px;transition:all .2s}.otd-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.02)}.otd-photo-btn{border:1px solid #e2e8f0;border-radius:8px;padding:0;cursor:zoom-in;background:#f8fafc;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;transition:all .2s ease}.otd-photo-btn:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transform:translateY(-2px)}.otd-bid-card{border:1px solid #e2e8f0;border-radius:12px;padding:24px;background:#fff;transition:all .2s ease}.otd-bid-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.05)}.otd-btn-wa{transition:all .2s ease;padding:8px 16px;color:#fff;background-color:#25d366;border:none;font-size:13px;font-weight:600;cursor:pointer;border-radius:6px;display:flex;align-items:center;gap:6px;text-decoration:none}.otd-btn-wa:hover{background-color:#1da851}.otd-btn-success{transition:all .2s ease;padding:12px 24px;background-color:#25d366;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;text-decoration:none;font-size:15px;font-weight:700}.otd-btn-success:hover{background-color:#1da851}.otd-btn-profile{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background-color:#eff6ff;color:#2563eb;border:1px solid #dbeafe;border-radius:6px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s ease}.otd-btn-profile:hover{background-color:#2563eb;color:#fff;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(37,99,235,.1)}.otd-modal-overlay{position:fixed;inset:0;background-color:rgba(15,23,42,.6);z-index:50;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);padding:24px}.otd-modal-box{background-color:#fff;border-radius:16px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.otd-modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background-color:#fff}.otd-modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px;background-color:#f8fafc}@media (max-width:640px){.otd-header{padding:16px 20px!important;flex-wrap:wrap;gap:16px;position:static!important}.otd-header>div:first-child,.otd-header>div:last-child{width:100%;justify-content:flex-start}.otd-header>div:last-child{flex-wrap:wrap}.otd-header .dash-mobile-toggle-wrapper{display:block}}