:root{--dd-red:#c90029;--dd-red-dark:#a90024;--dd-red-light:#d80b38;--dd-red-tint:#fff0f3;--dd-ink:#161616;--dd-muted:#555;--dd-border:#e6e1e3;--dd-card:#fff;--dd-soft:#f7f7f8;--dd-shadow:0 6px 18px #2110170b,0 1px 3px #21101708;--dd-shadow-hover:0 12px 24px #21101717,0 2px 5px #21101708;--dd-action-shadow:0 5px 12px #a900242b,inset 0 1px 0 #ffffff2b}

/* The page remains open; only its controls and content pieces gain depth. */
.masthead{box-shadow:0 3px 14px #11111114}
.masthead nav{gap:10px}
.masthead nav a{border-radius:12px;text-decoration:none;transition:background-color .16s,box-shadow .16s,color .16s}
.masthead nav a:hover,.masthead nav a:focus-visible{background:#ffffff14;color:#fff}
.masthead nav a[aria-current=page]{border-radius:12px;background:linear-gradient(155deg,var(--dd-red-light),var(--dd-red));box-shadow:0 3px 10px #0003,inset 0 1px 0 #ffffff24}
.masthead .header-contact{border-radius:12px;border-color:#ffffff44;transition:background-color .16s,border-color .16s}
.masthead .header-contact:hover{background:#ffffff12;border-color:#ffffff88}

.guided-site .service{position:relative;border:1px solid var(--dd-border);border-radius:18px;background:linear-gradient(145deg,#fff,#fdfcfd);box-shadow:var(--dd-shadow);transition:transform .16s,box-shadow .16s,border-color .16s}
.guided-site .service:hover,.guided-site .service:focus-within{transform:translateY(-2px);border-color:#ce94a0;box-shadow:var(--dd-shadow-hover)}
.guided-site .service.selected{border:1px solid var(--dd-red);box-shadow:0 0 0 2px #c9002924,var(--dd-shadow-hover);background:linear-gradient(145deg,#fff,var(--dd-red-tint))}
.guided-site .service-select{border-radius:17px 17px 0 0;color:var(--dd-ink)}
.guided-site .service-product{border-radius:10px;margin-left:5px}
.guided-site .service-select .arrow{color:var(--dd-red);transition:transform .16s}
.guided-site .service:hover .arrow{transform:translateX(3px)}
.guided-site .service-info{border:0;border-radius:9px;background:var(--dd-soft);margin:0 10px 7px;color:var(--dd-muted);text-decoration:none;transition:background-color .16s,color .16s}
.guided-site .service-info:hover,.guided-site .service-info:focus-visible{color:var(--dd-red-dark);background:#f9e5ea}

.guided-site .primary,.content-site .primary,.guided-site #continue{border:1px solid var(--dd-red);border-radius:14px;background:linear-gradient(160deg,var(--dd-red-light),var(--dd-red) 62%,#b60026);box-shadow:var(--dd-action-shadow);text-shadow:none;transition:transform .14s,box-shadow .14s,background-color .14s}
.guided-site .primary:hover,.content-site .primary:hover,.guided-site #continue:hover{background:linear-gradient(160deg,#ca0732,var(--dd-red-dark));transform:translateY(-1px);box-shadow:0 8px 16px #a9002438,inset 0 1px 0 #ffffff2b}
.guided-site .primary:active,.content-site .primary:active,.guided-site #continue:active{transform:translateY(1px);box-shadow:0 2px 5px #a9002424,inset 0 2px 3px #6c001926}
.guided-site #advice,.guided-site .choice-bar .text-button:not(#advice),.content-site .info-actions .info-link{border:1px solid #d8cbd0;border-radius:13px;background:linear-gradient(#fff,#faf7f8);box-shadow:0 2px 5px #21101708;color:#393036;transition:transform .14s,box-shadow .14s,border-color .14s,background-color .14s}
.guided-site #advice:hover,.guided-site .choice-bar .text-button:not(#advice):hover,.content-site .info-actions .info-link:hover{background:#fff4f6;border-color:#c97a8b;color:var(--dd-red-dark);transform:translateY(-1px);box-shadow:0 4px 10px #21101710}
.guided-site .progress li{border:1px solid #ebe5e8;border-radius:12px;background:#f6f4f5;box-shadow:inset 0 1px 0 #fff}
.guided-site .progress [aria-current]{background:linear-gradient(#fff0f3,#fce3e9);border-color:#eebbc6;color:#6b1025;box-shadow:0 2px 5px #a900240b}
.guided-site .progress [aria-current] span{box-shadow:0 2px 4px #a9002429}
.guided-site .details-grid,.guided-site .summary-grid{border:1px solid var(--dd-border);border-radius:20px;background:linear-gradient(150deg,#fff,#fffafb);box-shadow:var(--dd-shadow)}
.guided-site input,.guided-site select,.guided-site textarea{border:1px solid #d4cbd0;border-radius:10px;background:#fff;box-shadow:inset 0 1px 2px #21101704;transition:border-color .16s,box-shadow .16s}
.guided-site input:hover,.guided-site select:hover,.guided-site textarea:hover{border-color:#b79ca5}
.guided-site input:focus,.guided-site select:focus,.guided-site textarea:focus{border-color:var(--dd-red);outline:0;box-shadow:0 0 0 3px #c9002914}
.guided-site input[aria-invalid=true]{border-color:#b00020;box-shadow:0 0 0 2px #b0002010}
.guided-site pre{border:1px solid #ede1e5;border-radius:12px;background:#faf5f7}
.guided-site #detail-view:not([hidden]),.guided-site #summary-view:not([hidden]){animation:dd-enter .2s ease-out}

.content-site .info-card{border:1px solid var(--dd-border);border-radius:18px;background:linear-gradient(145deg,#fff,#fdfcfd);box-shadow:var(--dd-shadow);transition:transform .16s,box-shadow .16s,border-color .16s}
.content-site .info-card:hover,.content-site .info-card:focus-within{transform:translateY(-2px);box-shadow:var(--dd-shadow-hover);border-color:#ce94a0}
.content-site .info-card>.service-product{border-radius:12px}
.content-site .info-card .info-link{border:1px solid #ead5dc;border-radius:10px;background:#fff1f5;color:var(--dd-red-dark);transition:background-color .16s,box-shadow .16s}
.content-site .info-card .info-link:hover{background:#fae1e8;box-shadow:0 2px 5px #a9002412}
.content-site .info-breadcrumb{border:1px solid #eee6e9;border-radius:12px;background:#faf8f9;box-shadow:none}
.content-site .info-breadcrumb a{border-radius:8px}
.content-site .info-contact-note{border:1px solid var(--dd-border);border-left:3px solid var(--dd-red);border-radius:18px;background:linear-gradient(135deg,#fff,#fff7f9);box-shadow:var(--dd-shadow)}
.content-site .info-detail figure{border-radius:18px;overflow:hidden;box-shadow:var(--dd-shadow)}
.content-site .info-detail figure>.service-product{border-radius:0}
#info-dialog{border:1px solid var(--dd-border);border-top:4px solid var(--dd-red);border-radius:20px;box-shadow:0 24px 70px #16020b3d}
#close-dialog{border-radius:10px;background:#f7f1f3;transition:background-color .16s}
#close-dialog:hover{background:#f5dce4}
.footer-contact a[href^="https://wa.me/"]{border-radius:10px;transition:background-color .16s,border-color .16s}
.footer-contact a[href^="https://wa.me/"]:hover{background:#ffffff12;border-color:#ffffff88}

/* Public ERP: preserve the navigation, feature tabs, and sign-in destinations. */
body>header nav a,body>header .register{border-radius:10px;transition:background-color .16s,box-shadow .16s}
body>header nav a:hover,body>header nav a:focus-visible{background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff14}
.button.login,.button.primary-action{border-radius:14px;background:linear-gradient(155deg,var(--dd-red-light),var(--dd-red));border:1px solid var(--dd-red);box-shadow:var(--dd-action-shadow);transition:transform .14s,box-shadow .14s}
.button.login:hover,.button.primary-action:hover{transform:translateY(-1px);box-shadow:0 8px 18px #a9002433}
.button.login:active,.button.primary-action:active{transform:translateY(1px);box-shadow:0 2px 5px #a9002424}
.contact-trigger{border:1px solid #d8cbd0;border-radius:13px;background:linear-gradient(#fff,#faf7f8);box-shadow:0 2px 5px #21101708;transition:transform .14s,background-color .14s,border-color .14s}
.contact-trigger:hover{background:#fff0f4;border-color:#c97a8b;transform:translateY(-1px)}
.feature-explorer [role=tablist]{gap:6px}
.feature-explorer [role=tab]{border:1px solid transparent;border-radius:12px;background:transparent;transition:background-color .16s,box-shadow .16s,color .16s}
.feature-explorer [role=tab]:hover{background:#ece7e9;color:var(--dd-red-dark)}
.feature-explorer [role=tab][aria-selected=true]{border:1px solid #242024;border-radius:12px;background:linear-gradient(150deg,#30272c,#111);color:#fff;box-shadow:0 4px 10px #21101724,inset 0 1px 0 #ffffff20}
.visual{border-radius:18px;box-shadow:0 10px 25px #21101713}
.visual .front{border-radius:12px;box-shadow:0 14px 35px #0004}
.visual .back{border-radius:12px}
.visual .flow b{border-radius:6px;background:#fff0f4}
#contact{border:1px solid var(--dd-border);border-top:4px solid var(--dd-red);border-radius:20px;box-shadow:0 24px 70px #16020b3d}
#close-contact{border-radius:10px;background:#f7f1f3}

/* Existing Bootstrap ERP: brand action styles, while semantic states keep their colors. */
.dd-erp .navbar-default{box-shadow:0 3px 14px #11111114}
.dd-erp .navbar-default .navbar-nav>li>a{border-radius:10px;margin:6px 2px;transition:background-color .16s,box-shadow .16s}
.dd-erp .navbar-default .navbar-nav>li>a:hover,.dd-erp .navbar-default .navbar-nav>li>a:focus,.dd-erp .navbar-default .navbar-nav>.open>a,.dd-erp .navbar-default .navbar-nav>.active>a{background:linear-gradient(155deg,var(--dd-red-light),var(--dd-red));box-shadow:inset 0 1px 0 #ffffff25,0 3px 9px #0002}
.dd-erp .navbar-toggle{border-radius:10px}
.dd-erp .dropdown-menu{border:1px solid #eadfe4;border-top:3px solid var(--dd-red);border-radius:14px;padding:7px;box-shadow:0 14px 35px #21101724}
.dd-erp .dropdown-menu>li>a{border-radius:8px;transition:background-color .14s,color .14s}
.dd-erp .dropdown-menu .dropdown-menu{margin-left:1px}
.dd-erp .panel{border-radius:18px;box-shadow:var(--dd-shadow);border-color:var(--dd-border)}
.dd-erp .panel-default>.panel-heading{border-radius:17px 17px 0 0;background:linear-gradient(135deg,#2c2428,#111);border-bottom:3px solid var(--dd-red);box-shadow:inset 0 1px 0 #ffffff0a}
.dd-erp .panel-body{border-radius:0 0 17px 17px}
.dd-erp .panel-footer{border-radius:0 0 17px 17px;background:#faf8f9}
.dd-erp .btn{border-radius:10px;transition:transform .14s,box-shadow .14s,background-color .14s}
.dd-erp .btn-primary{border-color:var(--dd-red);background:linear-gradient(155deg,var(--dd-red-light),var(--dd-red));box-shadow:var(--dd-action-shadow)}
.dd-erp .btn-primary:hover,.dd-erp .btn-primary:focus{border-color:var(--dd-red-dark);background:linear-gradient(155deg,var(--dd-red),var(--dd-red-dark));box-shadow:0 6px 14px #a9002430;transform:translateY(-1px)}
.dd-erp .btn-primary:active{transform:translateY(1px);box-shadow:0 2px 4px #a9002420}
.dd-erp .btn-default{background:linear-gradient(#fff,#faf7f8);border-color:#d8cbd0;box-shadow:0 2px 4px #21101708}
.dd-erp .btn-default:hover{background:#fff0f4;border-color:#c97a8b}
.dd-erp .form-control{border-radius:9px;border-color:#d4cbd0;box-shadow:inset 0 1px 2px #21101704;transition:border-color .16s,box-shadow .16s}
.dd-erp .form-control:focus{border-color:var(--dd-red);box-shadow:0 0 0 3px #c9002914}
.dd-erp .nav-tabs{gap:4px}
.dd-erp .nav-tabs>li>a{border-radius:10px 10px 0 0;background:#f5f2f4;border-color:transparent;transition:background-color .16s,color .16s}
.dd-erp .nav-tabs>li>a:hover{background:#fce8ee;color:var(--dd-red-dark)}
.dd-erp .nav-tabs>li.active>a,.dd-erp .nav-tabs>li.active>a:hover,.dd-erp .nav-tabs>li.active>a:focus{background:#fff;border-top:3px solid var(--dd-red);box-shadow:0 -2px 5px #21101706}
.dd-erp .pagination>li:first-child>a,.dd-erp .pagination>li:first-child>span{border-radius:9px 0 0 9px}
.dd-erp .pagination>li:last-child>a,.dd-erp .pagination>li:last-child>span{border-radius:0 9px 9px 0}
.dd-erp .pagination>.active>a,.dd-erp .pagination>.active>span{background:linear-gradient(155deg,var(--dd-red-light),var(--dd-red));box-shadow:inset 0 1px 0 #ffffff20}
.dd-erp .modal-content{border-radius:20px;box-shadow:0 24px 70px #16020b3d}
.dd-erp .modal-header{border-radius:16px 16px 0 0;background:linear-gradient(135deg,#2c2428,#111)}
.dd-erp .modal-footer{border-radius:0 0 18px 18px;background:#faf8f9}
.dd-erp .well,.dd-erp .breadcrumb{border-radius:12px;box-shadow:0 2px 5px #21101705}
.dd-guest .panel{border-top:0}
.dd-guest .panel-heading{border-top:4px solid var(--dd-red)}

a:focus-visible,button:focus-visible,.guided-site .primary:focus-visible,.guided-site .choice-bar .text-button:focus-visible,.content-site .info-link:focus-visible,.dd-erp a:focus-visible,.dd-erp button:focus-visible{outline:3px solid var(--dd-red);outline-offset:3px}
.guided-site .primary:disabled,.guided-site #continue:disabled,.dd-erp .btn:disabled,.dd-erp .btn.disabled{transform:none;box-shadow:none;opacity:.5;cursor:not-allowed}
@keyframes dd-enter{from{transform:translateY(5px)}to{transform:translateY(0)}}
@media(max-width:700px){.masthead nav{gap:3px}.masthead nav a{border-radius:9px}.masthead nav a[aria-current=page]{border-radius:9px}.guided-site .service{border-radius:14px}.guided-site .service-select{border-radius:13px 13px 0 0}.guided-site .service-product{border-radius:8px;margin-left:3px}.guided-site .service-info{border-radius:7px;margin-left:6px;margin-right:6px}.guided-site .details-grid,.guided-site .summary-grid{border-radius:16px}.guided-site .progress li{border-radius:9px}.content-site .info-card{border-radius:15px}.dd-erp .navbar-default .navbar-nav>li>a{margin:3px 6px}.visual .front .flow{line-height:1.2}}
@media(prefers-reduced-motion:reduce){.guided-site .service,.guided-site .service-select .arrow,.guided-site .primary,.guided-site #continue,.guided-site #advice,.guided-site .choice-bar .text-button,.content-site .primary,.content-site .info-card,.content-site .info-link,.masthead nav a,.button,.contact-trigger,.feature-explorer [role=tab],.dd-erp .btn,.dd-erp .navbar-nav a,.dd-erp .form-control{transition:none!important;transform:none!important}.guided-site #detail-view:not([hidden]),.guided-site #summary-view:not([hidden]){animation:none}}