:root{
            --proda-blue:#00AEEF;
            --proda-blue-dark:#0072FF;
            --proda-blue-soft:rgba(0,174,239,.10);
            --proda-orange:#F59E0B;
            --proda-orange-soft:rgba(245,158,11,.14);
            --proda-green:#16a34a;
            --proda-green-soft:rgba(22,163,74,.12);
            --proda-red:#ef4444;
            --proda-red-soft:rgba(239,68,68,.10);
            --proda-bg:#F5F7FB;
            --proda-sidebar:#FFFFFF;
            --proda-card:#FFFFFF;
            --proda-border:#E2E8F0;
            --proda-text:#111827;
            --proda-muted:#6B7280;
            --proda-shadow:0 1px 3px rgba(15,23,42,.06);
        }

        html{
            height:100%;
        }

        body{
            font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
            background:var(--proda-bg);
            color:var(--proda-text);
            min-height:100vh;
            min-height:100dvh;
            -webkit-text-size-adjust:100%;
        }

        a,
        .nav-link-sidebar,
        .submenu .nav-link{
            text-decoration:none !important;
        }

        a:hover,
        .nav-link-sidebar:hover,
        .submenu .nav-link:hover{
            text-decoration:none !important;
        }

        .layout-wrapper{
            min-height:100vh;
            min-height:100dvh;
            width:100%;
        }

        .layout-wrapper > .flex-grow-1{
            min-width:0;
        }

        .sidebar{
            width:280px;
            background:var(--proda-sidebar);
            border-right:1px solid var(--proda-border);
            position:sticky;
            top:0;
            height:100vh;
            overflow:hidden;
            flex-shrink:0;
            z-index:1035;
        }

        .sidebar-brand{
            padding:1rem 1.25rem;
            border-bottom:1px solid var(--proda-border);
            display:flex;
            align-items:center;
            gap:.65rem;
        }

        .sidebar-logo{
            width:34px;
            height:34px;
            border-radius:12px;
            background:linear-gradient(135deg,var(--proda-blue),var(--proda-orange));
            display:flex;
            align-items:center;
            justify-content:center;
            color:#fff;
            font-weight:700;
            font-size:1rem;
            flex-shrink:0;
        }

        .sidebar-nav{
            padding:.75rem .75rem 1rem;
            flex:1 1 auto;
            min-height:0;
            overflow-y:auto;
            overflow-x:hidden;
        }

        .sidebar-title{
            font-size:.72rem;
            text-transform:uppercase;
            letter-spacing:.08em;
            color:var(--proda-muted);
            margin:.85rem .5rem .3rem;
            font-weight:600;
        }

        .nav-link-sidebar{
            border-radius:.6rem;
            padding:.5rem .7rem;
            font-size:.9rem;
            color:var(--proda-text);
            display:flex;
            align-items:center;
            gap:.55rem;
            min-height:40px;
            margin-bottom:.28rem;
        }

        .nav-link-sidebar i{
            width:18px;
            text-align:center;
            font-size:.9rem;
            flex-shrink:0;
        }

        .nav-link-sidebar span.badge,
        .nav-link-sidebar .menu-count{
            margin-left:auto;
            font-size:.68rem;
            flex-shrink:0;
        }

        .menu-count{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-width:24px;
            height:22px;
            padding:0 .45rem;
            border-radius:999px;
            background:#f1f5f9;
            color:#475569;
            font-weight:600;
        }

        .nav-link-sidebar:hover{
            background:var(--proda-blue-soft);
            color:var(--proda-text);
        }

        .nav-link-sidebar.active{
            background:var(--proda-blue-soft);
            color:var(--proda-blue-dark);
            font-weight:500;
        }

        .submenu{
            padding-left:2.2rem;
            margin:.35rem 0 .65rem;
        }

        .submenu .nav-link{
            padding:.34rem 0;
            font-size:.84rem;
            color:var(--proda-muted);
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:.5rem;
            margin-bottom:.14rem;
        }

        .submenu .nav-link:hover{color:var(--proda-text);}

        .submenu .menu-count{
            min-width:22px;
            height:20px;
            font-size:.63rem;
            padding:0 .35rem;
        }

        .sidebar-nav::-webkit-scrollbar{
            width:8px;
        }

        .sidebar-nav::-webkit-scrollbar-thumb{
            background:#dbe3ee;
            border-radius:999px;
        }

        .sidebar-nav::-webkit-scrollbar-track{
            background:transparent;
        }

        .topbar{
            min-height:64px;
            background:#fff;
            border-bottom:1px solid var(--proda-border);
            display:flex;
            align-items:center;
            justify-content:space-between;
            flex-wrap:wrap;
            gap:.75rem;
            height:auto;
            padding:0 1.25rem;
        }

        .topbar > .d-flex{
            min-width:0;
        }

        .topbar > .d-flex:first-child{
            flex:1 1 320px;
        }

        .topbar > .d-flex:last-child{
            flex:0 1 auto;
            min-width:0;
            max-width:100%;
        }

        .search-input{
            width:360px;
            max-width:100%;
            min-width:0;
        }

        .search-shell{
            position:relative;
            display:flex;
            align-items:center;
            min-height:42px;
            border:1px solid rgba(226,232,240,.95);
            background:linear-gradient(135deg,#ffffff 0%, #f8fbff 100%);
            border-radius:.9rem;
            box-shadow:0 8px 24px rgba(15,23,42,.05);
            overflow:hidden;
            transition:.2s ease;
        }

        .search-shell:hover{
            border-color:rgba(0,174,239,.24);
            box-shadow:0 10px 28px rgba(15,23,42,.07);
        }

        .search-shell:focus-within{
            border-color:rgba(0,174,239,.42);
            box-shadow:0 0 0 .22rem rgba(0,174,239,.10), 0 10px 28px rgba(15,23,42,.07);
        }

        .search-shell-icon{
            width:42px;
            display:flex;
            align-items:center;
            justify-content:center;
            color:var(--proda-blue-dark);
            font-size:.9rem;
            flex-shrink:0;
        }

        .search-input .form-control{
            border:none;
            background:transparent;
            box-shadow:none !important;
            font-size:.88rem;
            padding:.58rem .8rem .58rem 0;
            color:var(--proda-text);
        }

        .search-input .form-control::placeholder{
            color:#94a3b8;
        }

        .search-kbd{
            margin-right:.6rem;
            padding:.18rem .42rem;
            border:1px solid #e2e8f0;
            border-radius:.45rem;
            background:#fff;
            color:var(--proda-muted);
            font-size:.67rem;
            font-weight:600;
            line-height:1;
            white-space:nowrap;
            box-shadow:0 2px 8px rgba(15,23,42,.03);
        }

        .user-chip{
            display:flex;
            align-items:center;
            gap:.5rem;
            border-radius:999px;
            padding:.2rem .6rem;
            border:1px solid var(--proda-border);
            background:#fff;
            font-size:.8rem;
            max-width:100%;
        }

        .user-chip-wrap{
            position:relative;
        }

        .user-chip-btn{
            border:none;
            background:transparent;
            padding:0;
            border-radius:999px;
        }

        .user-chip-btn:focus{
            outline:none;
            box-shadow:none;
        }

        .user-chip-btn:focus-visible .user-chip,
        .user-chip-btn:hover .user-chip{
            border-color:rgba(0,174,239,.28);
            box-shadow:0 8px 20px rgba(15,23,42,.06);
        }

        .user-menu{
            min-width:260px;
            border:none;
            border-radius:1rem;
            padding:.45rem;
            box-shadow:0 18px 40px rgba(15,23,42,.14);
            margin-top:.65rem !important;
        }

        .user-menu-header{
            padding:.7rem .8rem .8rem;
            border-bottom:1px solid var(--proda-border);
            margin-bottom:.35rem;
        }

        .user-menu-name{
            font-size:.9rem;
            font-weight:700;
            color:var(--proda-text);
            line-height:1.2;
        }

        .user-menu-role{
            font-size:.75rem;
            color:var(--proda-muted);
            margin-top:.15rem;
        }

        .user-menu .dropdown-item{
            border-radius:.75rem;
            font-size:.84rem;
            padding:.62rem .8rem;
            display:flex;
            align-items:center;
            gap:.6rem;
            color:var(--proda-text);
        }

        .user-menu .dropdown-item i{
            width:16px;
            text-align:center;
            color:var(--proda-muted);
        }

        .user-menu .dropdown-item:hover{
            background:#f8fafc;
        }

        .user-menu .dropdown-divider{
            margin:.35rem 0;
        }

        .user-chip-avatar{
            width:26px;
            height:26px;
            border-radius:999px;
            background:var(--proda-blue);
            display:flex;
            align-items:center;
            justify-content:center;
            color:#fff;
            font-weight:600;
            font-size:.8rem;
            flex-shrink:0;
        }
        .notify-switches{
            display:flex;
            align-items:center;
            gap:.55rem;
            flex-wrap:wrap;
            min-width:0;
        }

        .notify-switch{
            display:inline-flex;
            align-items:center;
            gap:.45rem;
            padding:.3rem .55rem;
            border:1px solid var(--proda-border);
            border-radius:999px;
            background:#fff;
            font-size:.72rem;
            color:var(--proda-text);
            line-height:1;
        }

        .notify-switch .form-check-input{
            width:2.15rem;
            height:1.15rem;
            margin:0;
            cursor:pointer;
            box-shadow:none;
        }

        .notify-switch .form-check-input:checked{
            background-color:var(--proda-blue);
            border-color:var(--proda-blue);
        }

        .notify-switch .notify-label{
            display:inline-flex;
            align-items:center;
            gap:.3rem;
            font-weight:500;
            white-space:nowrap;
        }

        .apps-menu-wrap{
            position:relative;
        }

        .apps-btn{
            width:34px;
            height:34px;
            border-radius:10px;
            border:1px solid var(--proda-border);
            background:#fff;
            color:var(--proda-text);
            display:inline-flex;
            align-items:center;
            justify-content:center;
            transition:.18s ease;
            box-shadow:0 1px 2px rgba(15,23,42,.03);
        }

        .apps-btn:hover,
        .apps-btn:focus,
        .apps-btn.show{
            background:#f8fafc;
            color:var(--proda-blue-dark);
            border-color:rgba(0,174,239,.22);
            box-shadow:0 8px 20px rgba(15,23,42,.06);
        }

        .apps-menu{
            width:420px;
            max-width:min(420px, calc(100vw - 24px));
            border:none;
            border-radius:1rem;
            padding:.55rem;
            box-shadow:0 20px 44px rgba(15,23,42,.14);
            margin-top:.7rem !important;
        }

        .apps-menu-header{
            padding:.45rem .55rem .7rem;
            border-bottom:1px solid var(--proda-border);
            margin-bottom:.45rem;
        }

        .apps-menu-title{
            font-size:.86rem;
            font-weight:700;
            color:var(--proda-text);
            margin-bottom:.12rem;
        }

        .apps-menu-subtitle{
            font-size:.74rem;
            color:var(--proda-muted);
        }

        .topbar-balance{
            display:inline-flex;
            align-items:center;
            gap:.7rem;
            min-height:34px;
            padding:.42rem .72rem;
            border:1px solid rgba(0,174,239,.16);
            border-radius:999px;
            background:linear-gradient(135deg,#ffffff 0%, #f6fbff 100%);
            box-shadow:0 6px 18px rgba(15,23,42,.04);
            white-space:nowrap;
            min-width:0;
        }

        .topbar-balance-icon{
            width:28px;
            height:28px;
            border-radius:999px;
            background:linear-gradient(135deg, rgba(0,174,239,.14), rgba(245,158,11,.14));
            color:var(--proda-blue-dark);
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:.78rem;
            flex-shrink:0;
        }

        .topbar-balance-text{
            display:flex;
            flex-direction:column;
            line-height:1.1;
        }

        .topbar-balance-label{
            font-size:.62rem;
            font-weight:700;
            letter-spacing:.04em;
            text-transform:uppercase;
            color:var(--proda-muted);
            margin-bottom:.12rem;
        }

        .topbar-balance-value{
            font-size:.79rem;
            font-weight:700;
            color:var(--proda-text);
        }

        .topbar-balance-value span{
            color:var(--proda-blue-dark);
        }

        .apps-grid{
            display:grid;
            grid-template-columns:repeat(3, minmax(0,1fr));
            border:1px solid #eef2f7;
            border-radius:.9rem;
            overflow:hidden;
            background:#fff;
        }

        .app-link{
            min-height:104px;
            padding:.9rem .55rem;
            display:flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
            gap:.55rem;
            text-align:center;
            color:var(--proda-text);
            background:#fff;
            border-right:1px solid #eef2f7;
            border-bottom:1px solid #eef2f7;
            transition:.18s ease;
        }

        .app-link:nth-child(3n){
            border-right:none;
        }

        .app-link:nth-last-child(-n+3){
            border-bottom:none;
        }

        .app-link:hover{
            background:#f8fbff;
            color:var(--proda-blue-dark);
        }

        .app-link-icon{
            width:42px;
            height:42px;
            border-radius:14px;
            background:linear-gradient(135deg, rgba(0,174,239,.12), rgba(245,158,11,.12));
            color:var(--proda-blue-dark);
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:1rem;
            flex-shrink:0;
        }

        .app-link-name{
            font-size:.76rem;
            font-weight:600;
            line-height:1.35;
        }

        .content-wrapper{padding:1.25rem 1.5rem 1.75rem;}

        .table-responsive{
            -webkit-overflow-scrolling:touch;
        }

        .page-title{
            font-size:1.25rem;
            font-weight:600;
        }

        .page-subtitle{
            font-size:.85rem;
            color:var(--proda-muted);
        }

        .card-proda{
            background:var(--proda-card);
            border:1px solid var(--proda-border);
            border-radius:.9rem;
            box-shadow:var(--proda-shadow);
        }

        .card-proda .card-header{
            border-bottom:1px solid var(--proda-border);
            padding:.6rem 1rem;
            background:#fff;
            border-top-left-radius:.9rem;
            border-top-right-radius:.9rem;
        }

        .card-proda .card-body{
            padding:.8rem 1rem 1rem;
            font-size:.85rem;
        }

        .stat-card{
            background:var(--proda-card);
            border-radius:.9rem;
            border:1px solid var(--proda-border);
            padding:.8rem .95rem;
            display:flex;
            justify-content:space-between;
            align-items:flex-start;
            box-shadow:var(--proda-shadow);
            font-size:.85rem;
            min-height:104px;
        }

        .stat-label{
            font-size:.8rem;
            color:var(--proda-muted);
        }

        .stat-value{
            font-size:1.45rem;
            font-weight:600;
            line-height:1.2;
        }

        .stat-pill{
            display:inline-flex;
            align-items:center;
            gap:.25rem;
            padding:.12rem .52rem;
            border-radius:999px;
            background:#dcfce7;
            color:#166534;
            font-size:.68rem;
            white-space:nowrap;
        }

        .stat-pill.warning{background:#fef3c7;color:#92400e;}
        .stat-pill.danger{background:#fee2e2;color:#b91c1c;}
        .stat-pill.info{background:#dbeafe;color:#1d4ed8;}

        .stat-icon{
            width:32px;
            height:32px;
            border-radius:999px;
            background:#f1f5f9;
            display:flex;
            align-items:center;
            justify-content:center;
            color:#64748b;
            margin-left:auto;
        }

        .table-proda{
            font-size:.8rem;
            margin-bottom:0;
        }

        .table-proda thead{
            background:#f9fafb;
            color:#6b7280;
        }

        .table-proda thead th{
            border-bottom:1px solid var(--proda-border);
            font-weight:600;
            white-space:nowrap;
        }

        .table-proda tbody td{
            vertical-align:middle;
            border-color:var(--proda-border);
        }

        .table-proda tbody tr:hover{background:#f9fafb;}

        .badge-soft{
            border-radius:999px;
            font-size:.7rem;
            padding:.15rem .6rem;
            display:inline-flex;
            align-items:center;
            white-space:nowrap;
        }

        .badge-soft-success{background:#dcfce7;color:#166534;}
        .badge-soft-warning{background:#fef9c3;color:#854d0e;}
        .badge-soft-danger{background:#fee2e2;color:#b91c1c;}
        .badge-soft-info{background:#dbeafe;color:#1d4ed8;}
        .badge-soft-secondary{background:#f1f5f9;color:#475569;}

        .quick-action{
            border:1px solid var(--proda-border);
            background:#fff;
            color:var(--proda-text);
            font-size:.8rem;
            font-weight:500;
            border-radius:.7rem;
            padding:.48rem .82rem;
            min-height:40px;
            display:inline-flex;
            align-items:center;
            gap:.45rem;
            box-shadow:0 1px 2px rgba(15,23,42,.03);
        }

        .quick-action:hover{
            background:#f8fafc;
            color:var(--proda-text);
        }

        .quick-action-domain{
            border-color:rgba(0,174,239,.22);
            background:linear-gradient(135deg,#ffffff 0%, #f6fbff 100%);
            color:var(--proda-blue-dark);
        }

        .quick-action-domain:hover{
            background:linear-gradient(135deg,#f7fcff 0%, #eef8ff 100%);
            color:var(--proda-blue-dark);
        }

        .domain-modal .modal-content{
            border:none;
            border-radius:1.1rem;
            overflow:hidden;
            box-shadow:0 24px 60px rgba(15,23,42,.18);
        }

        .domain-modal .modal-header{
            border-bottom:1px solid rgba(226,232,240,.9);
            padding:1rem 1.1rem;
            background:linear-gradient(135deg,#ffffff 0%, #f8fbff 100%);
        }

        .domain-modal .modal-title{
            font-size:1rem;
            font-weight:700;
            display:flex;
            align-items:center;
            gap:.65rem;
        }

        .domain-modal .modal-title-icon{
            width:38px;
            height:38px;
            border-radius:12px;
            background:linear-gradient(135deg, rgba(0,174,239,.16), rgba(245,158,11,.16));
            color:var(--proda-blue-dark);
            display:inline-flex;
            align-items:center;
            justify-content:center;
            flex-shrink:0;
        }

        .domain-modal .modal-body{
            padding:1.15rem;
            background:linear-gradient(180deg,#fbfdff 0%, #ffffff 100%);
        }

        .domain-modal .modal-subtitle{
            font-size:.84rem;
            color:var(--proda-muted);
            margin-bottom:1rem;
        }

        .domain-modal .domain-form-row{
            max-width:none;
            margin:0;
        }

        .domain-modal-hint{
            margin-top:.9rem;
            display:flex;
            align-items:center;
            gap:.55rem;
            font-size:.8rem;
            color:var(--proda-muted);
        }

        .domain-modal-hint i{
            color:var(--proda-orange);
        }

        .domain-box{
            position:relative;
            max-width:1080px;
            margin:0 auto 1rem;
            background:linear-gradient(135deg,#ffffff 0%, #fbfdff 100%);
            border:1px solid rgba(0,174,239,.14);
            border-radius:1.1rem;
            box-shadow:0 10px 30px rgba(15,23,42,.06);
            padding:1.1rem 1.1rem 1rem;
            overflow:hidden;
        }

        .domain-box::before{
            content:"";
            position:absolute;
            inset:0;
            background:
                radial-gradient(circle at top right, rgba(0,174,239,.13), transparent 28%),
                radial-gradient(circle at bottom left, rgba(245,158,11,.10), transparent 24%);
            pointer-events:none;
        }

        .domain-box > *{
            position:relative;
            z-index:1;
        }

        .domain-header{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:1rem;
            margin-bottom:.95rem;
            flex-wrap:wrap;
        }

        .domain-title-wrap{
            display:flex;
            align-items:center;
            gap:.85rem;
        }

        .domain-icon{
            width:46px;
            height:46px;
            border-radius:14px;
            background:linear-gradient(135deg, rgba(0,174,239,.16), rgba(245,158,11,.16));
            color:var(--proda-blue-dark);
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:1.05rem;
            box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);
            flex-shrink:0;
        }

        .domain-title{
            font-size:1rem;
            font-weight:700;
            margin-bottom:.15rem;
            color:var(--proda-text);
        }

        .domain-subtitle{
            font-size:.8rem;
            color:var(--proda-muted);
            margin:0;
        }

        .domain-badge{
            display:inline-flex;
            align-items:center;
            gap:.35rem;
            padding:.45rem .75rem;
            border-radius:999px;
            background:rgba(255,255,255,.85);
            border:1px solid rgba(0,174,239,.14);
            color:var(--proda-blue-dark);
            font-size:.75rem;
            font-weight:600;
            box-shadow:0 6px 18px rgba(15,23,42,.04);
        }

        .domain-form-row{
            max-width:920px;
            margin:0 auto;
            background:rgba(255,255,255,.88);
            border:1px solid rgba(226,232,240,.95);
            border-radius:1rem;
            padding:.55rem;
            box-shadow:0 10px 24px rgba(15,23,42,.04);
        }

        .domain-search-group{
            display:flex;
            align-items:center;
            gap:.6rem;
            background:#fff;
            border:1px solid #d9e2ec;
            border-radius:.9rem;
            padding:.35rem;
            box-shadow:none;
        }

        .domain-search-group:focus-within{
            border-color:rgba(0,174,239,.45);
            box-shadow:0 0 0 .2rem rgba(0,174,239,.10) !important;
        }

        .domain-field{
            height:48px;
            border:none;
            border-radius:.8rem;
            background:transparent;
            font-size:.92rem;
            box-shadow:none !important;
            padding-left:.95rem;
            padding-right:.25rem;
        }

        .domain-field:focus{
            border:none;
            box-shadow:none !important;
            background:transparent;
        }

        .domain-submit{
            height:48px;
            min-width:150px;
            border:none;
            border-radius:.8rem;
            background:linear-gradient(135deg,var(--proda-blue-dark),var(--proda-blue));
            color:#fff;
            font-weight:600;
            box-shadow:0 10px 22px rgba(0,114,255,.22);
            padding:0 1rem;
            flex-shrink:0;
        }

        .domain-help{
            display:flex;
            align-items:center;
            gap:.55rem;
            font-size:.8rem;
            color:var(--proda-muted);
            padding-left:.2rem;
        }

        .domain-help i{
            color:var(--proda-orange);
        }

        .domain-results{
            max-width:920px;
            margin:1rem auto 0;
        }

        .domain-results.is-hidden{
            display:none;
        }

        .domain-results-status{
            display:flex;
            align-items:center;
            justify-content:center;
            gap:.6rem;
            min-height:72px;
            padding:1rem 1.1rem;
            border:1px dashed #d7e1ec;
            border-radius:1rem;
            background:#fbfdff;
            color:var(--proda-muted);
            font-size:.88rem;
            text-align:center;
        }

        .domain-results-status.is-error{
            border-color:#fecdd3;
            background:#fff7f8;
            color:#be123c;
        }

        .domain-results-list{
            display:flex;
            flex-direction:column;
            gap:.8rem;
        }

        .domain-result-item{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:1rem;
            padding:1rem 1.05rem;
            border-radius:1rem;
            border:1px solid rgba(0,174,239,.12);
            background:linear-gradient(135deg,#ffffff 0%, #fbfdff 100%);
            box-shadow:0 10px 24px rgba(15,23,42,.05);
        }

        .domain-result-item.is-available{
            border-color:rgba(22,163,74,.18);
        }

        .domain-result-item.is-unavailable{
            border-color:rgba(239,68,68,.14);
        }

        .domain-result-main{
            min-width:0;
        }

        .domain-result-name{
            display:flex;
            align-items:center;
            flex-wrap:wrap;
            gap:.55rem;
            font-size:1rem;
            font-weight:700;
            color:var(--proda-text);
            margin-bottom:.35rem;
        }

        .domain-result-custom{
            display:inline-flex;
            align-items:center;
            padding:.25rem .55rem;
            border-radius:999px;
            background:rgba(0,174,239,.1);
            color:var(--proda-blue-dark);
            font-size:.7rem;
            font-weight:700;
        }

        .domain-result-meta{
            display:flex;
            align-items:center;
            flex-wrap:wrap;
            gap:.55rem;
        }

        .domain-result-badge{
            display:inline-flex;
            align-items:center;
            gap:.35rem;
            padding:.36rem .65rem;
            border-radius:999px;
            font-size:.75rem;
            font-weight:700;
        }

        .domain-result-badge.is-available{
            background:rgba(22,163,74,.12);
            color:#15803d;
        }

        .domain-result-badge.is-unavailable{
            background:rgba(239,68,68,.12);
            color:#dc2626;
        }

        .domain-result-note{
            color:var(--proda-muted);
            font-size:.76rem;
        }

        .domain-result-side{
            text-align:right;
            flex-shrink:0;
        }

        .domain-result-price{
            font-size:1rem;
            font-weight:800;
            color:var(--proda-text);
            margin-bottom:.2rem;
        }

        .domain-result-reason{
            color:var(--proda-muted);
            font-size:.75rem;
        }

        .summary-list li{margin-bottom:.45rem;}
        .summary-list li:last-child{margin-bottom:0;}

        @media (max-width: 991.98px){
            .sidebar{
                position:fixed;
                left:-300px;
                top:0;
                bottom:0;
                width:300px;
                height:100vh;
                z-index:1045;
                transition:left .24s ease;
                box-shadow:0 20px 40px rgba(15,23,42,.14);
            }

            .sidebar.show{
                left:0;
            }

            .search-input{
                width:280px;
            }
        }

        @media (max-width: 1199.98px){
            .topbar{
                padding:.7rem 1rem;
                gap:.6rem;
            }

            .topbar > .d-flex:first-child{
                flex:1 1 260px;
            }

            .topbar > .d-flex:last-child{
                flex:0 1 auto;
                justify-content:flex-end;
                flex-wrap:nowrap !important;
            }

            .topbar-balance{
                display:none;
            }

            .search-input{
                width:min(320px, 100%);
            }

            .notify-switches{
                gap:.35rem;
            }

            .notify-switch{
                padding:.24rem .45rem;
            }

            .user-chip{
                padding:.18rem .45rem;
                gap:.4rem;
            }

            .user-chip > div > .text-muted{
                display:none;
            }

            .sidebar{
                width:280px;
            }
        }

        @media (max-width: 991.98px){
            .topbar{
                align-items:flex-start;
                padding:.85rem 1.1rem;
            }

            .topbar > .d-flex:first-child,
            .topbar > .d-flex:last-child{
                flex:1 1 100%;
            }

            .topbar > .d-flex:last-child{
                flex-wrap:wrap !important;
            }

            .notify-switches{
                display:none;
            }
        }

        @media (max-width: 767.98px){
            .sidebar{
                width:300px;
                left:-300px;
            }
            .domain-box{
                padding:.95rem;
            }

            .domain-title-wrap{
                align-items:flex-start;
            }

            .domain-icon{
                width:42px;
                height:42px;
            }

            .domain-form-row{
                padding:.45rem;
            }

            .domain-search-group{
                flex-direction:column;
                align-items:stretch;
                gap:.45rem;
            }

            .domain-submit{
                width:100%;
                min-width:0;
            }

            .domain-help{
                font-size:.76rem;
            }

            .domain-result-item{
                flex-direction:column;
                align-items:flex-start;
            }

            .domain-result-side{
                text-align:left;
            }

            .search-input{
                width:100%;
            }

            .search-kbd{
                display:none;
            }

            .apps-menu{
                width:min(420px, calc(100vw - 20px));
            }

            .topbar-balance{
                display:none;
            }

            .apps-grid{
                grid-template-columns:repeat(2, minmax(0,1fr));
            }

            .app-link:nth-child(3n){
                border-right:1px solid #eef2f7;
            }

            .app-link:nth-child(2n){
                border-right:none;
            }

            .app-link:nth-last-child(-n+3){
                border-bottom:1px solid #eef2f7;
            }

            .app-link:nth-last-child(-n+2){
                border-bottom:none;
            }
        }