[data-theme=hand-drawn]{--color-bg: #fdfbf7;--color-fg: #2d2d2d;--color-accent: #ff4d4d;--color-secondary: #2d5da1;--color-muted: #e5e0d8;--color-border: #2d2d2d;--color-card-bg: #ffffff;--color-card-border: #2d2d2d;--color-card-feature-bg: #fff9c4;--color-white: #ffffff;--font-heading: "Kalam", cursive;--font-body: "Patrick Hand", cursive;--font-weight-heading: 700;--font-weight-body: 400;--radius-sm: 255px 15px 225px 15px / 15px 225px 15px 255px;--radius-md: 15px 225px 15px 255px / 255px 15px 225px 15px;--radius-lg: 225px 15px 255px 15px / 15px 255px 15px 225px;--radius-pill: 255px 15px 225px 15px / 15px 225px 15px 255px;--radius-circle: 50%;--border-width: 2px;--border-width-thick: 3px;--border-style: solid;--shadow-sm: 3px 3px 0px 0px rgba(45, 45, 45, .15);--shadow-md: 4px 4px 0px 0px #2d2d2d;--shadow-lg: 8px 8px 0px 0px #2d2d2d;--shadow-hover: 2px 2px 0px 0px #2d2d2d;--shadow-active: none;--transition-speed: .1s;--transition-easing: ease-out;--section-padding-y: 5rem;--container-max-width: 64rem;--gap: 2rem}[data-theme=neo-brutalism]{--color-bg: #FFFDF5;--color-fg: #000000;--color-accent: #FF6B6B;--color-secondary: #FFD93D;--color-muted: #C4B5FD;--color-border: #000000;--color-card-bg: #ffffff;--color-card-border: #000000;--color-card-feature-bg: #FFD93D;--color-white: #ffffff;--font-heading: "Space Grotesk", sans-serif;--font-body: "Space Grotesk", sans-serif;--font-weight-heading: 900;--font-weight-body: 700;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-pill: 9999px;--radius-circle: 50%;--border-width: 4px;--border-width-thick: 8px;--border-style: solid;--shadow-sm: 4px 4px 0px 0px #000;--shadow-md: 8px 8px 0px 0px #000;--shadow-lg: 12px 12px 0px 0px #000;--shadow-hover: 10px 10px 0px 0px #000;--shadow-active: none;--transition-speed: .1s;--transition-easing: linear;--section-padding-y: 5rem;--container-max-width: 72rem;--gap: 2rem}[data-theme=playful-geometric]{--color-bg: #FFFDF5;--color-fg: #1E293B;--color-accent: #8B5CF6;--color-secondary: #F472B6;--color-muted: #F1F5F9;--color-border: #E2E8F0;--color-card-bg: #ffffff;--color-card-border: #1E293B;--color-card-feature-bg: #FBBF24;--color-tertiary: #FBBF24;--color-quaternary: #34D399;--color-white: #ffffff;--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-weight-heading: 800;--font-weight-body: 400;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 9999px;--radius-circle: 50%;--border-width: 2px;--border-width-thick: 3px;--border-style: solid;--shadow-sm: 4px 4px 0px 0px #1E293B;--shadow-md: 6px 6px 0px 0px #1E293B;--shadow-lg: 8px 8px 0px 0px #E2E8F0;--shadow-hover: 6px 6px 0px 0px #1E293B;--shadow-active: 2px 2px 0px 0px #1E293B;--transition-speed: .3s;--transition-easing: cubic-bezier(.34, 1.56, .64, 1);--section-padding-y: 6rem;--container-max-width: 72rem;--gap: 2rem}[data-theme=professional]{--color-bg: #FAFAF8;--color-fg: #1A1A1A;--color-accent: #B8860B;--color-secondary: #D4A84B;--color-muted: #F5F3F0;--color-border: #E8E4DF;--color-card-bg: #ffffff;--color-card-border: #E8E4DF;--color-card-feature-bg: rgba(184, 134, 11, .06);--color-white: #ffffff;--font-heading: "Playfair Display", Georgia, serif;--font-body: "Source Sans 3", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace;--font-weight-heading: 400;--font-weight-body: 400;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-pill: 9999px;--radius-circle: 50%;--border-width: 1px;--border-width-thick: 2px;--border-style: solid;--shadow-sm: 0 1px 2px rgba(26, 26, 26, .04);--shadow-md: 0 4px 12px rgba(26, 26, 26, .06);--shadow-lg: 0 8px 24px rgba(26, 26, 26, .08);--shadow-hover: 0 6px 16px rgba(26, 26, 26, .08);--shadow-active: 0 1px 2px rgba(26, 26, 26, .04);--transition-speed: .2s;--transition-easing: ease-out;--section-padding-y: 6rem;--container-max-width: 64rem;--gap: 2.5rem}[data-theme=industrial]{--color-bg: #e0e5ec;--color-fg: #2d3436;--color-accent: #0078f0;--color-accent-alt: #fecd1f;--color-secondary: #4a5568;--color-muted: #d1d9e6;--color-border: #babecc;--color-card-bg: #e0e5ec;--color-card-border: transparent;--color-card-feature-bg: #f0f2f5;--color-white: #ffffff;--color-border-light: #ffffff;--color-border-dark: #a3b1c6;--color-danger: #dc2626;--color-danger-bg: rgba(220, 38, 38, .08);--color-success: #166534;--color-success-bg: #dcfce7;--color-warning: #92400e;--color-warning-bg: #fef3c7;--color-info: #1e40af;--color-info-bg: #dbeafe;--font-heading: "Inter", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-weight-heading: 800;--font-weight-body: 400;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 9999px;--radius-circle: 50%;--border-width: 0px;--border-width-thick: 0px;--border-style: solid;--shadow-sm: 4px 4px 8px #babecc, -4px -4px 8px #ffffff;--shadow-md: 8px 8px 16px #babecc, -8px -8px 16px #ffffff;--shadow-lg: 12px 12px 24px #babecc, -12px -12px 24px #ffffff;--shadow-hover: 10px 10px 20px #babecc, -10px -10px 20px #ffffff;--shadow-active: inset 6px 6px 12px #babecc, inset -6px -6px 12px #ffffff;--shadow-recessed: inset 4px 4px 8px #babecc, inset -4px -4px 8px #ffffff;--transition-speed: .3s;--transition-easing: cubic-bezier(.175, .885, .32, 1.275);--section-padding-y: 6rem;--container-max-width: 72rem;--gap: 2rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-weight:var(--font-weight-body);color:var(--color-fg);background-color:var(--color-bg);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-heading);line-height:1.15;letter-spacing:-.02em}h1{font-size:clamp(2.25rem,5vw,3.75rem)}h2{font-size:clamp(1.75rem,4vw,3rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}p{max-width:65ch}.skip-nav{position:absolute;top:-100%;left:1rem;z-index:9999;padding:.75rem 1.5rem;background:var(--color-accent);color:var(--color-white);font-weight:700;border-radius:0 0 8px 8px;transition:top .2s}.skip-nav:focus{top:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::selection{background-color:var(--color-accent);color:var(--color-white)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;font-family:var(--font-body);font-weight:700;font-size:1rem;line-height:1;border:var(--border-width) var(--border-style) var(--color-border);cursor:pointer;transition:all var(--transition-speed) var(--transition-easing);min-height:48px;text-decoration:none;white-space:nowrap}.btn-primary{background-color:var(--color-accent);color:var(--color-white);box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translate(2px,2px);box-shadow:var(--shadow-active)}.btn-secondary{background-color:var(--color-card-bg);color:var(--color-fg);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--color-secondary);transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.btn-secondary:active{transform:translate(2px,2px);box-shadow:var(--shadow-active)}.btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.card{background-color:var(--color-card-bg);border:var(--border-width) var(--border-style) var(--color-card-border);box-shadow:var(--shadow-md);padding:1.5rem;transition:all var(--transition-speed) var(--transition-easing)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border:var(--border-width) var(--border-style) var(--color-border);margin-bottom:1rem;color:var(--color-accent);background-color:var(--color-bg)}.card-title{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:1.25rem;margin-bottom:.5rem}.card-text{font-size:.95rem;opacity:.85;line-height:1.5}.badge{display:inline-flex;align-items:center;padding:.35rem .85rem;font-family:var(--font-body);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;border:var(--border-width) var(--border-style) var(--color-border);background-color:var(--color-secondary)}.stat-item{text-align:center;padding:1.5rem}.stat-number{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:clamp(2rem,5vw,3rem);color:var(--color-accent);line-height:1;margin-bottom:.5rem}.stat-label{font-size:.9rem;opacity:.75;text-transform:uppercase;letter-spacing:.05em}.section-header{text-align:center;margin-bottom:3rem}.section-subtitle{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);margin-bottom:.75rem}.section-title{margin-bottom:1rem}.section-description{font-size:1.1rem;opacity:.8;max-width:50ch;margin:0 auto}.workflow-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.workflow-number{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:1.5rem;border:var(--border-width-thick) var(--border-style) var(--color-border);background-color:var(--color-accent);color:var(--color-white);margin-bottom:1rem;z-index:1}.workflow-title{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:1.15rem;margin-bottom:.5rem}.workflow-text{font-size:.9rem;opacity:.8;max-width:20ch}.kontrak-card{display:flex;flex-direction:column;gap:.75rem;text-decoration:none;color:var(--color-fg);cursor:pointer}.kontrak-card-header{display:flex;align-items:center;justify-content:space-between}.kontrak-card-icon{width:2.75rem;height:2.75rem;border-radius:var(--radius-circle);margin-bottom:0}.kontrak-status{font-size:.65rem;padding:.25rem .6rem}.kontrak-status--aktif{color:var(--color-success);background-color:var(--color-success-bg)}.kontrak-status--selesai{color:var(--color-secondary);background-color:var(--color-muted)}.kontrak-status--dalam-proses{color:var(--color-warning);background-color:var(--color-warning-bg)}.kontrak-card-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.kontrak-meta-item{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--color-secondary)}.kontrak-meta-item svg{display:inline}.kontrak-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;gap:1rem;color:var(--color-secondary)}.kontrak-empty h2{font-family:var(--font-heading);color:var(--color-fg)}.kontrak-loading,.kontrak-error{text-align:center;padding:3rem;color:var(--color-secondary)}.kontrak-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.85rem}.kontrak-breadcrumb svg{display:inline;color:var(--color-secondary)}.kontrak-breadcrumb-link{color:var(--color-accent);text-decoration:none;font-weight:600;transition:opacity var(--transition-speed)}.kontrak-breadcrumb-link:hover{opacity:.7}.kontrak-breadcrumb-current{color:var(--color-secondary);font-weight:500}.kontrak-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.kontrak-detail-title{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:clamp(1.5rem,4vw,2.25rem);margin-bottom:.25rem}.kontrak-detail-subtitle{color:var(--color-secondary);font-size:1.05rem}.kontrak-detail-info{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.kontrak-detail-date{font-size:.9rem;color:var(--color-secondary)}.kontrak-detail-back{margin-top:3rem}.dokumen-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background-color:var(--color-card-bg);box-shadow:var(--shadow-sm);border-radius:var(--radius-md);transition:all var(--transition-speed) var(--transition-easing)}.dokumen-item:hover{box-shadow:var(--shadow-md)}.dokumen-item--active{box-shadow:var(--shadow-md);outline:2px solid var(--color-accent);outline-offset:-2px}.dokumen-item-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-circle);background-color:var(--color-bg);box-shadow:var(--shadow-sm);color:var(--color-accent);flex-shrink:0}.dokumen-item-icon svg{display:inline}.dokumen-item-info{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:0}.dokumen-item-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dokumen-item-badge{width:fit-content;font-size:.6rem;padding:.15rem .5rem}.dokumen-item-actions{display:flex;gap:.5rem;flex-shrink:0}.dokumen-btn{padding:.5rem .75rem;font-size:.75rem;min-height:36px;gap:.35rem}.dokumen-btn svg{display:inline}.dokumen-btn-label{display:none}.pdf-viewer{margin-top:2rem;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-recessed)}.pdf-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background-color:var(--color-fg);color:var(--color-bg)}.pdf-viewer-title{font-family:var(--font-mono, monospace);font-size:.8rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-viewer-controls{display:flex;gap:.5rem;flex-shrink:0}.pdf-viewer-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;color:var(--color-bg);cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s}.pdf-viewer-btn:hover{background-color:#ffffff1a}.pdf-viewer-iframe{width:100%;height:50vh;border:none;background-color:var(--color-muted)}.pdf-viewer-mobile-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;gap:1.5rem;background-color:var(--color-muted)}.pdf-viewer-mobile-fallback p{color:var(--color-secondary);font-size:.95rem}.pdf-viewer-mobile-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.kontrak-dokumen-heading{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:1.35rem;margin-bottom:1.25rem}.login-card{max-width:28rem;margin:0 auto;padding:2.5rem}.login-card:hover{transform:none;box-shadow:var(--shadow-md)}.login-header{text-align:center;margin-bottom:2rem}.login-title{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:clamp(1.35rem,3vw,1.75rem);margin-bottom:.5rem}.login-subtitle{color:var(--color-secondary);font-size:.85rem;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-field{display:flex;flex-direction:column;gap:.4rem}.login-label{font-family:var(--font-mono, monospace);font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary)}.login-input{padding:.85rem 1rem;font-family:var(--font-body);font-size:.95rem;color:var(--color-fg);background-color:var(--color-bg);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-recessed);outline:none;transition:box-shadow var(--transition-speed);min-height:48px}.login-input::placeholder{color:var(--color-secondary);opacity:.5}.login-input:focus{box-shadow:var(--shadow-recessed),0 0 0 2px var(--color-accent)}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;color:var(--color-danger);background-color:var(--color-danger-bg);border-radius:var(--radius-sm)}.login-error svg{flex-shrink:0;display:inline}.login-submit{width:100%;margin-top:.5rem}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-menu{position:relative}.user-menu-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background-color:var(--color-bg);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--color-fg);transition:all var(--transition-speed) var(--transition-easing);min-height:40px}.user-menu-btn:hover{box-shadow:var(--shadow-md)}.user-menu-btn:active{box-shadow:var(--shadow-active)}.user-menu-avatar{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-circle);background-color:var(--color-accent);color:var(--color-white)}.user-menu-avatar svg{display:inline}.user-menu-name{max-width:10rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-chevron{transition:transform .2s;display:inline}.user-menu-chevron.open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:12rem;padding:.5rem;background-color:var(--color-card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .2s ease-out;z-index:200}.user-menu-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.user-menu-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem .75rem;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--color-fg);text-align:left;transition:background-color .15s}.user-menu-item svg{display:inline;color:var(--color-secondary)}.user-menu-item:hover{background-color:var(--color-muted)}.user-menu-item--logout:hover{color:var(--color-danger)}.user-menu-item--logout:hover svg{color:var(--color-danger)}.user-menu-divider{height:1px;margin:.35rem 0;background-color:var(--color-border)}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem;gap:1.5rem}.access-denied-icon{color:var(--color-accent)}.access-denied h2{font-family:var(--font-heading)}.access-denied p{opacity:.7;max-width:40ch}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:var(--color-secondary)}.auth-loading-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-muted);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.admin-header{margin-bottom:2rem}.admin-header h1{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.25rem}.admin-subtitle{color:var(--color-secondary);font-size:.9rem}.admin-section{padding:1.5rem}.admin-section:hover{transform:none;box-shadow:var(--shadow-md)}.admin-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.admin-section-title{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:1.25rem}.admin-search-row{margin-bottom:1.25rem}.admin-search-field{position:relative;max-width:24rem}.admin-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-secondary);pointer-events:none;display:inline}.admin-search-input{padding-left:2.75rem!important}.admin-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem}.admin-table th{text-align:left;padding:.75rem 1rem;font-family:var(--font-mono, monospace);font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary);border-bottom:1px solid var(--color-border)}.admin-table td{padding:.85rem 1rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.admin-table tbody tr{transition:background-color .15s}.admin-table tbody tr:hover{background-color:var(--color-muted)}.admin-table-name{font-weight:600}.admin-table-email{color:var(--color-secondary)}.admin-table-date{color:var(--color-secondary);font-size:.8rem;white-space:nowrap}.admin-table-actions{display:flex;gap:.5rem}.admin-table-loading,.admin-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem;color:var(--color-secondary)}.admin-role-badge{display:inline-block;padding:.2rem .65rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;letter-spacing:.04em}.admin-role-badge--admin{background-color:var(--color-accent);color:var(--color-white)}.admin-role-badge--user{background-color:var(--color-muted);color:var(--color-secondary)}.admin-action-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-secondary);transition:all .15s}.admin-action-btn svg{display:inline}.admin-action-btn:hover{background-color:var(--color-muted);color:var(--color-fg)}.admin-action-btn--danger:hover{color:var(--color-danger)}.admin-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-border)}.admin-pagination-info{font-size:.8rem;color:var(--color-secondary)}.admin-pagination-buttons{display:flex;gap:.5rem}.admin-pagination-btn{font-size:.8rem;padding:.45rem .9rem}.admin-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{width:100%;max-width:28rem;max-height:90vh;overflow-y:auto;padding:1.75rem;animation:slideUp .2s ease-out}.modal-content:hover{transform:none;box-shadow:var(--shadow-lg)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.modal-title{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:1.25rem}.modal-close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-secondary);transition:all .15s}.modal-close svg{display:inline}.modal-close:hover{background-color:var(--color-muted);color:var(--color-fg)}.modal-body{display:flex;flex-direction:column;gap:1.25rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.modal-btn-cancel{background-color:var(--color-muted);color:var(--color-fg)}.modal-btn-cancel:hover{background-color:var(--color-border)}.btn-danger{background-color:var(--color-danger);color:var(--color-white);box-shadow:var(--shadow-sm)}.btn-danger:hover{opacity:.9;box-shadow:var(--shadow-md)}.delete-confirm-body{text-align:center;align-items:center}.delete-confirm-icon{color:var(--color-danger);margin-bottom:.5rem}.delete-confirm-body p{font-size:.9rem;color:var(--color-secondary);line-height:1.6}.admin-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.kontrak-status-badge{display:inline-block;padding:.2rem .65rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;letter-spacing:.04em}.kontrak-status-badge--aktif{background-color:var(--color-success-bg);color:var(--color-success)}.kontrak-status-badge--selesai{background-color:var(--color-info-bg);color:var(--color-info)}.kontrak-status-badge--dalam-proses{background-color:var(--color-warning-bg);color:var(--color-warning)}.dokumen-manager{max-width:36rem;max-height:90vh;overflow-y:auto}.dokumen-manager-list{display:flex;flex-direction:column;gap:.5rem}.dokumen-manager-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);background-color:var(--color-bg);box-shadow:var(--shadow-sm)}.dokumen-manager-item-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;color:var(--color-accent)}.dokumen-manager-item-icon svg{display:inline}.dokumen-manager-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.dokumen-manager-item-name{font-weight:600;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dokumen-manager-item-badges{display:flex;gap:.35rem;flex-wrap:wrap}.sumber-badge{display:inline-block;padding:.1rem .5rem;border-radius:var(--radius-pill);font-size:.6rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.sumber-badge--lokal{background-color:var(--color-muted);color:var(--color-secondary)}.sumber-badge--appwrite{background-color:var(--color-info-bg);color:var(--color-info)}.dokumen-upload-form{display:flex;flex-direction:column;gap:1rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.dokumen-upload-heading{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:1rem;margin-bottom:.25rem}.file-input-wrapper{position:relative}.file-input-wrapper input[type=file]{font-size:.85rem;cursor:pointer}.file-input-wrapper input[type=file]::file-selector-button{padding:.5rem 1rem;margin-right:.75rem;font-family:var(--font-body);font-weight:600;font-size:.8rem;background-color:var(--color-muted);color:var(--color-fg);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s}.file-input-wrapper input[type=file]::file-selector-button:hover{background-color:var(--color-border)}.upload-success{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;color:var(--color-success);background-color:var(--color-success-bg);border-radius:var(--radius-sm)}.upload-success svg{flex-shrink:0;display:inline}.user-dashboard{min-height:60vh}.user-dashboard-header{margin-bottom:2.5rem}.user-dashboard-header h1{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.35rem}.user-dashboard-welcome{color:var(--color-secondary);font-size:1rem}.dashboard-cards-grid{display:grid;grid-template-columns:1fr;gap:var(--gap)}.dashboard-card{display:flex;flex-direction:column;gap:1rem;padding:1.75rem;text-decoration:none;color:var(--color-fg);cursor:pointer;position:relative}.dashboard-card--disabled{opacity:.6;pointer-events:none;cursor:default}.dashboard-card-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-md);background-color:var(--color-bg);box-shadow:var(--shadow-sm);color:var(--color-accent)}.dashboard-card-icon svg{display:inline}.dashboard-card-title{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:1.15rem;display:flex;align-items:center;gap:.5rem}.dashboard-card-desc{font-size:.9rem;color:var(--color-secondary);line-height:1.5}.dashboard-card-badge{display:inline-block;padding:.15rem .6rem;border-radius:var(--radius-pill);font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background-color:var(--color-warning-bg);color:var(--color-warning)}.dashboard-card-arrow{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:.85rem;color:var(--color-accent);margin-top:auto}.inspeksi-wizard-header{margin-bottom:2rem}.inspeksi-wizard-header h1{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:clamp(1.5rem,3vw,2rem);margin-top:.75rem}.inspeksi-wizard-body{padding:2rem}.inspeksi-wizard-body:hover{transform:none;box-shadow:var(--shadow-md)}.step-progress{display:flex;align-items:flex-start;gap:0;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.step-progress-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;position:relative;min-width:5rem}.step-progress-line{position:absolute;top:1rem;right:50%;width:100%;height:2px;background-color:var(--color-border);z-index:0}.step-progress-item--completed .step-progress-line,.step-progress-item--active .step-progress-line{background-color:var(--color-accent)}.step-progress-circle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-circle);background-color:var(--color-muted);color:var(--color-secondary);font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:.8rem;border:none;cursor:default;z-index:1;transition:all var(--transition-speed) var(--transition-easing)}.step-progress-item--active .step-progress-circle{background-color:var(--color-accent);color:var(--color-white);box-shadow:var(--shadow-sm)}.step-progress-item--completed .step-progress-circle{background-color:var(--color-accent);color:var(--color-white);cursor:pointer}.step-progress-item--completed .step-progress-circle:hover{box-shadow:var(--shadow-md)}.step-progress-label{font-size:.65rem;font-weight:600;text-align:center;color:var(--color-secondary);max-width:6rem;line-height:1.3}.step-progress-item--active .step-progress-label{color:var(--color-fg)}.step-content{margin-bottom:1.5rem}.step-content-title{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:1.25rem;margin-bottom:1.5rem}.step-navigation{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.step-navigation-left,.step-navigation-right{display:flex;gap:.75rem;flex-wrap:wrap}.inspeksi-section-accordion{margin-bottom:1rem;border-radius:var(--radius-md);background-color:var(--color-bg);box-shadow:var(--shadow-sm);overflow:hidden}.accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:none;border:none;cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:1rem;color:var(--color-fg);transition:background-color .15s}.accordion-header:hover{background-color:var(--color-muted)}.accordion-header svg{display:inline;color:var(--color-secondary);flex-shrink:0}.accordion-content{padding:0 1.25rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.inspeksi-field{display:flex;flex-direction:column;gap:.4rem}.inspeksi-field-number-row{display:flex;align-items:center;gap:.5rem}.inspeksi-field-number-row .login-input{flex:1}.inspeksi-field-unit{font-family:var(--font-mono, monospace);font-size:.8rem;font-weight:500;color:var(--color-secondary);white-space:nowrap;min-width:2.5rem}.inspeksi-textarea{resize:vertical;min-height:4rem}.photo-upload{display:flex;flex-direction:column;gap:.75rem}.photo-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;border-radius:var(--radius-md);background-color:var(--color-bg);box-shadow:var(--shadow-recessed);color:var(--color-secondary);cursor:pointer}.photo-upload-placeholder svg{display:inline}.photo-upload-placeholder span{font-size:.8rem;font-weight:500}.photo-upload-input{display:none}.photo-upload-btn{font-size:.8rem;padding:.45rem .9rem;align-self:flex-start}.photo-upload-preview{position:relative;width:100%;max-width:16rem;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.photo-upload-preview img{width:100%;height:auto;display:block;object-fit:cover;max-height:12rem}.photo-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--color-fg) 40%,transparent);color:var(--color-white)}.photo-upload-delete{font-size:.8rem;padding:.45rem .9rem;align-self:flex-start;background-color:var(--color-danger-bg);color:var(--color-danger)}.photo-upload-delete:hover{background-color:var(--color-danger);color:var(--color-white)}.inspeksi-ringkasan-section{margin-bottom:2rem}.inspeksi-ringkasan-heading{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-accent)}.inspeksi-ringkasan-subheading{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:.95rem;margin-bottom:.75rem;color:var(--color-secondary)}.inspeksi-ringkasan-subsection{margin-bottom:1.5rem}.inspeksi-ringkasan-grid{display:flex;flex-direction:column;gap:.75rem}.inspeksi-ringkasan-item{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0}.inspeksi-ringkasan-label{font-family:var(--font-mono, monospace);font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary)}.inspeksi-ringkasan-empty{color:var(--color-secondary);font-style:italic;font-size:.85rem}.inspeksi-ringkasan-text{font-size:.9rem;line-height:1.5;white-space:pre-wrap}.inspeksi-ringkasan-photo{width:100%;max-width:12rem;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.inspeksi-ringkasan-photo img{width:100%;height:auto;display:block;object-fit:cover;max-height:8rem}.inspeksi-list-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.inspeksi-list-header h1{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.25rem}.inspeksi-list{display:grid;grid-template-columns:1fr;gap:var(--gap)}.inspeksi-list-card{display:flex;flex-direction:column;gap:.75rem;text-align:left;cursor:pointer;background:none;border:none;font-family:var(--font-body);width:100%;color:var(--color-fg)}.inspeksi-list-card-top{display:flex;align-items:center;gap:.75rem}.inspeksi-list-card-user{font-size:.8rem;color:var(--color-secondary)}.inspeksi-list-card-lokasi{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:1.1rem}.inspeksi-list-card-meta{display:flex;flex-wrap:wrap;gap:1rem}.inspeksi-list-tags{display:flex;gap:.35rem;flex-wrap:wrap}.inspeksi-list-tag{display:inline-block;padding:.15rem .55rem;border-radius:var(--radius-pill);font-size:.65rem;font-weight:600;letter-spacing:.04em;background-color:var(--color-muted);color:var(--color-secondary)}.inspeksi-status-badge{display:inline-block;padding:.2rem .65rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;letter-spacing:.04em}.inspeksi-status-badge--draft{background-color:var(--color-warning-bg);color:var(--color-warning)}.inspeksi-status-badge--submitted{background-color:var(--color-success-bg);color:var(--color-success)}.inspeksi-checkbox-group{display:flex;flex-direction:column;gap:.75rem;margin-top:.25rem}.inspeksi-checkbox-item{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.95rem}.inspeksi-checkbox-item input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--color-accent);cursor:pointer}.inspeksi-detail-header{padding:2rem}.inspeksi-detail-header:hover{transform:none;box-shadow:var(--shadow-md)}.inspeksi-detail-header-top{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.inspeksi-detail-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem}.inspeksi-detail-submitted{font-size:.85rem;color:var(--color-secondary);margin-top:.5rem}.notifikasi-bell-btn{position:relative;width:2.5rem;height:2.5rem}.notifikasi-badge{position:absolute;top:-2px;right:-2px;display:flex;align-items:center;justify-content:center;min-width:1.1rem;height:1.1rem;padding:0 .3rem;border-radius:var(--radius-circle);background-color:var(--color-danger);color:var(--color-white);font-size:.6rem;font-weight:700;line-height:1}.notifikasi-panel{position:absolute;top:calc(100% + .5rem);right:0;width:22rem;max-height:28rem;background-color:var(--color-card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;display:flex;flex-direction:column;animation:slideUp .2s ease-out}.notifikasi-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.notifikasi-panel-title{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:1rem}.notifikasi-panel-body{overflow-y:auto;flex:1}.notifikasi-panel-empty{padding:2rem 1.25rem;text-align:center;color:var(--color-secondary);font-size:.85rem}.notifikasi-item{display:flex;gap:.75rem;width:100%;padding:.85rem 1.25rem;background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;font-family:var(--font-body);text-align:left;color:var(--color-fg);transition:background-color .15s}.notifikasi-item:hover{background-color:var(--color-muted)}.notifikasi-item--unread{background-color:var(--color-info-bg)}.notifikasi-item--unread:hover{background-color:var(--color-muted)}.notifikasi-item-icon{display:flex;align-items:flex-start;padding-top:.1rem;color:var(--color-accent);flex-shrink:0}.notifikasi-item-icon svg{display:inline}.notifikasi-item-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.notifikasi-item-message{font-size:.85rem;line-height:1.4}.notifikasi-item-time{font-size:.7rem;color:var(--color-secondary)}.admin-header-actions{position:relative;display:flex;align-items:center;gap:.5rem}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 1.5rem}.section{padding:var(--section-padding-y) 0;position:relative;overflow:hidden}.section-alt{background-color:var(--color-muted)}.grid-2,.grid-3{display:grid;grid-template-columns:1fr;gap:var(--gap)}.grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}.hero-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}.hero-content{display:flex;flex-direction:column;gap:1.5rem}.hero-tagline{font-size:clamp(1rem,2.5vw,1.25rem);opacity:.85;max-width:45ch;line-height:1.6}.hero-cta-group{display:flex;flex-wrap:wrap;gap:1rem}.hero-visual{position:relative;min-height:280px;display:flex;align-items:center;justify-content:center}.hero-image{position:relative;z-index:2;max-width:260px;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}.hero-accent{color:var(--color-accent)}.hero-shape{position:absolute;border:var(--border-width) var(--border-style) var(--color-border)}.hero-shape-1{width:120px;height:120px;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-accent);opacity:.15}.hero-shape-2{width:80px;height:80px;top:20%;right:15%;background-color:var(--color-secondary);opacity:.2;transform:rotate(45deg)}.hero-shape-3{width:50px;height:50px;bottom:20%;left:15%;background-color:var(--color-muted);opacity:.3;border-radius:var(--radius-circle)}.workflow-grid{display:grid;grid-template-columns:1fr;gap:3rem;position:relative}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}.about-content{display:grid;grid-template-columns:1fr;gap:2.5rem}.about-text{display:flex;flex-direction:column;gap:1rem}.about-text p{font-size:1.05rem;line-height:1.7}.about-highlights{display:flex;flex-direction:column;gap:1.5rem}.about-highlight-item{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;border:var(--border-width) var(--border-style) var(--color-border);background-color:var(--color-card-bg);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) var(--transition-easing)}.about-highlight-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.about-highlight-item svg{color:var(--color-accent);flex-shrink:0;margin-top:2px}.about-highlight-item strong{display:block;font-family:var(--font-heading);font-weight:var(--font-weight-heading);margin-bottom:.25rem}.about-highlight-item p{font-size:.9rem;opacity:.8}.footer{padding:3rem 0 1.5rem;border-top:var(--border-width) var(--border-style) var(--color-border);background-color:var(--color-fg);color:var(--color-bg)}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}.footer-heading{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:1.1rem;margin-bottom:1rem;color:var(--color-accent)}.footer-link{display:block;padding:.25rem 0;opacity:.8;transition:opacity var(--transition-speed)}.footer-link:hover{opacity:1;color:var(--color-accent)}.footer-bottom{text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.15);font-size:.85rem;opacity:.6}.footer-brand p{opacity:.75;font-size:.9rem;max-width:30ch;line-height:1.6}.footer-logo{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:1.15rem}.navbar{position:sticky;top:0;z-index:100;background-color:var(--color-bg);border-bottom:var(--border-width) var(--border-style) var(--color-border);padding:0 1.5rem}.navbar-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-max-width);margin:0 auto;height:4rem}.navbar-logo{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:1.25rem}.navbar-logo svg{display:inline}.navbar-logo-secondary{font-size:.8rem;opacity:.7;font-weight:400}.navbar-links{display:none;align-items:center;gap:.25rem}.navbar-link{padding:.5rem 1rem;font-weight:600;font-size:.9rem;border:2px solid transparent;transition:all var(--transition-speed) var(--transition-easing)}.navbar-link:hover,.navbar-link.active{color:var(--color-accent);border-color:var(--color-accent)}.navbar-link:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.navbar-login{display:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background-color:var(--color-bg);border-top:var(--border-width) var(--border-style) var(--color-border);padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav-inner{display:flex;justify-content:space-around;align-items:center;height:4rem}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;min-width:4rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg);opacity:.55;transition:all var(--transition-speed) var(--transition-easing);border:none;background:none;cursor:pointer;text-decoration:none}.bottom-nav-item svg{display:inline}.bottom-nav-item:hover,.bottom-nav-item.active{opacity:1;color:var(--color-accent)}.bottom-nav-item.active{transform:translateY(-2px)}.bottom-nav-spacer{display:block;height:calc(4rem + env(safe-area-inset-bottom,0px))}.theme-switcher{position:fixed;z-index:99;bottom:5.5rem;right:1rem}.theme-switcher-btn{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:var(--border-width) var(--border-style) var(--color-border);background-color:var(--color-card-bg);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-speed) var(--transition-easing);font-size:1.25rem}.theme-switcher-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.theme-switcher-btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.theme-switcher-popover{position:absolute;bottom:calc(100% + .75rem);right:0;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background-color:var(--color-card-bg);border:var(--border-width) var(--border-style) var(--color-border);box-shadow:var(--shadow-md);min-width:12rem;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s ease-out}.theme-switcher-popover.open{opacity:1;visibility:visible;transform:translateY(0)}.theme-option{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border:2px solid transparent;background:none;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:.85rem;text-align:left;transition:all var(--transition-speed);min-height:44px;width:100%;color:var(--color-fg)}.theme-option:hover{border-color:var(--color-border);background-color:var(--color-muted)}.theme-option.active{border-color:var(--color-accent);background-color:var(--color-accent);color:var(--color-white)}.theme-option:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.under-construction{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem;gap:1.5rem}.under-construction-icon{color:var(--color-accent)}.under-construction h2{font-family:var(--font-heading)}.under-construction p{opacity:.7;max-width:40ch}.footer-contact-item{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;opacity:.8;font-size:.9rem}.footer-contact-item svg{flex-shrink:0;display:inline}.kontrak-grid{display:grid;grid-template-columns:1fr;gap:var(--gap)}.kontrak-dokumen-list{display:flex;flex-direction:column;gap:.75rem}.login-section{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 4rem)}@media(min-width:768px){.hero-grid{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.workflow-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}.stats-grid{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}.about-content{grid-template-columns:1.5fr 1fr}.navbar-links{display:flex}.navbar-login{display:inline-flex}.bottom-nav,.bottom-nav-spacer{display:none}.theme-switcher{bottom:1.5rem;right:1.5rem}.kontrak-grid{grid-template-columns:repeat(2,1fr)}.dokumen-btn-label{display:inline}.pdf-viewer-iframe{height:70vh}.dokumen-item{padding:1.25rem 1.5rem}.user-menu-btn{display:inline-flex}.admin-section{padding:2rem}.admin-table-name,.admin-table-email{max-width:none}.dokumen-manager{max-width:36rem}.inspeksi-list{grid-template-columns:repeat(2,1fr)}.inspeksi-wizard-body{padding:2.5rem}.inspeksi-ringkasan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.step-progress{overflow-x:visible}.dashboard-cards-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.kontrak-grid{grid-template-columns:repeat(3,1fr)}.admin-section{padding:2.5rem}.inspeksi-list{grid-template-columns:repeat(3,1fr)}}[data-theme=hand-drawn] body{background-image:radial-gradient(var(--color-muted) 1px,transparent 1px);background-size:24px 24px}[data-theme=hand-drawn] .btn{border-radius:255px 15px 225px/15px 225px 15px 255px}[data-theme=hand-drawn] .card{border-radius:15px 225px 15px 255px/255px 15px 225px}[data-theme=hand-drawn] .card:hover{transform:rotate(-1deg) translateY(-4px)}[data-theme=hand-drawn] .card-icon{border-radius:50%;border-style:dashed}[data-theme=hand-drawn] .workflow-number{border-radius:50%}[data-theme=hand-drawn] .stat-item{border:var(--border-width) dashed var(--color-border);border-radius:255px 15px 225px/15px 225px 15px 255px;background-color:var(--color-card-bg)}[data-theme=hand-drawn] .badge{border-radius:255px 15px 225px/15px 225px 15px 255px;transform:rotate(-2deg)}[data-theme=hand-drawn] .navbar{border-bottom-style:dashed}[data-theme=hand-drawn] .navbar-link:hover,[data-theme=hand-drawn] .navbar-link.active{border-radius:255px 15px 225px/15px 225px 15px 255px;background-color:var(--color-muted)}[data-theme=hand-drawn] .bottom-nav{border-top-style:dashed}[data-theme=hand-drawn] .theme-switcher-btn{border-radius:50%;border-style:dashed}[data-theme=hand-drawn] .theme-switcher-popover{border-radius:15px 225px 15px 255px/255px 15px 225px;border-style:dashed}[data-theme=hand-drawn] .theme-option{border-radius:255px 15px 225px/15px 225px 15px 255px}[data-theme=hand-drawn] .about-highlight-item{border-radius:15px 225px 15px 255px/255px 15px 225px;border-style:dashed}[data-theme=hand-drawn] .hero-visual:before{content:"";position:absolute;top:10%;right:10%;width:80px;height:80px;border:3px dashed var(--color-accent);border-radius:50%;animation:gentle-bounce 3s ease-in-out infinite}[data-theme=hand-drawn] .hero-visual:after{content:"";position:absolute;bottom:15%;left:5%;width:60px;height:60px;background-color:var(--color-card-feature-bg);border:2px solid var(--color-border);border-radius:15px 225px 15px 255px/255px 15px 225px;transform:rotate(12deg)}[data-theme=hand-drawn] .hero-shape-1{border-radius:255px 15px 225px/15px 225px 15px 255px;border-style:dashed;opacity:.12}[data-theme=hand-drawn] .hero-shape-2{border-radius:15px 225px 15px 255px/255px 15px 225px;border-style:dashed}[data-theme=hand-drawn] .hero-shape-3{border-style:dashed}[data-theme=hand-drawn] .section-title:after{content:"";display:block;width:120px;height:6px;margin:.75rem auto 0;background:var(--color-accent);border-radius:255px 15px 225px/15px 225px 15px 255px;transform:rotate(-1deg)}@keyframes gentle-bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(5deg)}}[data-theme=neo-brutalism] body{background-image:radial-gradient(#000 1px,transparent 1px);background-size:24px 24px;background-color:var(--color-bg)}[data-theme=neo-brutalism] .btn{border-radius:0;text-transform:uppercase;letter-spacing:.05em;font-weight:900;font-family:var(--font-heading)}[data-theme=neo-brutalism] .btn-primary:hover{transform:translate(-1px,-1px)}[data-theme=neo-brutalism] .btn-primary:active{transform:translate(4px,4px)}[data-theme=neo-brutalism] .card{border-radius:0;border-width:4px}[data-theme=neo-brutalism] .card:hover{transform:translateY(-6px);box-shadow:12px 12px #000}[data-theme=neo-brutalism] .card-icon{border-radius:0;border-width:4px;background-color:var(--color-secondary)}[data-theme=neo-brutalism] .workflow-number{border-radius:0;border-width:4px}[data-theme=neo-brutalism] .stat-item{border:4px solid var(--color-border);background-color:var(--color-card-bg);box-shadow:var(--shadow-sm)}[data-theme=neo-brutalism] .stat-item:nth-child(2){background-color:var(--color-secondary)}[data-theme=neo-brutalism] .stat-item:nth-child(3){background-color:var(--color-muted)}[data-theme=neo-brutalism] .badge{border-radius:0;border-width:4px;font-weight:900;letter-spacing:.15em;transform:rotate(2deg)}[data-theme=neo-brutalism] .navbar{border-bottom-width:4px}[data-theme=neo-brutalism] .navbar-logo{text-transform:uppercase;letter-spacing:.05em}[data-theme=neo-brutalism] .navbar-link{text-transform:uppercase;letter-spacing:.05em;font-weight:900}[data-theme=neo-brutalism] .navbar-link:hover,[data-theme=neo-brutalism] .navbar-link.active{background-color:var(--color-accent);color:var(--color-white);border-color:var(--color-border);box-shadow:var(--shadow-sm)}[data-theme=neo-brutalism] .bottom-nav{border-top-width:4px}[data-theme=neo-brutalism] .bottom-nav-item{font-weight:900;text-transform:uppercase;letter-spacing:.1em}[data-theme=neo-brutalism] .theme-switcher-btn,[data-theme=neo-brutalism] .theme-switcher-popover{border-radius:0;border-width:4px}[data-theme=neo-brutalism] .section-header{text-transform:uppercase}[data-theme=neo-brutalism] .section-subtitle{font-weight:900;letter-spacing:.2em}[data-theme=neo-brutalism] .about-highlight-item{border-width:4px}[data-theme=neo-brutalism] .section-title:after{content:"";display:block;width:80px;height:8px;margin:1rem auto 0;background:var(--color-fg)}[data-theme=neo-brutalism] .hero-visual:before{content:"";position:absolute;top:5%;right:5%;width:100px;height:100px;background-color:var(--color-secondary);border:4px solid var(--color-border);box-shadow:8px 8px #000;transform:rotate(12deg)}[data-theme=neo-brutalism] .hero-visual:after{content:"";position:absolute;bottom:10%;left:10%;width:70px;height:70px;background-color:var(--color-muted);border:4px solid var(--color-border);box-shadow:6px 6px #000;transform:rotate(-8deg)}[data-theme=neo-brutalism] .hero-shape-1{border-width:4px;box-shadow:6px 6px #000;opacity:.2}[data-theme=neo-brutalism] .hero-shape-2{border-width:4px;box-shadow:4px 4px #000}[data-theme=neo-brutalism] .hero-shape-3{border-width:4px;border-radius:0}[data-theme=neo-brutalism] .footer{border-top-width:4px}[data-theme=playful-geometric] body{background-image:radial-gradient(var(--color-border) 1px,transparent 1px);background-size:30px 30px}[data-theme=playful-geometric] .btn{border-radius:9999px}[data-theme=playful-geometric] .btn-primary:hover{transform:translate(-2px,-2px) scale(1.02)}[data-theme=playful-geometric] .btn-secondary:hover{background-color:var(--color-tertiary, #FBBF24)}[data-theme=playful-geometric] .card{border-radius:16px}[data-theme=playful-geometric] .card:hover{transform:rotate(-1deg) scale(1.02)}[data-theme=playful-geometric] .card-icon{border-radius:50%;background-color:var(--color-accent);color:var(--color-white);border-color:var(--color-card-border)}[data-theme=playful-geometric] .card:nth-child(2) .card-icon{background-color:var(--color-secondary)}[data-theme=playful-geometric] .card:nth-child(3) .card-icon{background-color:var(--color-tertiary, #FBBF24);color:var(--color-fg)}[data-theme=playful-geometric] .card:nth-child(4) .card-icon{background-color:var(--color-quaternary, #34D399);color:var(--color-fg)}[data-theme=playful-geometric] .workflow-number{border-radius:50%}[data-theme=playful-geometric] .stat-item{border:var(--border-width) solid var(--color-card-border);border-radius:16px;background-color:var(--color-card-bg);box-shadow:var(--shadow-sm)}[data-theme=playful-geometric] .stat-item:nth-child(1){box-shadow:4px 4px 0 0 var(--color-accent)}[data-theme=playful-geometric] .stat-item:nth-child(2){box-shadow:4px 4px 0 0 var(--color-secondary)}[data-theme=playful-geometric] .stat-item:nth-child(3){box-shadow:4px 4px 0 0 var(--color-tertiary, #FBBF24)}[data-theme=playful-geometric] .stat-item:nth-child(4){box-shadow:4px 4px 0 0 var(--color-quaternary, #34D399)}[data-theme=playful-geometric] .badge{border-radius:9999px;background-color:var(--color-accent);color:var(--color-white)}[data-theme=playful-geometric] .navbar-link:hover,[data-theme=playful-geometric] .navbar-link.active{border-radius:9999px;background-color:var(--color-accent);color:var(--color-white);border-color:transparent}[data-theme=playful-geometric] .theme-switcher-btn{border-radius:50%}[data-theme=playful-geometric] .theme-switcher-popover{border-radius:16px}[data-theme=playful-geometric] .theme-option{border-radius:12px}[data-theme=playful-geometric] .about-highlight-item{border-radius:16px}[data-theme=playful-geometric] .section-title:after{content:"~~~~~";display:block;font-size:1.75rem;letter-spacing:.15em;color:var(--color-accent);margin-top:.25rem;font-style:italic}[data-theme=playful-geometric] .hero-visual:before{content:"";position:absolute;top:10%;right:5%;width:90px;height:90px;background-color:var(--color-tertiary, #FBBF24);border:2px solid var(--color-card-border);border-radius:50%;opacity:.7;animation:geometric-float 4s ease-in-out infinite}[data-theme=playful-geometric] .hero-visual:after{content:"";position:absolute;bottom:15%;left:10%;width:0;height:0;border-left:35px solid transparent;border-right:35px solid transparent;border-bottom:60px solid var(--color-secondary);opacity:.6;transform:rotate(15deg);animation:geometric-float 5s ease-in-out infinite reverse}[data-theme=playful-geometric] .hero-shape-1{border-radius:50%;opacity:.12}[data-theme=playful-geometric] .hero-shape-2{border-radius:16px}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}@keyframes geometric-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(10deg)}}[data-theme=playful-geometric] .card-icon:hover{animation:wiggle .3s ease-in-out}[data-theme=professional] body{background-image:none;background-color:var(--color-bg);letter-spacing:.01em;line-height:1.75}[data-theme=professional] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}[data-theme=professional] body:after{content:"";position:fixed;top:-30%;right:-20%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(184,134,11,.03) 0%,transparent 70%);pointer-events:none;z-index:0}[data-theme=professional] #root{position:relative;z-index:1}[data-theme=professional] h1,[data-theme=professional] h2,[data-theme=professional] h3{font-weight:400;letter-spacing:-.01em}[data-theme=professional] h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;letter-spacing:-.02em}[data-theme=professional] h2{font-size:clamp(1.85rem,4vw,2.5rem);line-height:1.2}[data-theme=professional] .btn{border-radius:6px;font-family:var(--font-body);font-weight:500;letter-spacing:.03em;border-width:1px}[data-theme=professional] .btn-primary{background-color:var(--color-accent);border-color:var(--color-accent);box-shadow:0 1px 3px #b8860b33}[data-theme=professional] .btn-primary:hover{background-color:var(--color-secondary);border-color:var(--color-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #b8860b40}[data-theme=professional] .btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px #b8860b26}[data-theme=professional] .btn-secondary{background-color:transparent;border-color:var(--color-fg);color:var(--color-fg);box-shadow:none}[data-theme=professional] .btn-secondary:hover{background-color:var(--color-muted);border-color:var(--color-accent);color:var(--color-accent);transform:none;box-shadow:none}[data-theme=professional] .btn-secondary:active{transform:none;box-shadow:none}[data-theme=professional] .card{border-radius:8px;border-width:1px;border-color:var(--color-border);box-shadow:var(--shadow-sm);border-top:2px solid var(--color-accent);padding:2rem}[data-theme=professional] .card:hover{transform:none;box-shadow:var(--shadow-md);border-color:#d5cfc8}[data-theme=professional] .card-icon{border-radius:8px;border-width:1px;border-color:var(--color-border);background-color:var(--color-muted);color:var(--color-accent)}[data-theme=professional] .card-title{font-family:var(--font-heading);font-weight:600;letter-spacing:-.01em}[data-theme=professional] .card-text{color:#6b6b6b;line-height:1.7}[data-theme=professional] .navbar{border-bottom:1px solid var(--color-border);background-color:#fafaf8f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=professional] .navbar-logo{font-family:var(--font-heading);font-weight:400;letter-spacing:-.01em}[data-theme=professional] .navbar-logo-secondary{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;opacity:.5}[data-theme=professional] .navbar-link{font-family:var(--font-body);font-weight:500;font-size:.85rem;letter-spacing:.04em;border:none;border-bottom:1px solid transparent;border-radius:0;padding:.5rem .75rem}[data-theme=professional] .navbar-link:hover,[data-theme=professional] .navbar-link.active{color:var(--color-accent);border-color:transparent;border-bottom-color:var(--color-accent);background:none}[data-theme=professional] .badge{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:.7rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;background-color:transparent;border-color:var(--color-accent);color:var(--color-accent);border-radius:4px;border-width:1px;transform:none}[data-theme=professional] .stat-item{border:none;border-right:1px solid var(--color-border);background-color:transparent;position:relative}[data-theme=professional] .stat-item:last-child{border-right:none}[data-theme=professional] .stat-number{font-family:var(--font-heading);font-weight:400;color:var(--color-fg)}[data-theme=professional] .stat-label{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#6b6b6b}[data-theme=professional] .section-header{margin-bottom:4rem}[data-theme=professional] .section-subtitle{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent)}[data-theme=professional] .section-title{font-weight:400}[data-theme=professional] .section-title:after{content:"";display:block;width:60px;height:1px;margin:1.25rem auto 0;background:var(--color-accent)}[data-theme=professional] .section-description{color:#6b6b6b;font-size:1.05rem;line-height:1.75}[data-theme=professional] .workflow-number{border-radius:50%;border-width:1px;border-color:var(--color-accent);background-color:var(--color-accent);font-family:var(--font-heading);font-weight:400}[data-theme=professional] .workflow-title{font-weight:600;letter-spacing:-.01em}[data-theme=professional] .workflow-text{color:#6b6b6b}[data-theme=professional] .about-highlight-item{border-radius:8px;border-width:1px;border-color:var(--color-border);box-shadow:var(--shadow-sm);border-left:2px solid var(--color-accent)}[data-theme=professional] .about-highlight-item:hover{transform:none;box-shadow:var(--shadow-md)}[data-theme=professional] .about-text p{color:#4a4a4a;line-height:1.8}[data-theme=professional] .hero-visual:before{content:"";position:absolute;top:15%;right:10%;width:100px;height:100px;border:1px solid var(--color-border);border-radius:50%;opacity:.4;animation:professional-drift 8s ease-in-out infinite}[data-theme=professional] .hero-visual:after{content:"";position:absolute;bottom:20%;left:8%;width:70px;height:70px;border:1px solid var(--color-accent);border-radius:50%;opacity:.2;animation:professional-drift 10s ease-in-out infinite reverse}[data-theme=professional] .hero-shape-1{border-radius:50%;border-width:1px;border-color:var(--color-border);background-color:transparent;opacity:.15}[data-theme=professional] .hero-shape-2{border-radius:50%;border-width:1px;border-color:var(--color-accent);background-color:#b8860b0a;opacity:.3}[data-theme=professional] .hero-shape-3{border-radius:50%;border-width:1px;border-color:var(--color-border);background-color:transparent;opacity:.1}[data-theme=professional] .hero-accent{color:var(--color-accent);font-style:italic}[data-theme=professional] .bottom-nav{border-top:1px solid var(--color-border);background-color:#fafaf8f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=professional] .bottom-nav-item{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:.6rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}[data-theme=professional] .bottom-nav-item.active{transform:none}[data-theme=professional] .theme-switcher-btn{border-radius:8px;border-width:1px;border-color:var(--color-border);box-shadow:var(--shadow-sm)}[data-theme=professional] .theme-switcher-btn:hover{transform:none;box-shadow:var(--shadow-md);border-color:var(--color-accent)}[data-theme=professional] .theme-switcher-popover{border-radius:8px;border-width:1px}[data-theme=professional] .theme-option{border-radius:6px;font-family:var(--font-body);font-weight:500;letter-spacing:.02em}[data-theme=professional] .theme-option.active{background-color:var(--color-accent);border-color:var(--color-accent)}[data-theme=professional] .footer{border-top:1px solid var(--color-border);background-color:#1a1a1a}[data-theme=professional] .footer-heading{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:.7rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent)}[data-theme=professional] .footer-logo{font-family:var(--font-heading);font-weight:400}[data-theme=professional] .footer-bottom{border-top-color:#ffffff14;font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:.7rem;letter-spacing:.05em}[data-theme=professional] .section-alt{background-color:#fff}[data-theme=professional] .btn:focus-visible{outline-color:var(--color-accent);outline-offset:3px}[data-theme=professional] ::selection{background-color:#b8860b26;color:var(--color-fg)}@keyframes professional-drift{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}[data-theme=industrial] body{background-image:none;background-color:var(--color-bg);letter-spacing:.01em;line-height:1.65}[data-theme=industrial] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");mix-blend-mode:overlay;pointer-events:none;z-index:0}[data-theme=industrial] body:after{content:"";position:fixed;top:-20%;left:-15%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 65%);pointer-events:none;z-index:0}[data-theme=industrial] #root{position:relative;z-index:1}[data-theme=industrial] h1,[data-theme=industrial] h2,[data-theme=industrial] h3{font-weight:800;letter-spacing:-.03em;text-shadow:0 1px 0 #ffffff}[data-theme=industrial] h1{font-size:clamp(2.25rem,5vw,3.75rem);line-height:1.1}[data-theme=industrial] h2{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15}[data-theme=industrial] .btn{border-radius:12px;border:1px solid rgba(255,255,255,.2);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}[data-theme=industrial] .btn-primary{background-color:var(--color-accent);box-shadow:4px 4px 8px #0050a059,-4px -4px 8px #50a0ff4d;border-color:#fff3}[data-theme=industrial] .btn-primary:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:6px 6px 12px #0050a066,-6px -6px 12px #50a0ff59}[data-theme=industrial] .btn-primary:active{transform:translateY(2px);filter:brightness(.95);box-shadow:inset 4px 4px 8px #0050a066,inset -4px -4px 8px #50a0ff33}[data-theme=industrial] .btn-secondary{background-color:var(--color-bg);box-shadow:var(--shadow-sm);border-color:transparent;color:var(--color-fg)}[data-theme=industrial] .btn-secondary:hover{background-color:var(--color-bg);color:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}[data-theme=industrial] .btn-secondary:active{transform:translateY(2px);box-shadow:var(--shadow-active)}[data-theme=industrial] .card{border-radius:16px;border:none;background-color:var(--color-bg);box-shadow:var(--shadow-md);padding:2rem;position:relative}[data-theme=industrial] .card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;pointer-events:none;background:radial-gradient(circle at 14px 14px,rgba(0,0,0,.12) 2px,transparent 3px),radial-gradient(circle at calc(100% - 14px) 14px,rgba(0,0,0,.12) 2px,transparent 3px),radial-gradient(circle at 14px calc(100% - 14px),rgba(0,0,0,.12) 2px,transparent 3px),radial-gradient(circle at calc(100% - 14px) calc(100% - 14px),rgba(0,0,0,.12) 2px,transparent 3px)}[data-theme=industrial] .card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}[data-theme=industrial] .card-icon{border-radius:50%;border:none;background-color:var(--color-bg);box-shadow:var(--shadow-sm);color:var(--color-accent)}[data-theme=industrial] .card-title{font-weight:700;letter-spacing:-.02em}[data-theme=industrial] .card-text{color:var(--color-secondary);line-height:1.65}[data-theme=industrial] .navbar{border-bottom:none;background-color:#e0e5eceb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 2px 8px #babecc80}[data-theme=industrial] .navbar-logo{font-weight:800;letter-spacing:-.02em}[data-theme=industrial] .navbar-logo-secondary{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;opacity:.5}[data-theme=industrial] .navbar-link{font-weight:600;font-size:.85rem;letter-spacing:.02em;border:none;border-radius:8px;padding:.5rem 1rem}[data-theme=industrial] .navbar-link:hover,[data-theme=industrial] .navbar-link.active{color:var(--color-accent);border-color:transparent;background-color:var(--color-muted);box-shadow:var(--shadow-recessed)}[data-theme=industrial] .badge{font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;background-color:var(--color-bg);border:none;border-radius:8px;box-shadow:var(--shadow-sm);color:var(--color-accent);transform:none}[data-theme=industrial] .stat-item{border:none;border-radius:12px;background-color:var(--color-bg);box-shadow:var(--shadow-sm);position:relative}[data-theme=industrial] .stat-number{font-family:var(--font-mono);font-weight:700;color:var(--color-accent);text-shadow:0 0 12px rgba(0,120,240,.25)}[data-theme=industrial] .stat-label{font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary)}[data-theme=industrial] .section-header{margin-bottom:3.5rem}[data-theme=industrial] .section-subtitle{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent)}[data-theme=industrial] .section-title{font-weight:800;letter-spacing:-.03em;text-shadow:0 1px 0 #ffffff}[data-theme=industrial] .section-title:after{content:"";display:block;width:40px;height:3px;margin:1rem auto 0;background:var(--color-accent);border-radius:2px;box-shadow:0 0 8px #0078f04d}[data-theme=industrial] .section-description{color:var(--color-secondary);font-size:1.05rem;line-height:1.7}[data-theme=industrial] .workflow-number{border-radius:50%;border:none;background-color:var(--color-accent);box-shadow:4px 4px 8px #0050a04d,-4px -4px 8px #50a0ff40;font-family:var(--font-mono);font-weight:700}[data-theme=industrial] .workflow-title{font-weight:700;letter-spacing:-.01em}[data-theme=industrial] .workflow-text{color:var(--color-secondary);font-size:.85rem}[data-theme=industrial] .about-highlight-item{border-radius:12px;border:none;border-left:3px solid var(--color-accent);background-color:var(--color-bg);box-shadow:var(--shadow-sm)}[data-theme=industrial] .about-highlight-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}[data-theme=industrial] .about-text p{color:var(--color-secondary);line-height:1.75}[data-theme=industrial] .hero-visual:before{content:"";position:absolute;top:12%;right:8%;width:12px;height:12px;background:#22c55e;border-radius:50%;box-shadow:0 0 10px #22c55e99;animation:industrial-led-pulse 2s ease-in-out infinite}[data-theme=industrial] .hero-visual:after{content:"";position:absolute;bottom:15%;left:5%;width:60px;height:60px;border-radius:16px;background-color:var(--color-bg);box-shadow:var(--shadow-sm)}[data-theme=industrial] .hero-shape-1{border-radius:20px;border:none;background-color:var(--color-bg);opacity:.6;box-shadow:var(--shadow-md)}[data-theme=industrial] .hero-shape-2{border-radius:12px;border:none;background-color:var(--color-muted);opacity:.4;transform:rotate(15deg);box-shadow:var(--shadow-sm)}[data-theme=industrial] .hero-shape-3{border-radius:50%;border:none;background-color:var(--color-accent);opacity:.1;box-shadow:0 0 20px #0078f033}[data-theme=industrial] .hero-accent{color:var(--color-accent);text-shadow:none}[data-theme=industrial] .bottom-nav{border-top:none;background-color:#e0e5eceb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 -2px 8px #babecc80}[data-theme=industrial] .bottom-nav-item{font-family:var(--font-mono);font-size:.6rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}[data-theme=industrial] .bottom-nav-item.active{transform:translateY(-2px);text-shadow:0 0 8px rgba(0,120,240,.3)}[data-theme=industrial] .theme-switcher-btn{border-radius:50%;border:none;background-color:var(--color-bg);box-shadow:var(--shadow-sm)}[data-theme=industrial] .theme-switcher-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}[data-theme=industrial] .theme-switcher-popover{border-radius:16px;border:none;background-color:var(--color-bg);box-shadow:var(--shadow-lg)}[data-theme=industrial] .theme-option{border-radius:8px;font-weight:600;letter-spacing:.01em;border:none}[data-theme=industrial] .theme-option:hover{border:none;background-color:var(--color-muted);box-shadow:var(--shadow-recessed)}[data-theme=industrial] .theme-option.active{background-color:var(--color-accent);border:none;box-shadow:inset 3px 3px 6px #0050a04d,inset -3px -3px 6px #50a0ff33}[data-theme=industrial] .footer{border-top:none;background-color:#2d3436;box-shadow:inset 0 4px 12px #0003}[data-theme=industrial] .footer-heading{font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}[data-theme=industrial] .footer-logo{font-weight:800;letter-spacing:-.02em}[data-theme=industrial] .footer-link{font-size:.85rem}[data-theme=industrial] .footer-link:hover{color:var(--color-accent);text-shadow:0 0 8px rgba(0,120,240,.3)}[data-theme=industrial] .footer-bottom{border-top-color:#ffffff14;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em}[data-theme=industrial] .section-alt{background-color:var(--color-muted);box-shadow:inset 0 4px 12px #babecc66,inset 0 -4px 12px #babecc66}[data-theme=industrial] .btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;box-shadow:0 0 0 4px #0078f026}[data-theme=industrial] ::selection{background-color:#0078f033;color:var(--color-fg)}@keyframes industrial-led-pulse{0%,to{opacity:1;box-shadow:0 0 10px #22c55e99}50%{opacity:.6;box-shadow:0 0 4px #22c55e4d}}