*{transition:background .3s ease,color .3s ease,border .3s ease}:root{--bg-main: linear-gradient(to right, #0f172a, #1e293b);--bg-navbar: #0b1220;--bg-sidebar: #111827;--bg-card: #1f2937;--text-primary: white;--text-secondary: #9ca3af}[data-theme=light]{--bg-main: linear-gradient(to right, #f8fafc, #e2e8f0);--bg-navbar: #ffffff;--bg-sidebar: #f1f5f9;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #475569}:root{--input-bg: rgba(15, 23, 42, .8);--input-border: rgba(255, 255, 255, .08);--card-bg-dark: rgba(15, 23, 42, .8);--card-bg-light: #ffffff;--text-main: white;--text-soft: #94a3b8;--empty-text: #64748b;--border-color: #ddd}[data-theme=light]{--input-bg: #ffffff;--input-border: rgba(0, 0, 0, .1);--card-bg-dark: #ffffff;--text-main: #0f172a;--text-soft: #475569;--empty-text: #64748b;--border-color: rgba(0, 0, 0, .1)}:root{--card-glass: rgba(255,255,255,.05);--divider-line: rgba(255,255,255,.08);--chip-bg: rgba(108,99,255,.25);--chip-hover: rgba(108,99,255,.45);--chip-active: #6c63ff;--input-bg: rgba(15, 23, 42, .8);--input-border: rgba(255,255,255,.08);--text-soft: rgba(255,255,255,.6)}[data-theme=light]{--card-glass: rgba(255,255,255,.85);--divider-line: rgba(0,0,0,.12);--chip-bg: rgba(108,99,255,.15);--chip-hover: rgba(108,99,255,.3);--chip-active: #6c63ff;--input-bg: #ffffff;--input-border: rgba(0,0,0,.15);--text-soft: rgba(0,0,0,.6)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--profile-card-bg: #1c1f3a;--profile-value-bg: #2a2d4a;--profile-text: white;--profile-label: rgba(255,255,255,.8);--profile-input-bg: #2a2d4a;--profile-spinner-bg: #2a2d4a}[data-theme=light]{--profile-card-bg: #ffffff;--profile-value-bg: #f1f5f9;--profile-text: #0f172a;--profile-label: rgba(0,0,0,.7);--profile-input-bg: #f1f5f9;--profile-spinner-bg: #e2e8f0}:root{--users-card-bg: rgba(255,255,255,.05);--users-divider: rgba(255,255,255,.08);--users-input-bg: rgba(15,23,42,.8);--users-input-border: rgba(255,255,255,.08);--users-chip-bg: rgba(108,99,255,.15);--users-chip-border: rgba(108,99,255,.25)}[data-theme=light]{--users-card-bg: rgba(255,255,255,.85);--users-divider: rgba(0,0,0,.12);--users-input-bg: #ffffff;--users-input-border: rgba(0,0,0,.15);--users-chip-bg: rgba(108,99,255,.12);--users-chip-border: rgba(108,99,255,.35)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:10px 14px;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container *,.login-container *:before,.login-container *:after{box-sizing:border-box}.login-page{min-height:100dvh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top left,#1e293b,#0f172a 70%);padding:20px}.login-container{width:100%;max-width:420px;padding:45px 40px;border-radius:24px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 70px #00000080;animation:fadeSlide .7s ease;display:flex;flex-direction:column}@keyframes fadeSlide{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}.login-title{font-size:30px;margin-bottom:30px;text-align:center;color:#fff;letter-spacing:1px}.login-container input,.login-button,.password-wrapper{width:100%}.login-container input{padding:15px 18px;margin-bottom:18px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0f172aa6;color:#fff;font-size:14px;outline:none;transition:all .25s ease}.login-container input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f140}.password-wrapper{position:relative;margin-bottom:18px}.password-wrapper input{padding-right:45px;margin-bottom:0}.toggle-password{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.7;transition:.2s ease}.toggle-password:hover{opacity:1}.login-button{padding:15px;border-radius:14px;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:600;cursor:pointer;transition:all .25s ease;margin-top:5px;display:flex;justify-content:center;align-items:center}.login-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #4f46e573}.login-button:disabled{opacity:.7;cursor:not-allowed}.spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.4);border-top:3px solid white;border-radius:50%;animation:spin .8s linear infinite}.login-contact{margin-top:25px;font-size:14px;text-align:center;color:#94a3b8}.login-contact a{color:#818cf8;font-weight:600;text-decoration:none;transition:.25s}.login-contact a:hover{color:#a5b4fc}@media(max-width:480px){.login-container{padding:30px 22px;border-radius:18px}.login-title{font-size:24px;margin-bottom:22px}.login-container input{padding:13px 14px;font-size:13px}.login-button{padding:13px}.login-contact{font-size:12px}}@media(min-width:481px)and (max-width:768px){.login-container{max-width:380px;padding:40px 32px}}@media(min-width:1400px){.login-container{max-width:460px;padding:55px 50px}.login-title{font-size:34px}}.home-container{padding:60px 40px;display:flex;flex-direction:column;align-items:center;gap:80px}.home-card{width:100%;max-width:1100px;margin-top:-40px;padding:60px;border-radius:24px;background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);box-shadow:0 25px 60px #00000040;color:var(--text-main)}.home-top{display:flex;gap:60px;flex-wrap:wrap}.home-left{flex:2;min-width:300px;padding-right:40px;border-right:1px solid rgba(255,255,255,.08)}.home-right{flex:1;min-width:250px}.home-title{font-size:34px;margin-bottom:20px}.home-description p{margin-bottom:18px;color:var(--text-secondary);line-height:1.6}.warning-text{font-weight:600;color:#f87171}.home-section h2,.home-contact h2,.products-title{font-size:20px;margin-bottom:15px;color:#818cf8}.home-section ul{list-style:none;padding:0}.home-section li{margin-bottom:10px;color:var(--text-soft)}.home-contact{padding:25px;border-radius:16px;background:var(--contact-bg);border:1px solid var(--card-border)}.contact-info{margin-top:15px;line-height:1.8}.products-container{width:100%;max-width:1200px;text-align:center}.carousel-wrapper{position:relative;width:100%;max-width:1100px;margin:50px auto;display:flex;align-items:center;justify-content:center}.carousel{overflow:hidden;width:100%}.carousel-track{display:flex;transition:transform .6s ease;gap:20px}.carousel-item{flex:0 0 calc((100% - 55px) / 3);margin-top:20px;transition:transform .4s ease}.carousel-item img{width:100%;height:200px;object-fit:contain;border-radius:15px}.carousel-item h3{text-align:center;margin-top:15px;font-weight:500}.arrow{width:45px;height:45px;border:1px solid rgba(255,255,255,.15);font-size:22px;cursor:pointer;border-radius:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.arrow.left{margin-right:20px}.arrow.right{margin-left:20px}@media(max-width:1024px){.carousel-item{flex:0 0 50%}}@media(max-width:900px){.home-container{padding:40px 20px;gap:60px}.home-card{padding:40px}.home-left{border-right:none;padding-right:0}.home-top{flex-direction:column;gap:40px}.carousel-item{flex:0 0 calc((100% - 20px)/2)}}@media(max-width:768px){.home-title{font-size:26px}.home-card{padding:30px}.carousel-item{flex:0 0 100%;margin-left:-10px}.arrow{width:35px;height:35px;font-size:16px}.carousel-item img{height:100px}.arrow.left{margin-right:10px}.arrow.right{margin-left:10px}}@media(max-width:480px){.home-container{padding:30px 15px;gap:50px}.home-card{padding:25px;border-radius:18px}.home-title{font-size:22px}.home-section h2,.home-contact h2,.products-title{font-size:18px}.carousel-wrapper{margin:30px auto}.arrow{display:none}.carousel-item{padding:15px;margin-left:-30px}.carousel-item img{height:160px}.carousel-item h3{font-size:14px}}@media(max-width:360px){.home-title{font-size:20px}.carousel-item img{height:130px}.carousel-item h3{font-size:13px}}.codes-container{width:100%;max-width:100%;padding:40px 60px;box-sizing:border-box}.codes-container-title{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:36px}.search-box{display:flex;width:46%;gap:12px;margin-bottom:30px}.email-viewer.dark{background:#0f1218;color:#fff}.email-viewer.dark .email-iframe{filter:invert(.95) hue-rotate(180deg)}.search-box input{flex:1;padding:14px 16px;border-radius:12px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-main);font-size:14px;outline:none;transition:.2s}.search-box input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.search-box button{padding:14px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;cursor:pointer;transition:.2s}.search-box button:hover{transform:translateY(-2px)}.email-card{background:var(--card-bg-dark);padding:20px;border-radius:16px;margin-bottom:15px}.date{font-size:13px;color:var(--text-soft)}.account{font-size:12px;background:#6366f126;padding:4px 10px;border-radius:20px;color:#a5b4fc}.empty{color:var(--empty-text)}.error{color:#ef4444;margin-bottom:15px}.clear-btn{background:#374151;color:#fff}.clear-btn:hover{background:#4b5563}.loading-overlay{position:fixed;inset:0;width:calc(100% - 240px);height:100vh;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:100}.content-wrapper{display:flex;width:100%;height:75vh;gap:20px}.results{width:35%;overflow-y:auto;border-right:1px solid rgba(148,163,184,.4);padding-right:10px}.email-viewer{width:65%;overflow-y:auto;padding:20px;background:var(--card-bg-dark);color:var(--text-main);transition:.3s}.email-iframe{width:100%;min-height:600px;height:auto;border:none;border-radius:12px}.viewer-header{display:flex;justify-content:flex-end;margin-bottom:15px}.theme-toggle{padding:6px 14px;border-radius:6px;border:none;cursor:pointer;background:#6366f1;color:#fff}.content-wrapper{min-height:70vh;height:auto}.loading-overlay{inset:0;width:100%}@media(max-width:1024px){.results{width:40%}.email-viewer{width:60%}.search-box{width:70%}}@media(max-width:768px){.codes-container{max-width:100%;padding:0 15px}.search-box{width:100%;flex-direction:column}.search-box input,.search-box button{width:100%;box-sizing:border-box}.content-wrapper{flex-direction:column;height:auto}.results{width:100%;border-right:none;border-bottom:1px solid rgba(148,163,184,.3);padding-right:0;padding-bottom:15px;max-height:300px}.email-viewer{width:auto;padding:15px;height:auto}.email-iframe{min-height:400px}}@media(max-width:480px){.codes-container-title{font-size:26px}.results{max-height:250px}.email-iframe{min-height:350px}}.authorized-container{padding:40px 20px;position:relative}.authorized-card{display:flex;min-height:70vh;border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-glass)}.authorized-left{flex:0 0 40%;padding:25px;border-right:1px solid var(--divider-line);overflow-y:auto}.authorized-right{flex:1;padding:25px;overflow-y:auto}.authorized-emails-wrapper,.subjects-wrapper{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px;align-items:flex-start}.authorized-chip,.subject-chip{flex:0 0 auto;max-width:100%;width:fit-content;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:999px;background:var(--chip-bg);transition:all .2s ease;cursor:pointer;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.authorized-chip:hover,.subject-chip:hover{background:var(--chip-hover);transform:translateY(-2px)}.authorized-chip.active{background:var(--chip-active);box-shadow:0 0 12px #6c63ff66}.search-box-authorized{margin-top:25px;max-width:400px}.search-box-authorized input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--input-border);background:var(--input-bg);color:inherit;font-size:14px;outline:none;transition:.2s}.search-box-authorized input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.empty-text{color:var(--text-soft);margin-top:20px}.loading-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000}.spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.2);border-top:5px solid #6366f1;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:1024px){.authorized-left{flex:0 0 50%}.authorized-right{flex:1}}@media(max-width:768px){.authorized-card{flex-direction:column;min-height:auto}.authorized-left,.authorized-right{width:100%;padding:20px}.search-box-authorized{width:100%;max-width:100%}.subject-chip{width:auto!important}.search-box-authorized input{width:100%;box-sizing:border-box}}@media(max-width:480px){.authorized-container{padding:25px 15px}.authorized-left,.authorized-right{padding:20px}.subject-chip{width:auto!important}.authorized-chip,.subject-chip{padding:6px 12px;font-size:13px}.search-box-authorized input{padding:12px 14px;font-size:13px}}@media(max-width:360px){.authorized-chip,.subject-chip{font-size:12px}}.profile-container{display:flex;justify-content:center;padding:40px 20px}.profile-card{width:100%;max-width:900px;background:var(--profile-card-bg);color:var(--profile-text);padding:40px;border-radius:16px;box-shadow:0 20px 60px #0006}.profile-card h2{margin-bottom:30px;font-size:26px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.profile-field{display:flex;flex-direction:column}.profile-field label{margin-bottom:6px;font-size:14px;opacity:.8}.profile-value{background:var(--profile-value-bg);padding:12px;border-radius:8px;min-height:45px;display:flex;align-items:center;word-break:break-word}.password-hidden{letter-spacing:3px;color:#ffcc70}.profile-update{margin-top:40px;display:flex;gap:20px}.profile-update input{width:95%;height:45px;border-radius:8px;border:none;padding:0 15px;background:var(--profile-input-bg);color:var(--profile-text)}.profile-update button{padding:0 25px;border:none;border-radius:8px;background:linear-gradient(90deg,#6a5acd,#7b68ee);color:#fff;cursor:pointer;transition:.3s}.profile-update button:hover{opacity:.85}.profile-loading{display:flex;justify-content:center;align-items:center;height:70vh}.spinner{width:60px;height:60px;border:6px solid var(--profile-spinner-bg);border-top:6px solid #7b68ee;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.profile-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.profile-container{padding:30px 15px}.profile-card{padding:30px}.profile-card h2{font-size:22px}.profile-grid{grid-template-columns:1fr}.profile-update{flex-direction:column}.profile-update button{height:45px}}@media(max-width:480px){.profile-card{padding:25px;border-radius:14px}.profile-card h2{font-size:20px}.profile-field label{font-size:13px}.profile-value,.profile-update input,.profile-update button{font-size:14px}}@media(max-width:360px){.profile-card{padding:20px}.profile-card h2{font-size:18px}.profile-value{font-size:13px}}.sidebar{width:260px;min-width:260px;background:var(--bg-sidebar);padding:30px 20px;display:flex;flex-direction:column;justify-content:space-between;color:var(--text-primary);transition:.3s ease}.sidebar-top{display:flex;flex-direction:column}.sidebar-logo{width:250px;margin:-10px auto 30px;display:block}.sidebar h2{text-align:center;margin-bottom:20px}.sidebar nav{display:flex;flex-direction:column;gap:18px}.sidebar a{text-decoration:none;color:var(--text-secondary);font-weight:500;transition:.2s}.sidebar a:hover{color:#6366f1}.sidebar-profile{background:var(--bg-card);padding:15px;border-radius:12px;display:flex;gap:12px;align-items:center;margin-top:30px;transition:.2s}.sidebar-profile:hover{background:#273449}.sidebar-profile img{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid #334155;cursor:pointer}.profile-info{display:flex;flex-direction:column}.profile-name{font-weight:600;margin:0;font-size:14px}.profile-last{font-size:11px;margin:2px 0 0;line-height:1.2;color:var(--text-secondary)}@media(max-width:900px){.sidebar{position:fixed;left:-280px;top:0;width:260px;height:94dvh;z-index:2000;transition:left .3s ease}.sidebar.open{left:0}.sidebar-profile{margin-top:auto}.sidebar-logo{max-width:220px}.sidebar h2{font-size:18px}.sidebar nav{gap:16px}}@media(max-width:480px){.sidebar{width:240px}.sidebar-logo{max-width:220px}.sidebar h2{font-size:17px;margin-bottom:15px}.sidebar nav{gap:14px}.sidebar a{font-size:14px}.sidebar-profile{padding:12px;gap:10px}.sidebar-profile img{width:38px;height:38px}.profile-name{font-size:13px}.profile-last{font-size:10px}}@media(max-width:360px){.sidebar{width:220px}.sidebar-logo{max-width:180px}.sidebar-profile{padding:10px}.profile-name{font-size:12px}.profile-last{font-size:9px}}.layout{display:flex;height:100dvh;width:100%}.main-area{flex:1;display:flex;flex-direction:column;background:var(--bg-main);color:var(--text-primary);min-width:0;overflow:hidden}.navbar{height:60px;background:var(--bg-navbar);display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid rgba(0,0,0,.05)}.nav-left{display:flex;align-items:center;gap:15px}.nav-right{display:flex;align-items:center;gap:12px}.menu-btn{display:none;font-size:22px;background:transparent;border:none;cursor:pointer;color:var(--text-primary);z-index:3000}.content{flex:1;overflow-y:auto;padding:30px 40px 20px;display:flex;flex-direction:column}.footer{padding:12px 0;font-size:13px}.footer{height:50px;background:var(--bg-navbar);display:flex;align-items:center;justify-content:center;border-top:1px solid #1f2937;font-size:14px}.logout-btn{background:#ef4444;border:none;padding:8px 14px;color:#fff;border-radius:6px;cursor:pointer}.logout-btn:hover{background:#dc2626}.lang-select{padding:6px 10px;border-radius:6px;border:none;background:#1f2937;color:#fff;cursor:pointer}.theme-toggle{background:transparent;border:1px solid rgba(255,255,255,.2);padding:6px 10px;border-radius:6px;cursor:pointer}@media(max-width:900px){.menu-btn{display:block}.layout{flex-direction:column}.content{padding:20px}.navbar{padding:0 15px;height:55px}.nav-left h3{font-size:16px}.nav-right{gap:8px}.theme-toggle{padding:5px 8px;font-size:14px}.lang-select{padding:5px 8px;font-size:13px}.logout-btn{padding:6px 10px;font-size:13px;border-radius:8px}}@media(max-width:480px){.navbar{padding:0 12px}.nav-left h3{font-size:15px}.logout-btn{padding:6px 8px;font-size:12px}.lang-select{font-size:12px}}.users-container{padding:40px}.users-card{display:flex;height:75vh;border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--users-card-bg)}.users-left{width:30%;padding:25px;border-right:1px solid rgba(255,255,255,.08);overflow-y:auto}.users-right{width:70%;display:flex;flex-direction:column;min-height:0}.right-top{flex:6;padding:25px;border-bottom:1px solid var(--users-divider);display:flex;flex-direction:column;min-height:0}.right-bottom{flex:4;padding:25px;overflow-y:auto;min-height:0}.users-list{display:flex;flex-wrap:wrap;gap:12px}.subjects-wrapper{display:flex;flex-wrap:wrap;gap:14px;align-content:flex-start;padding-top:6px}.subject-chip{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:#6c63ff26;border:1px solid rgba(108,99,255,.25);max-width:100%;min-width:0}.subject-chip span,.user-chip span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 16px;border-radius:999px;background:var(--users-chip-bg);border:1px solid var(--users-chip-border);transition:all .25s ease;white-space:nowrap;cursor:pointer;transition:background .3s ease,transform .2s ease,box-shadow .3s ease,border .3s ease}.user-chip:hover,.subject-chip:hover{background:#6c63ff59;transform:translateY(-2px);box-shadow:0 4px 12px #6c63ff66}.user-chip.active,.subject-chip.active{background:linear-gradient(135deg,#6c63ff,#8f7bff);border:1px solid #8f7bff;box-shadow:0 8px 24px #6c63ff73;transform:translateY(-2px)}.user-chip:active,.subject-chip:active{transform:scale(.97)}.chip-actions{display:flex;gap:8px;margin-left:10px}.chip-btn{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all .2s ease;background:var(--users-chip-bg)}.chip-btn.edit:hover{background:#38bdf8;color:#000}.chip-btn.delete:hover{background:#ef4444;color:#fff}.crud-panel{margin-top:20px;padding:20px;border-top:1px solid rgba(255,255,255,.1)}.crud-form{display:flex;gap:10px;flex-wrap:wrap}.crud-form input{padding:8px 12px;border-radius:8px;background:var(--users-input-bg);border:1px solid var(--users-input-border);color:inherit}.crud-form button{padding:8px 14px;border-radius:8px;border:none;background:#6c63ff;cursor:pointer;transition:.2s}.crud-form button:hover{background:#7d73ff}.crud-row{display:flex;gap:20px;flex-wrap:wrap}.modal-overlay{position:fixed;inset:0;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:500;animation:fadeIn .2s ease}.modal{background:#1e293b;padding:22px;border-radius:16px;width:100%;max-width:360px;max-height:90vh;display:flex;flex-direction:column;gap:14px;box-shadow:0 10px 40px #0009;animation:scaleIn .2s ease;overflow-y:auto}.modal h3{margin:0;font-size:16px;font-weight:600}.modal input{padding:8px 12px;border-radius:8px;font-size:14px;background:var(--users-input-bg);border:1px solid var(--users-input-border);color:inherit}.modal button{padding:8px;font-size:14px;border-radius:8px;border:none;cursor:pointer;transition:.2s}.modal button:first-of-type{background:#6c63ff}.modal button:first-of-type:hover{background:#7d73ff}.modal button:last-of-type{background:var(--users-chip-bg);color:inherit;border:1px solid var(--users-input-border)}.modal button:last-of-type:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.authorized-emails-container{display:flex;flex-direction:column;flex:1;min-height:0}.authorized-emails-wrapper{flex:1;display:flex;flex-wrap:wrap;gap:14px;align-content:flex-start;overflow-y:auto;padding-top:6px}.authorized-search-bottom{margin-top:15px}.authorized-search-bottom input{width:220px;padding:6px 10px;border-radius:6px;background:var(--users-input-bg);border:1px solid var(--users-input-border);color:inherit;font-size:12px;outline:none;transition:.2s}.authorized-search-bottom input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.users-left{width:30%;padding:25px;border-right:1px solid var(--users-divider);display:flex;flex-direction:column;min-height:0}.users-list{flex:1;overflow-y:auto;display:flex;flex-wrap:wrap;gap:12px;align-content:flex-start;padding-top:6px}.users-search-bottom{margin-top:15px}.users-search-bottom input{width:80%;padding:8px 12px;border-radius:8px;background:var(--users-input-bg);border:1px solid var(--users-input-border);color:inherit;font-size:13px;outline:none;transition:.2s}.users-search-bottom input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}[data-theme=light] .modal{background:#fff;color:#0f172a}.PhoneInput{background:var(--users-input-bg);border:1px solid var(--users-input-border);border-radius:8px;padding:4px 8px;color:inherit;min-width:220px}.PhoneInput input{background:transparent;border:none;color:inherit}.PhoneInput input:focus{outline:none}.PhoneInputCountrySelect{background:transparent;border:none;color:inherit}.users-card{min-height:70vh;height:auto}@media(max-width:1024px){.users-left{width:40%}.users-right{width:60%}.user-chip{width:auto!important}.authorized-search-bottom input,.users-search-bottom input{width:80%!important}.PhoneInput{min-width:100%;width:100%}.modal{max-width:60%!important;padding:18px;border-radius:14px}.modal h3{font-size:15px}.modal input{font-size:13px;padding:8px 10px}.modal button{font-size:13px;padding:8px}}@media(max-width:768px){.users-container{padding:20px 15px}.users-card{flex-direction:column;min-height:auto}.users-left{width:100%;border-right:none;border-bottom:1px solid var(--users-divider)}.users-right{width:100%}.right-top,.right-bottom{padding:20px}.users-list,.authorized-emails-wrapper,.subjects-wrapper{gap:10px}.user-chip,.subject-chip{width:100%;justify-content:space-between}.chip-actions{margin-left:0}.users-search-bottom input,.authorized-search-bottom input{width:100%}.crud-panel{padding:15px}.crud-form{flex-direction:column;width:100%}.crud-form{width:100%}.crud-form input,.crud-form button,.PhoneInput{width:100%;box-sizing:border-box}.PhoneInput{min-width:100%}.crud-row{flex-direction:column;gap:15px}.PhoneInput{width:100%;min-width:100%}.modal{max-width:70%!important;padding:18px;border-radius:14px}.modal h3{font-size:15px}.modal input{font-size:13px;padding:8px 10px}.modal button{font-size:13px;padding:8px}}@media(max-width:480px){.users-container{padding:15px 10px}.users-left,.right-top,.right-bottom{padding:15px}.user-chip,.subject-chip{font-size:13px;padding:6px 12px}.chip-btn{width:22px;height:22px;font-size:11px}.crud-form input,.crud-form button{padding:10px;font-size:14px}.modal{max-width:65%!important;padding:18px;border-radius:14px}.modal h3{font-size:15px}.modal input{font-size:13px;padding:8px 10px}.modal button{font-size:13px;padding:8px}}@media(max-width:360px){.user-chip span,.subject-chip span{font-size:12px}.modal{width:95%}}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}