/* NoyonScript Client Portal — visual-only redesign. Existing templates, routes, forms, and JavaScript remain unchanged. */
:root{--client-ink:#102a43;--client-green:#009c3b;--client-yellow:#f4c300;--client-paper:#f5f8f5;--client-line:#d9e6df;--client-muted:#687a78}
body.clientarea,body:has(.clientarea){background:linear-gradient(140deg,#f5f8f5,#fbfcf9 60%,#eef5ed)!important;color:var(--client-ink)!important}
.clientarea{max-width:1440px;margin:0 auto;padding:25px 3vw 55px!important}.clientarea .container,.clientarea .container-fluid{max-width:1360px!important}
.clientarea .navbar,.clientarea .navbar-light,.clientarea .site-header{border:1px solid var(--client-line)!important;border-radius:14px!important;background:rgba(255,255,255,.9)!important;box-shadow:0 10px 28px rgba(16,42,67,.08)!important;padding:10px 18px!important;margin-bottom:25px!important}
.clientarea .navbar-brand{font-weight:800!important;letter-spacing:-.045em!important;color:var(--client-ink)!important}.clientarea .navbar-brand img{max-height:34px}.clientarea .navbar-brand:before{content:"NS";display:inline-grid;place-items:center;width:29px;height:29px;margin-right:8px;border-radius:8px;background:var(--client-ink);color:var(--client-yellow);font-size:11px;vertical-align:middle;box-shadow:inset -5px -5px 0 var(--client-green)}
.clientarea .navbar-nav .nav-link,.clientarea .navbar-nav>li>a{border-radius:7px!important;color:var(--client-muted)!important;font-weight:600!important;padding:9px 11px!important}.clientarea .navbar-nav .nav-link:hover,.clientarea .navbar-nav>li>a:hover{background:#eef7f0!important;color:var(--client-green)!important}
.clientarea .sidebar,.clientarea .span3.sidebar{background:rgba(255,255,255,.78)!important;border:1px solid var(--client-line)!important;border-radius:13px!important;padding:16px!important;box-shadow:0 9px 25px rgba(16,42,67,.06)!important}.clientarea .sidebar .nav-header{color:var(--client-ink)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--client-yellow)!important;padding:10px 12px!important}.clientarea .sidebar a{color:var(--client-muted)!important;border-radius:7px!important;padding:9px 12px!important;display:block}.clientarea .sidebar a:hover,.clientarea .sidebar .active>a{background:#eaf6ee!important;color:var(--client-green)!important}
.clientarea .main-content,.clientarea .content,.clientarea .rightside{min-width:0}.clientarea .card,.clientarea .panel,.clientarea .well,.clientarea .widget,.clientarea .clientarea-balance,.clientarea .service-card{background:rgba(255,255,255,.9)!important;border:1px solid var(--client-line)!important;border-radius:14px!important;box-shadow:0 12px 30px rgba(16,42,67,.07)!important}
.clientarea .clientarea-balance{background:linear-gradient(125deg,var(--client-ink),#1b5b6d)!important;color:#fff!important;border:0!important;overflow:hidden;position:relative}.clientarea .clientarea-balance:after{content:"";width:200px;height:200px;border:1px solid rgba(244,195,0,.45);position:absolute;right:-78px;top:-82px;transform:rotate(45deg)}.clientarea .clientarea-balance *{position:relative;z-index:1}.clientarea .clientarea-balance .amount,.clientarea .clientarea-balance .credit{color:var(--client-yellow)!important;font-weight:800!important;font-size:clamp(24px,3vw,40px)!important}
.clientarea h1,.clientarea h2,.clientarea h3,.clientarea h4{color:var(--client-ink)!important;letter-spacing:-.04em!important;font-weight:750!important}.clientarea .page-title,.clientarea .dashboard-title{font-size:clamp(26px,3vw,42px)!important;margin-bottom:20px!important}.clientarea .text-muted,.clientarea small{color:var(--client-muted)!important}
.clientarea .btn-primary,.clientarea .btn-success,.clientarea input[type=submit],.clientarea input[type=button]{background:var(--client-green)!important;border-color:var(--client-green)!important;color:#fff!important;border-radius:8px!important;font-weight:700!important;box-shadow:0 7px 14px rgba(0,156,59,.16)!important}.clientarea .btn-primary:hover,.clientarea .btn-success:hover,.clientarea input[type=submit]:hover,.clientarea input[type=button]:hover{background:#007f30!important;transform:translateY(-1px)}.clientarea .btn-warning{background:var(--client-yellow)!important;border-color:var(--client-yellow)!important;color:var(--client-ink)!important;font-weight:700!important}.clientarea .btn-outline-primary{color:var(--client-green)!important;border-color:var(--client-green)!important}
.clientarea .table,.clientarea table{background:#fff!important;border-radius:11px!important;overflow:hidden;border:1px solid var(--client-line)!important}.clientarea .table thead th,.clientarea table thead th{background:#edf6ef!important;color:var(--client-ink)!important;border-color:var(--client-line)!important}.clientarea .table tbody tr:hover,.clientarea table tbody tr:hover{background:#f5faf6!important}.clientarea .badge{border-radius:99px!important;padding:5px 9px!important;font-weight:700!important}.clientarea .badge-success{background:#dff4e5!important;color:#08772f!important}.clientarea .badge-danger{background:#fee8e5!important;color:#a53e35!important}.clientarea .badge-warning{background:#fff3bc!important;color:#785e00!important}
.clientarea input,.clientarea select,.clientarea textarea,.clientarea .form-control{border-color:var(--client-line)!important;border-radius:8px!important;min-height:39px!important}.clientarea input:focus,.clientarea select:focus,.clientarea textarea:focus,.clientarea .form-control:focus{border-color:var(--client-green)!important;box-shadow:0 0 0 3px rgba(0,156,59,.11)!important}
.clientarea .service,.clientarea .services,.clientarea .product-card,.clientarea .tool-card{background:#fff!important;border:1px solid var(--client-line)!important;border-radius:13px!important;box-shadow:0 8px 23px rgba(16,42,67,.07)!important;transition:transform .18s ease,box-shadow .18s ease}.clientarea .service:hover,.clientarea .services:hover,.clientarea .product-card:hover,.clientarea .tool-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(16,42,67,.12)!important}
.clientarea .modal-content{border:1px solid var(--client-line)!important;border-radius:14px!important;box-shadow:0 20px 50px rgba(16,42,67,.2)!important}.clientarea .modal-header{background:var(--client-ink)!important;color:#fff!important;border-radius:14px 14px 0 0!important}.clientarea .modal-header h4,.clientarea .modal-header h5{color:#fff!important}
.clientarea .footer{border-top:1px solid var(--client-line)!important;color:var(--client-muted)!important;margin-top:35px;padding-top:25px!important}
@media(max-width:768px){.clientarea{padding:12px 12px 35px!important}.clientarea .navbar{border-radius:10px!important;padding:8px 11px!important}.clientarea .sidebar,.clientarea .span3.sidebar{margin-bottom:15px!important}.clientarea .table-responsive{border-radius:10px!important}.clientarea .clientarea-balance{margin-bottom:15px!important}}