.sidebar{z-index:200;box-sizing:border-box;color:#fff;background:#0e4a63;flex-direction:column;width:250px;height:100vh;min-height:100vh;padding:24px 14px 18px;transition:background .3s,width .3s,box-shadow .3s;display:flex;position:fixed;top:0;left:0}.sidebar.dark{background:#111c25}.sidebar-brand{box-sizing:border-box;border-bottom:1px solid #ffffff1f;flex-direction:column;justify-content:center;height:66px;padding:3px 12px 20px;display:flex}.sidebar-brand-name{color:#fff;letter-spacing:-.5px;font-size:23px;font-weight:800;line-height:1}.sidebar-brand-subtitle{color:#8fc4d1;letter-spacing:1.4px;margin-top:7px;font-size:9px;font-weight:800;line-height:1}.sidebar-nav{flex-direction:column;gap:7px;margin-top:23px;display:flex}.sidebar-item{box-sizing:border-box;color:#d8e9ee;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:48px;padding:0 12px;font-size:12.5px;font-weight:550;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex;position:relative}.sidebar-icon{color:#b9d7df;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;line-height:1;display:flex}.sidebar-label{white-space:normal;flex:1;line-height:1.25}.active-indicator{opacity:0;background:#fff;border-radius:4px;width:3px;height:0;transition:height .2s,opacity .2s;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.sidebar-item:hover{color:#fff;background:#ffffff17;transform:translate(2px)}.sidebar-item:hover .sidebar-icon{color:#fff}.sidebar-item.active{color:#fff;background:#1ab0b7;font-weight:700;box-shadow:0 5px 14px #00000021}.sidebar-item.active .sidebar-icon{color:#fff;background:#ffffff1f}.sidebar-item.active .active-indicator{opacity:1;height:24px}.sidebar.dark .sidebar-item{color:#b9cbd3}.sidebar.dark .sidebar-icon{color:#8ea9b5}.sidebar.dark .sidebar-item:hover{color:#fff;background:#ffffff12}.sidebar.dark .sidebar-item.active{color:#fff;background:#1ab0b7}.sidebar-footer{margin-top:auto;padding:15px 8px 2px}.sidebar-footer-line{background:#ffffff1f;width:100%;height:1px;margin-bottom:14px}.sidebar-footer-brand{flex-direction:column;gap:3px;padding-left:5px;display:flex}.sidebar-footer-brand strong{color:#d9edf2;font-size:11px;font-weight:700}.sidebar-footer-brand span{color:#82adba;font-size:10px}.sidebar.dark .sidebar-footer-line{background:#ffffff17}.sidebar.dark .sidebar-footer-brand strong{color:#d4e2e8}.sidebar.dark .sidebar-footer-brand span{color:#718b98}@media (width<=1100px){.sidebar{width:220px}.sidebar-item{font-size:12px}}@media (width<=700px){.sidebar{width:68px;padding:17px 9px}.sidebar-brand{align-items:center;height:50px;padding:0}.sidebar-brand-name{font-size:17px}.sidebar-brand-subtitle{margin-top:4px;font-size:6px}.sidebar-nav{gap:8px;margin-top:20px}.sidebar-item{justify-content:center;gap:0;width:50px;min-height:46px;padding:0}.sidebar-label{display:none}.sidebar-icon{width:24px;height:24px}.active-indicator{right:2px}.sidebar-footer{display:none}}.header{z-index:100;box-sizing:border-box;background:#fff;border-bottom:1px solid #e3ecef;align-items:center;gap:25px;width:100%;min-height:82px;padding:0 32px;transition:background .3s,border-color .3s;display:flex;position:sticky;top:0}.header.dark{background:#1e2a36;border-color:#2e3d49}.header-left{flex-shrink:0;align-items:center;gap:12px;min-width:245px;display:flex}.header-logo{box-sizing:border-box;background:#fff;border:1px solid #e0eaee;border-radius:10px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.header-logo img{object-fit:contain;object-position:center;box-sizing:border-box;background:#fff;width:100%;height:100%;padding:5px;display:block}.header.dark .header-logo{background:#fff;border-color:#fff}.header.dark .header-logo img{background:#fff}.header-title{min-width:0}.brand-name-row{align-items:center;gap:9px;display:flex}.header h1{color:#1d2e39;letter-spacing:-.2px;margin:0;font-size:22px;font-weight:750;line-height:1.1}.header.dark h1{color:#eef5f9}.admin-badge{box-sizing:border-box;color:#138a91;letter-spacing:.7px;background:#e8f6f7;border-radius:5px;justify-content:center;align-items:center;height:19px;padding:0 7px;font-size:9px;font-weight:800;display:inline-flex}.header.dark .admin-badge{color:#77d2d5;background:#21474c}.header p{color:#71828c;white-space:nowrap;margin:5px 0 0;font-size:12px;line-height:1.3}.header.dark p{color:#9aabb6}.header-client-search{flex:1;min-width:260px;max-width:500px;margin:0 auto;position:relative}.client-search-box{box-sizing:border-box;background:#fff;border:1px solid #dce6ea;border-radius:10px;align-items:center;width:100%;height:42px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;overflow:hidden}.client-search-box:focus-within{border-color:#1ab0b7;box-shadow:0 0 0 3px #1ab0b71f}.header.dark .client-search-box{background:#2b3a46;border-color:#3d4d5a}.header.dark .client-search-box:focus-within{border-color:#1ab0b7;box-shadow:0 0 0 3px #1ab0b71f}.client-search-icon{color:#71828c;flex-shrink:0;justify-content:center;align-items:center;width:42px;font-size:21px;line-height:1;display:flex}.header.dark .client-search-icon{color:#a9bac4}.client-search-box input{color:#1d2e39;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;height:100%;padding:0;font-family:inherit;font-size:13px}.client-search-box input::placeholder{color:#93a2aa}.header.dark .client-search-box input{color:#eef5f9}.header.dark .client-search-box input::placeholder{color:#80939e}.client-search-loader{flex-shrink:0;justify-content:center;align-items:center;width:32px;display:flex}.header-search-spinner{border:2px solid #dce9ed;border-top-color:#1ab0b7;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite headerSearchSpin}@keyframes headerSearchSpin{to{transform:rotate(360deg)}}.client-search-clear{color:#7d8d95;cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-right:4px;font-size:20px;line-height:1;transition:background .15s,color .15s;display:flex}.client-search-clear:hover{color:#d04444;background:#edf4f5}.header.dark .client-search-clear{color:#9caeb7}.header.dark .client-search-clear:hover{color:#f77;background:#344752}.client-search-results{z-index:999;background:#fff;border:1px solid #dce7eb;border-radius:12px;animation:.16s clientSearchDrop;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 14px 35px #11374624}@keyframes clientSearchDrop{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.client-result-list{scrollbar-width:thin;scrollbar-color:#c8d9de transparent;max-height:430px;overflow-y:auto}.client-result-list::-webkit-scrollbar{width:5px}.client-result-list::-webkit-scrollbar-track{background:0 0}.client-result-list::-webkit-scrollbar-thumb{background:#c8d9de;border-radius:10px}.client-result-item{box-sizing:border-box;text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #edf2f4;align-items:center;gap:12px;width:100%;min-height:78px;padding:11px 13px;font-family:inherit;transition:background .15s;display:flex}.client-result-item:last-child{border-bottom:none}.client-result-item:hover{background:#f2f9fa}.client-result-item:focus-visible{background:#eef8f9;outline:none;box-shadow:inset 0 0 0 2px #1ab0b740}.client-result-logo{box-sizing:border-box;color:#0e4a63;background:#e8f7f7;border:1px solid #d7ecee;border-radius:9px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:800;display:flex;position:relative;overflow:hidden}.client-result-logo img{object-fit:contain;object-position:center;box-sizing:border-box;z-index:2;background:#fff;width:100%;height:100%;padding:4px;display:block;position:absolute;inset:0}.client-logo-fallback{z-index:1;color:#0e4a63;background:#e8f7f7;justify-content:center;align-items:center;width:100%;height:100%;font-size:15px;font-weight:800;line-height:1;display:flex;position:absolute;inset:0}.client-result-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.client-result-name{align-items:center;gap:8px;min-width:0;display:flex}.client-result-name strong{color:#1d333e;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;font-weight:750;line-height:1.25;overflow:hidden}.client-result-name span{color:#8a9aa2;white-space:nowrap;flex-shrink:0;font-size:9px}.client-result-info>small{color:#6e828c;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:10px;line-height:1.2;overflow:hidden}.client-result-meta{align-items:center;gap:9px;min-width:0;display:flex}.client-result-meta span{color:#8a9aa2;white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:9px;overflow:hidden}.client-result-balance{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.client-result-balance small{color:#8999a1;font-size:8px;line-height:1}.client-result-balance strong{color:#16aaa8;white-space:nowrap;font-size:11px;font-weight:800}.client-search-status{box-sizing:border-box;color:#72858e;text-align:center;justify-content:center;align-items:center;gap:9px;min-height:70px;padding:15px;font-size:11px;display:flex}.client-search-status.error{color:#c34c4c;background:#fff7f7}.status-error-icon{font-size:14px}.client-search-status.no-result{text-align:left;justify-content:flex-start}.no-result-icon{color:#0e4a63;background:#edf6f7;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:17px;display:flex}.client-search-status>div{flex-direction:column;gap:3px;min-width:0;display:flex}.client-search-status strong{color:#334852;font-size:11px}.client-search-status small{color:#87979f;font-size:9px;line-height:1.3}.mini-search-spinner{border:2px solid #dce9ed;border-top-color:#1ab0b7;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.7s linear infinite searchSpinner}@keyframes searchSpinner{to{transform:rotate(360deg)}}.header.dark .client-search-results{background:#202f3a;border-color:#40525e;box-shadow:0 15px 35px #00000047}.header.dark .client-result-item{background:#202f3a;border-color:#354956}.header.dark .client-result-item:hover{background:#293b47}.header.dark .client-result-item:focus-visible{background:#2a3e4a}.header.dark .client-result-logo{color:#7bd4d6;background:#29434a;border-color:#3a5960}.header.dark .client-result-logo img{background:#fff}.header.dark .client-logo-fallback{color:#7bd4d6;background:#29434a}.header.dark .client-result-name strong{color:#edf5f8}.header.dark .client-result-name span{color:#91a5af}.header.dark .client-result-info>small{color:#a0b2bb}.header.dark .client-result-meta span{color:#879ba5}.header.dark .client-result-balance small{color:#8fa3ad}.header.dark .client-result-balance strong{color:#55d1cf}.header.dark .client-search-status{color:#a4b5bd;background:#202f3a}.header.dark .client-search-status.error{color:#f99;background:#3b282c}.header.dark .client-search-status strong{color:#e4edf0}.header.dark .client-search-status small{color:#8fa2ac}.header.dark .no-result-icon{color:#7bd4d6;background:#294149}.header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.dark-mode-btn,.logout-btn{box-sizing:border-box;color:#253740;cursor:pointer;background:#fff;border:1px solid #dce6ea;border-radius:9px;height:42px;font-family:inherit;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}.dark-mode-btn:hover,.logout-btn:hover{background:#f5f9fa;border-color:#c8d9de}.dark-mode-btn:focus-visible,.logout-btn:focus-visible{border-color:#1ab0b7;outline:none;box-shadow:0 0 0 3px #1ab0b71f}.header.dark .dark-mode-btn,.header.dark .logout-btn{color:#edf5f8;background:#2b3a46;border-color:#3d4d5a}.header.dark .dark-mode-btn:hover,.header.dark .logout-btn:hover{background:#334752;border-color:#526571}.dark-mode-btn{justify-content:space-between;align-items:center;gap:9px;min-width:148px;padding:0 11px;display:flex}.mode-icon{color:#0e4a63;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:18px;line-height:1;display:flex}.header.dark .mode-icon{color:#f2c45d}.mode-text{text-align:left;color:inherit;white-space:nowrap;flex:1;font-size:12px;font-weight:650}.toggle{box-sizing:border-box;background:#1ab0b7;border-radius:20px;flex-shrink:0;align-items:center;width:38px;height:20px;padding:2px;transition:background .25s;display:flex}.toggle.dark{background:#4c5c6a}.toggle-ball{background:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;transition:transform .25s;transform:translate(0);box-shadow:0 1px 4px #00000026}.toggle-ball.dark{transform:translate(18px)}.header-divider{background:#e0e9ec;flex-shrink:0;width:1px;height:27px}.header.dark .header-divider{background:#3b4b57}.logout-btn{color:#0e4a63;justify-content:center;align-items:center;gap:7px;min-width:92px;padding:0 13px;font-size:12px;font-weight:700;display:flex}.logout-btn:hover{color:#d04545}.header.dark .logout-btn{color:#edf5f8}.header.dark .logout-btn:hover{color:#ff8585}.logout-icon{justify-content:center;align-items:center;font-size:19px;line-height:1;display:inline-flex;transform:rotate(180deg)}@media (width<=1200px){.header{gap:18px;padding:0 20px}.header-left{min-width:220px}.header-client-search{max-width:420px}.header p{display:none}}@media (width<=1050px){.header{gap:14px}.header-left{min-width:200px}.header-client-search{min-width:220px;max-width:360px}.dark-mode-btn{justify-content:center;width:50px;min-width:50px;padding:0}.mode-text{display:none}}@media (width<=900px){.header{gap:10px;padding:0 16px}.header-left{min-width:auto}.header-client-search{min-width:180px;max-width:360px}.dark-mode-btn{width:42px;min-width:42px}.logout-btn{width:42px;min-width:42px;padding:0}.logout-btn span:last-child{display:none}}@media (width<=700px){.header{gap:8px;height:70px;min-height:70px;padding:0 12px}.header-logo{border-radius:9px;flex:0 0 38px;width:38px;height:38px}.header-logo img{padding:3px}.header h1{font-size:18px}.admin-badge{display:none}.header-client-search{flex:1;min-width:0;max-width:none}.client-search-box{border-radius:9px;height:38px}.client-search-icon{width:34px;font-size:18px}.client-search-box input{font-size:11px}.client-search-results{border-radius:12px;width:auto;max-width:none;position:fixed;top:76px;left:10px;right:10px}.client-result-item{min-height:70px;padding:10px 11px}.client-result-logo{flex-basis:38px;width:38px;height:38px}.client-result-logo img{padding:3px}.client-logo-fallback{font-size:13px}.client-result-meta,.client-result-balance{display:none}.client-result-name strong{font-size:11px}.client-result-info>small{font-size:9px}.dark-mode-btn{width:40px;min-width:40px;height:38px;padding:0}.mode-icon{font-size:17px}.toggle,.mode-text{display:none}.header-divider{height:24px}.logout-btn{width:40px;min-width:40px;height:38px;padding:0}.logout-icon{font-size:18px}}@media (width<=480px){.header{gap:6px;padding:0 9px}.header-logo{flex-basis:36px;width:36px;height:36px}.header-logo img{padding:2px}.header-title{display:none}.header-client-search{min-width:0}.client-search-box{height:36px}.client-search-icon{width:30px}.client-search-box input{font-size:10px}.client-search-clear{width:30px;height:30px}.dark-mode-btn,.logout-btn{width:36px;min-width:36px;height:36px}.header-divider{display:none}.client-search-results{top:72px;left:8px;right:8px}.client-result-logo{flex-basis:36px;width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.header,.client-search-box,.dark-mode-btn,.logout-btn,.toggle,.toggle-ball,.client-search-clear{transition:none}.client-search-results,.mini-search-spinner,.header-search-spinner{animation:none}}.code-management{box-sizing:border-box;color:#1d2e39;background:#f3f7fa;width:100%;min-height:calc(100vh - 82px);padding:18px 34px 40px;transition:background .3s,color .3s}.code-management.dark{color:#eef5f9;background:#1a2631}.selected-client-card{box-sizing:border-box;background:#fff;border:1px solid #e0eaee;border-radius:16px;justify-content:space-between;align-items:center;gap:30px;width:100%;min-height:172px;padding:25px 27px;display:flex;box-shadow:0 3px 14px #123e4f0a}.code-management.dark .selected-client-card{box-shadow:none;background:#202f3a;border-color:#354956}.client-information{flex:1;min-width:0}.client-kicker{color:#647b86;letter-spacing:.3px;margin-bottom:9px;font-size:11px;font-weight:650;display:block}.code-management.dark .client-kicker{color:#9db1bb}.client-name-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.client-name-row h2{color:#182c38;margin:0;font-size:20px;font-weight:750}.code-management.dark .client-name-row h2{color:#f0f7fa}.client-id{color:#738791;font-size:13px}.code-management.dark .client-id{color:#9db0ba}.client-status{border-radius:6px;justify-content:center;align-items:center;padding:4px 9px;font-size:10px;font-weight:750;display:inline-flex}.client-status.active{color:#168357;background:#e6f7ee}.client-status.inactive{color:#ad7215;background:#fff4df}.client-status.cancelled{color:#bd4545;background:#fdeaea}.client-meta{flex-wrap:wrap;align-items:center;gap:8px 25px;margin-top:12px;display:flex}.client-meta span{color:#72848d;font-size:12px}.client-meta strong{color:#2b3d46;font-weight:700}.code-management.dark .client-meta span{color:#a0b2bb}.code-management.dark .client-meta strong{color:#dbe8ed}.view-client-btn{color:#0da2a9;cursor:pointer;background:0 0;border:none;margin-top:13px;padding:0;font-size:12px;font-weight:700}.view-client-btn:hover{color:#087f85}.view-client-btn span{margin-left:5px;font-size:17px}.client-balance{flex-direction:column;align-items:flex-end;min-width:235px;padding-right:2px;display:flex}.balance-title{color:#536b76;font-size:11px}.code-management.dark .balance-title{color:#a2b4bd}.client-balance strong{color:#16aaa8;margin-top:8px;font-size:25px;font-weight:800}.balance-eye{margin-left:8px;font-size:15px}.balance-label{color:#778992;margin-top:6px;font-size:11px}.code-management.dark .balance-label{color:#9cafb8}.selected-client-logo{box-sizing:border-box;color:#0e4a63;background:#fff;border:1px solid #d5ecee;border-radius:11px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;font-weight:800;display:flex;position:relative;overflow:hidden}.selected-client-logo img{object-fit:contain;object-position:center;box-sizing:border-box;z-index:2;background:#fff;width:100%;height:100%;padding:5px;display:block;position:absolute;inset:0}.selected-client-logo-fallback{color:#0e4a63;z-index:1;background:#e8f7f7;justify-content:center;align-items:center;width:100%;height:100%;font-size:17px;font-weight:800;line-height:1;display:flex;position:absolute;inset:0}.selected-client-secondary{color:#71828c;margin-top:4px;margin-left:58px;font-size:11px;font-weight:500}.code-management.dark .selected-client-secondary{color:#9aabb5}.client-empty-selection{align-items:center;gap:12px;margin-top:12px;display:flex}.client-empty-icon{background:#edf6f7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.code-management.dark .client-empty-icon{background:#294149}.client-empty-selection strong{color:#1d333e;font-size:13px;display:block}.code-management.dark .client-empty-selection strong{color:#edf5f8}.client-empty-selection p{color:#7b8b93;margin:4px 0 0;font-size:10px}.code-management.dark .client-empty-selection p{color:#94a7b0}.search-card{box-sizing:border-box;background:#fff;border:1px solid #e0eaee;border-radius:16px;width:100%;margin-top:18px;padding:30px 28px;box-shadow:0 3px 14px #123e4f0a}.code-management.dark .search-card{box-shadow:none;background:#202f3a;border-color:#354956}.search-heading{margin-bottom:25px}.section-kicker{color:#12a4ac;letter-spacing:1px;font-size:11px;font-weight:800}.search-heading h2{color:#172b37;margin:9px 0 7px;font-size:23px;font-weight:750}.code-management.dark .search-heading h2{color:#f0f7fa}.search-heading p{color:#758791;margin:0;font-size:13px}.code-management.dark .search-heading p{color:#9eafb8}.search-row{grid-template-columns:225px minmax(250px,1fr) 132px 117px;align-items:end;gap:14px;display:grid}.search-field{flex-direction:column;gap:8px;display:flex}.search-field label{color:#526b76;font-size:12px;font-weight:650}.code-management.dark .search-field label{color:#afc0c8}.search-field select,.search-field input,.details-input,.details-select{box-sizing:border-box;color:#253740;background:#fff;border:1px solid #dce7eb;border-radius:9px;outline:none;width:100%;height:52px;padding:0 15px;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.search-field input::placeholder,.details-input::placeholder{color:#9aa9b0}.search-field select:focus,.search-field input:focus,.details-input:focus,.details-select:focus{border-color:#1ab0b7;box-shadow:0 0 0 3px #1ab0b71a}.code-management.dark .search-field select,.code-management.dark .search-field input,.code-management.dark .details-input,.code-management.dark .details-select{color:#edf5f8;background:#263640;border-color:#40525e}.code-management.dark .search-field input::placeholder,.code-management.dark .details-input::placeholder{color:#7f939e}.search-btn,.clear-btn{cursor:pointer;border-radius:9px;height:52px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s,opacity .2s}.search-btn{color:#fff;background:#6f95a3;border:none}.search-btn:hover:not(:disabled){background:#5f8796}.search-btn:disabled{opacity:.55;cursor:not-allowed}.clear-btn{color:#253740;background:#fff;border:1px solid #dce6ea}.clear-btn:hover:not(:disabled){background:#f4f8f9}.code-management.dark .clear-btn{color:#edf5f8;background:#263640;border-color:#40525e}.code-management.dark .clear-btn:hover:not(:disabled){background:#2d414d}.code-management.dark .loading-box{color:#a8bac2;background:#202f3a;border-color:#354956}.spinner,.mini-spinner{border:3px solid #dce9ed;border-top-color:#1ab0b7;border-radius:50%;animation:.8s linear infinite spin;display:inline-block}.spinner{width:22px;height:22px}.mini-spinner{border-width:2px;width:15px;height:15px}@keyframes spin{to{transform:rotate(360deg)}}.code-management.dark .error-box{color:#ffb6b6;background:#38272b;border-color:#624048}.details-card{background:#fff;border:1px solid #e0eaee;border-radius:16px;margin-top:18px;padding:30px 28px;box-shadow:0 3px 14px #123e4f08}.code-management.dark .details-card{box-shadow:none;background:#202f3a;border-color:#354956}.details-header{border-bottom:1px solid #e8eef1;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:24px;display:flex}.code-management.dark .details-header{border-color:#354956}.details-header h2{color:#172b37;margin:8px 0 5px;font-size:23px;font-weight:750}.code-management.dark .details-header h2{color:#f0f7fa}.details-header p{color:#788b94;margin:0;font-size:13px}.code-management.dark .details-header p{color:#9eafb8}.status-badge{border-radius:20px;align-items:center;gap:7px;padding:7px 12px;font-size:11px;font-weight:750;display:inline-flex}.status-badge.active{color:#188658;background:#e8f8ef}.status-badge.inactive{color:#a97417;background:#fff4df}.status-badge.cancelled{color:#b94141;background:#fdeaea}.status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.details-section{border-bottom:1px solid #e8eef1;padding:27px 0}.code-management.dark .details-section{border-color:#354956}.section-title-row{justify-content:space-between;gap:20px;margin-bottom:20px;display:flex}.section-title-row h3{color:#20343e;margin:0 0 5px;font-size:16px;font-weight:750}.code-management.dark .section-title-row h3{color:#edf5f8}.section-title-row p{color:#7b8d95;margin:0;font-size:12px}.code-management.dark .section-title-row p{color:#98abb5}.details-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.detail-item{flex-direction:column;gap:8px;min-width:0;display:flex}.code-management.dark .detail-item label{color:#9eb0b9}.code-management.dark .detail-item strong{color:#e8f1f4}.theme-selected-layout{grid-template-columns:220px minmax(0,1fr);gap:25px;display:grid}.theme-preview-wrapper{flex-direction:column;gap:8px;display:flex}.preview-label{color:#6d818b;font-size:11px;font-weight:650}.code-management.dark .preview-label{color:#9eb0b9}.theme-image{background:#f6f9fa;border:1px solid #dce7eb;border-radius:10px;width:100%;height:145px;overflow:hidden}.code-management.dark .theme-image{background:#263640;border-color:#40525e}.theme-image img{object-fit:cover;width:100%;height:100%;display:block}.no-theme-image{color:#81939c;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.no-theme-image span{font-size:27px}.no-theme-image p{margin:7px 0 0;font-size:11px}.selected-theme-area{flex-direction:column;gap:22px;display:flex}.selected-theme-info{background:#f4f9fa;border:1px solid #e0ecef;border-radius:10px;padding:15px}.selected-theme-info span{color:#7a8e97;margin-bottom:6px;font-size:10px;display:block}.selected-theme-info strong{color:#193440;font-size:15px}.code-management.dark .selected-theme-info{background:#263640;border-color:#40525e}.code-management.dark .selected-theme-info span{color:#9eafb8}.code-management.dark .selected-theme-info strong{color:#edf5f8}.brand-count{color:#138e95;white-space:nowrap;background:#e8f7f7;border-radius:20px;padding:6px 11px;font-size:11px;font-weight:700}.code-management.dark .brand-count{color:#6ed8da;background:#214448}.loading-brands{color:#71858f;justify-content:center;align-items:center;gap:9px;min-height:70px;font-size:12px;display:flex}.code-management.dark .loading-brands{color:#a3b5be}.empty-brands{color:#7e919a;text-align:center;border:1px dashed #d8e4e8;border-radius:10px;padding:22px;font-size:12px}.code-management.dark .empty-brands{color:#9eb0b9;border-color:#40525e}.brand-checkbox-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.brand-checkbox-item{box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #dfe9ec;border-radius:10px;align-items:center;min-height:66px;padding:12px 35px 12px 13px;transition:border-color .2s,background .2s;display:flex;position:relative}.brand-checkbox-item:hover{border-color:#1ab0b7}.brand-checkbox-item.selected{background:#eefafa;border-color:#1ab0b7}.brand-checkbox-item.disabled{opacity:.55;cursor:not-allowed}.code-management.dark .brand-checkbox-item{background:#263640;border-color:#40525e}.code-management.dark .brand-checkbox-item:hover{border-color:#1ab0b7}.code-management.dark .brand-checkbox-item.selected{background:#214448;border-color:#1ab0b7}.brand-checkbox-item input{display:none}.brand-checkbox-content{flex-direction:column;gap:4px;display:flex}.brand-checkbox-content strong{color:#253943;font-size:12px}.code-management.dark .brand-checkbox-content strong{color:#edf5f8}.brand-checkbox-content span{color:#81929a;font-size:10px}.code-management.dark .brand-checkbox-content span{color:#9eb0b9}.check-mark{color:#1ab0b7;opacity:0;font-size:14px;font-weight:800;position:absolute;right:12px}.brand-checkbox-item.selected .check-mark{opacity:1}.selected-brands{margin-top:18px}.selected-brands>label{color:#6d818b;margin-bottom:8px;font-size:11px;font-weight:650;display:block}.code-management.dark .selected-brands>label{color:#9eb0b9}.brand-tags{flex-wrap:wrap;gap:7px;display:flex}.brand-tag{color:#148f96;background:#e8f7f7;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:650}.code-management.dark .brand-tag{color:#6ed8da;background:#214448}.no-brand-text{color:#8999a0;font-size:12px}.actions-section{padding-top:27px}.action-buttons{justify-content:space-between;align-items:center;gap:15px;display:flex}.secondary-actions{gap:10px;display:flex}.action-buttons button{cursor:pointer;border-radius:8px;min-height:42px;padding:0 16px;font-size:12px;font-weight:700;transition:filter .2s,opacity .2s}.action-buttons button:disabled{opacity:.55;cursor:not-allowed}.activate-btn{color:#fff;background:#19a56f;border:none}.deactivate-btn{color:#9a6d13;background:#fff8e9;border:1px solid #d7a844}.cancel-btn{color:#b84444;background:#fff5f5;border:1px solid #e5b4b4}.apply-btn{color:#fff;background:#1ab0b7;border:none;min-width:145px}.activate-btn:hover:not(:disabled),.apply-btn:hover:not(:disabled){filter:brightness(.95)}.deactivate-btn:hover:not(:disabled){background:#fff2d5}.cancel-btn:hover:not(:disabled){background:#ffebeb}.code-management.dark .deactivate-btn{color:#e7c66b;background:#3a3322;border-color:#80682d}.code-management.dark .cancel-btn{color:#ef9999;background:#3a282b;border-color:#704348}.empty-state{box-sizing:border-box;text-align:center;background:#fff;border:1px solid #e0eaee;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:230px;margin-top:18px;padding:35px;display:flex}.code-management.dark .empty-state{background:#202f3a;border-color:#354956}.empty-icon{margin-bottom:10px;font-size:45px}.empty-state h3{color:#20343e;margin:0;font-size:18px;font-weight:750}.code-management.dark .empty-state h3{color:#edf5f8}.empty-state p{color:#758892;max-width:580px;margin:9px 0 0;font-size:13px;line-height:1.6}.code-management.dark .empty-state p{color:#9eafb8}@media (width<=1100px){.code-management{padding:18px 22px 35px}.search-row{grid-template-columns:200px minmax(200px,1fr) 115px 100px}.details-grid,.brand-checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.selected-client-card{flex-direction:column;align-items:flex-start}.client-balance{align-items:flex-start;min-width:auto}.search-row{grid-template-columns:1fr}.search-btn,.clear-btn{width:100%}.theme-selected-layout{grid-template-columns:1fr}.theme-image{max-width:280px}.action-buttons{flex-direction:column;align-items:stretch}.secondary-actions{flex-wrap:wrap}.apply-btn{width:100%}}@media (width<=700px){.code-management{min-height:calc(100vh - 70px);padding:14px 12px 30px}.selected-client-card,.search-card,.details-card,.empty-state{border-radius:12px}.selected-client-card{padding:20px}.search-card,.details-card{padding:22px 18px}.client-name-row h2{font-size:18px}.client-meta{flex-direction:column;align-items:flex-start;gap:7px}.details-grid,.brand-checkbox-grid{grid-template-columns:1fr}.details-header{flex-direction:column}.status-badge{align-self:flex-start}.secondary-actions{width:100%}.secondary-actions button{flex:1}.section-title-row{flex-direction:column}}@media (width<=480px){.code-management{padding:10px 9px 25px}.selected-client-card,.search-card,.details-card{padding:18px 15px}.search-heading h2,.details-header h2{font-size:20px}.secondary-actions{flex-direction:column}.secondary-actions button{width:100%}.theme-image{max-width:100%}}.selected-client-label{align-items:center;gap:8px;margin-bottom:9px;display:flex}.selected-client-label .client-kicker{margin-bottom:0;display:inline-block}.selected-client-check{color:#fff;background:#18a66f;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 2px 5px #18a66f38}.selected-client-text{color:#18a66f;letter-spacing:.2px;font-size:10px;font-weight:750}.code-management.dark .selected-client-text{color:#5ed39d}.code-management.dark .selected-client-check{background:#20a875}.trucard-layout{--sidebar-width:250px;--header-height:82px;box-sizing:border-box;color:#1d2e39;background:#f3f7fa;width:100%;min-height:100vh;margin:0;padding:0;transition:background-color .3s,color .3s;overflow-x:hidden}.trucard-layout.light{color:#1d2e39;background:#f3f7fa}.trucard-layout.dark{color:#eef5f9;background:#1a2631}.trucard-main{width:calc(100% - var(--sidebar-width));min-height:100vh;margin-left:var(--sidebar-width);box-sizing:border-box;background:#f3f7fa;flex-direction:column;transition:background-color .3s,width .3s,margin-left .3s;display:flex}.trucard-layout.dark .trucard-main{background:#1a2631}.trucard-content{width:100%;min-height:calc(100vh - var(--header-height));box-sizing:border-box;background:0 0;flex:1;padding:0}.trucard-main,.trucard-content{max-width:100%}@media (width<=1100px){.trucard-layout{--sidebar-width:220px;--header-height:76px}.trucard-main{width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width)}.trucard-content{min-height:calc(100vh - var(--header-height))}}@media (width<=850px){.trucard-layout{--sidebar-width:80px;--header-height:72px}.trucard-main{width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width)}}@media (width<=700px){.trucard-layout{--sidebar-width:68px;--header-height:70px}.trucard-main{width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width);min-height:100vh}.trucard-content{width:100%;min-height:calc(100vh - var(--header-height));overflow-x:hidden}}@media (width<=480px){.trucard-layout{--sidebar-width:60px;--header-height:66px}.trucard-main{width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width)}.trucard-content{min-height:calc(100vh - var(--header-height))}}@media (prefers-reduced-motion:reduce){.trucard-layout,.trucard-main{transition:none}}.trucard-layout *,.trucard-layout :before,.trucard-layout :after{box-sizing:border-box}.code-generation{box-sizing:border-box;color:#1d2e39;background:#f3f7fa;justify-content:center;align-items:flex-start;width:100%;padding:30px 20px 50px;transition:background .3s,color .3s;display:flex}.code-generation.dark{color:#eef5f9;background:#1a2631}.generation-card{background:#fff;border:1px solid #e0eaee;border-radius:18px;width:100%;max-width:780px;margin:0 auto;padding:35px 40px 40px;box-shadow:0 4px 20px #123e4f0f}.code-generation.dark .generation-card{box-shadow:none;background:#202f3a;border-color:#354956}.generation-header{margin-bottom:32px}.section-kicker{color:#12a4ac;letter-spacing:1.2px;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.generation-header h2{color:#172b37;margin:10px 0 8px;font-size:26px;font-weight:750}.code-generation.dark .generation-header h2{color:#f0f7fa}.generation-header p{color:#758791;margin:0;font-size:14px}.code-generation.dark .generation-header p{color:#9eafb8}.generation-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#526b76;font-size:14px;font-weight:650}.code-generation.dark .form-group label{color:#afc0c8}.required{color:#d44}.form-group input{color:#253740;background:#fff;border:1px solid #dce7eb;border-radius:10px;outline:none;width:100%;max-width:400px;height:52px;padding:0 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.code-generation.dark .form-group input{color:#edf5f8;background:#263640;border-color:#40525e}.form-group input:focus{border-color:#1ab0b7;box-shadow:0 0 0 4px #1ab0b71f}.form-group .hint{color:#8a9ca5;margin-top:4px;font-size:12px}.code-generation.dark .form-group .hint{color:#7f939e}.generate-btn{color:#fff;cursor:pointer;background:#1ab0b7;border:none;border-radius:10px;max-width:200px;height:52px;font-size:15px;font-weight:700;transition:background .2s,opacity .2s}.generate-btn:hover:not(:disabled){background:#15989e}.generate-btn:disabled{opacity:.55;cursor:not-allowed}.loading-box{color:#607681;background:#fff;border:1px solid #e0eaee;border-radius:14px;justify-content:center;align-items:center;gap:14px;min-height:60px;margin-top:24px;font-size:14px;display:flex}.code-generation.dark .loading-box{color:#a8bac2;background:#202f3a;border-color:#354956}.spinner{border:3px solid #dce9ed;border-top-color:#1ab0b7;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin;display:inline-block}.error-box{color:#a83f3f;background:#fff4f4;border:1px solid #f0cccc;border-radius:14px;gap:14px;margin-top:24px;padding:18px 22px;display:flex}.error-icon{font-size:18px}.error-box div{flex-direction:column;gap:4px;display:flex}.error-box strong{font-size:14px}.error-box div span{font-size:13px}.code-generation.dark .error-box{color:#ffb6b6;background:#38272b;border-color:#624048}.success-section{border-top:1px solid #e8eef1;margin-top:28px;padding-top:28px}.code-generation.dark .success-section{border-color:#354956}.success-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.success-icon{margin-bottom:8px;font-size:36px}.success-header h3{color:#168357;margin:0 0 8px;font-size:22px;font-weight:750}.code-generation.dark .success-header h3{color:#5ed39d}.success-header p{color:#758791;margin:0;font-size:15px}.code-generation.dark .success-header p{color:#9eafb8}.details-grid{grid-template-columns:repeat(3,1fr);gap:20px 30px;margin-bottom:28px;display:grid}.detail-item{flex-direction:column;gap:6px;display:flex}.detail-item label{color:#6d818b;font-size:12px;font-weight:650}.code-generation.dark .detail-item label{color:#9eb0b9}.detail-item strong{color:#20333d;word-break:break-word;font-size:15px;font-weight:700}.code-generation.dark .detail-item strong{color:#e8f1f4}.status-completed{color:#168357}.code-generation.dark .status-completed{color:#5ed39d}.actions-section{margin:24px 0 20px}.action-buttons{flex-wrap:wrap;gap:14px;display:flex}.view-details-btn,.download-btn{cursor:pointer;border-radius:10px;min-height:46px;padding:0 28px;font-size:14px;font-weight:700;transition:background .2s,border-color .2s}.view-details-btn{color:#fff;background:#1ab0b7;border:none}.view-details-btn:hover{background:#15989e}.download-btn{color:#253740;background:#fff;border:1px solid #dce7eb}.code-generation.dark .download-btn{color:#edf5f8;background:#263640;border-color:#40525e}.download-btn:hover{background:#f4f8f9}.code-generation.dark .download-btn:hover{background:#2d414d}.note{background:#f4f9fa;border-left:5px solid #1ab0b7;border-radius:12px;margin-top:20px;padding:16px 20px}.note p{color:#4a5f69;margin:0;font-size:14px;line-height:1.6}.note strong{color:#1d333e}.code-generation.dark .note{background:#263640;border-left-color:#1ab0b7}.code-generation.dark .note p{color:#b0c4cd}.code-generation.dark .note strong{color:#edf5f8}@media (width<=768px){.code-generation{padding:20px 16px 30px}.generation-card{border-radius:14px;padding:24px 18px 30px}.generation-header h2{font-size:22px}.form-group input,.generate-btn{max-width:100%}.details-grid{grid-template-columns:1fr 1fr;gap:16px}.action-buttons{flex-direction:column}.view-details-btn,.download-btn{justify-content:center;width:100%}}@media (width<=480px){.generation-card{padding:20px 14px 24px}.details-grid{grid-template-columns:1fr}.success-header h3{font-size:19px}}.codegen-layout{--sidebar-width:250px;--header-height:82px;box-sizing:border-box;color:#1d2e39;background:#f3f7fa;width:100%;min-height:100vh;margin:0;padding:0;transition:background-color .3s,color .3s;overflow-x:hidden}.codegen-layout.dark{color:#eef5f9;background:#1a2631}.codegen-main{width:calc(100% - var(--sidebar-width));min-height:100vh;margin-left:var(--sidebar-width);box-sizing:border-box;background:#f3f7fa;flex-direction:column;transition:background-color .3s,width .3s,margin-left .3s;display:flex}.codegen-layout.dark .codegen-main{background:#1a2631}.codegen-content{width:100%;min-height:calc(100vh - var(--header-height));box-sizing:border-box;background:0 0;flex:1}@media (width<=1100px){.codegen-layout{--sidebar-width:220px;--header-height:76px}.codegen-main{width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width)}}@media (width<=850px){.codegen-layout{--sidebar-width:80px;--header-height:72px}.codegen-main{width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width)}}@media (width<=700px){.codegen-layout{--sidebar-width:68px;--header-height:70px}.codegen-main{width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width)}.codegen-content{min-height:calc(100vh - var(--header-height))}}@media (width<=480px){.codegen-layout{--sidebar-width:60px;--header-height:66px}.codegen-main{width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width)}}@media (prefers-reduced-motion:reduce){.codegen-layout,.codegen-main{transition:none}}.codegen-layout *,.codegen-layout :before,.codegen-layout :after,*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#1d2e39;background:#f3f7fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font-family:inherit}button{transition:all .2s}