@import "https://fonts.googleapis.com/css2?family=Chivo:wght@400;700;800&family=Sora:wght@400;500;600;700&display=swap";:root{--bg-page:#eaf3f7;--text-main:#0f2431;--font-heading:"Chivo", "Trebuchet MS", sans-serif;--font-body:"Sora", "Tahoma", sans-serif;font-family:var(--font-body);color:var(--text-main);background-color:var(--bg-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 10%,#ff84462e,#0000 40%),radial-gradient(circle at 88% 0,#0092c72e,#0000 32%),radial-gradient(circle at 50% 100%,#11a17a14,#0000 28%),linear-gradient(#edf6fa 0%,#deebf2 100%);min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-heading)}button,input,a{font:inherit}.sidebar{z-index:999;background:linear-gradient(#faf8f3 0%,#f5f1e8 100%);border-right:1px solid #ff8c421a;flex-direction:column;width:280px;height:100vh;padding:1.5rem 0;transition:all .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:0 8px 32px #00000014}.sidebar-overlay{z-index:998;background:#00000080;display:none;position:fixed;inset:0}.sidebar-close{cursor:pointer;color:#1a1a1a;z-index:10;background:0 0;border:none;font-size:1.5rem;display:none;position:absolute;top:1rem;right:1rem}.sidebar-header{border-bottom:1px solid #ff8c421a;padding:0 1.5rem 1.5rem}.sidebar-logo{font-family:var(--font-heading);letter-spacing:-.02em;color:#1a1a1a;font-size:1.4rem;font-weight:800;text-decoration:none;transition:color .24s;display:block}.sidebar-logo:hover{color:#ff8c42}.sidebar-user{background:#fff9;border-radius:14px;align-items:center;gap:1rem;margin:0 1rem 1.5rem;padding:1.5rem;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#ff8c42 0%,#ff7a28 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.user-info{flex:1;min-width:0}.user-email{color:#5a5a5a;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.85rem;overflow:hidden}.sidebar-nav{flex:1;padding:1rem 0}.sidebar-nav ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:#5a5a5a;border-left:3px solid #0000;align-items:center;gap:1rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .24s;display:flex}.nav-link:hover{color:#ff8c42;background:#ff8c420d;border-left-color:#ff8c42}.nav-link.active{color:#ff8c42;background:#ff8c421a;border-left-color:#ff8c42;font-weight:600}.nav-icon{flex-shrink:0;font-size:1.2rem}.nav-label{flex:1}.sidebar-logout{width:calc(100% - 3rem);margin:1rem 1.5rem .5rem}@media (width<=768px){.sidebar{width:260px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay,.sidebar-close{display:block}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#ff8c424d;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ff8c4280}.breadcrumb{margin-left:280px;padding:1rem 0 1.5rem}.breadcrumb-list{align-items:center;gap:.5rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.breadcrumb-link{color:#ff8c42;text-decoration:none;transition:color .24s}.breadcrumb-link:hover{color:#ff7a28;text-decoration:underline}.breadcrumb-current{color:#5a5a5a;font-weight:500}.breadcrumb-separator{color:#ccc;margin:0 .25rem}@media (width<=768px){.breadcrumb{margin-left:0;padding:.75rem 0 1rem;display:none}@media (width>=480px){.breadcrumb{display:block}}}.page-bg{background:linear-gradient(135deg,#f5f1e8 0%,#faf8f3 100%);min-height:100vh;padding:1.5rem;position:relative;overflow:hidden}.landing-page{background:linear-gradient(135deg,#f5f1e8 0%,#faf8f3 100%);flex-direction:column;min-height:100vh;padding:0;display:flex}.landing-nav{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:flex}.nav-left{align-items:center;gap:2rem;display:flex}.logo{letter-spacing:-.02em;color:#1a1a1a;font-size:1.15rem;font-weight:800;font-family:var(--font-heading)}.nav-right{align-items:center;gap:1.5rem;display:flex}.nav-link{color:#5a5a5a;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .24s cubic-bezier(.23,1,.32,1)}.nav-link:hover{color:#ff8c42}.nav-btn{padding:.65rem 1.2rem}.landing-hero{text-align:center;flex:1;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.hero-content{max-width:920px;margin:0 auto}.hero-badge{letter-spacing:.08em;text-transform:uppercase;color:#ff8c42;background:#ff8c4214;border:1px solid #ff8c424d;border-radius:999px;margin:0 0 1.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;animation:.5s fade-in;display:inline-block}.hero-headline{font-size:clamp(2.5rem,6vw,4.5rem);font-family:var(--font-heading);color:#1a1a1a;letter-spacing:-.04em;margin:0 0 1.2rem;line-height:1.15;animation:.6s fade-in}.hero-headline .highlight{background:linear-gradient(135deg,#ff8c42 0%,#ff7a28 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.hero-description{color:#5a5a5a;max-width:600px;margin:0 auto 2.5rem;font-size:1.1rem;line-height:1.7;animation:.7s fade-in}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2.5rem;animation:.8s fade-in;display:flex}.btn-lg{border-radius:14px;min-height:3.2rem;padding:.95rem 1.8rem;font-size:1rem}.btn-outline{color:#1a1a1a;background:0 0;border:2px solid #e0d5c7;font-weight:600;transition:all .24s cubic-bezier(.23,1,.32,1)}.btn-outline:hover{color:#ff8c42;background:#ff8c4214;border-color:#ff8c42;transform:translateY(-1px)}.hero-command{color:#ff7a28;background:#ff8c4214;border:1px solid #ff8c4233;border-radius:12px;max-width:400px;margin:0 auto;padding:1rem 1.5rem;font-family:Courier New,monospace;font-size:.9rem;transition:all .24s;animation:.9s fade-in}.hero-command:hover{background:#ff8c421f;border-color:#ff8c4266}.landing-features{box-sizing:border-box;border-top:1px solid #ff8c4226;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%;max-width:1400px;margin:0 auto;padding:3rem 2rem;display:grid}.feature-item{text-align:center;animation:.6s cubic-bezier(.22,1,.36,1) scale-in}.feature-item h3{color:#1a1a1a;margin-bottom:.8rem;font-size:1.3rem}.feature-item p{color:#5a5a5a;margin:0;line-height:1.6}.page-bg:before,.page-bg:after{content:"";pointer-events:none;filter:blur(24px);opacity:.65;border-radius:999px;position:fixed;inset:auto}.page-bg:before{background:radial-gradient(circle,#3aa7c638,#0000 70%);width:19rem;height:19rem;top:-6rem;right:-4rem}.page-bg:after{background:radial-gradient(circle,#ff84462e,#0000 70%);width:16rem;height:16rem;bottom:-5rem;left:-5rem}.page-shell{z-index:1;gap:1.15rem;width:min(1180px,100%);margin:0 auto;animation:.56s cubic-bezier(.22,1,.36,1) rise-in;display:grid;position:relative}.feature-shell{grid-template-columns:repeat(3,minmax(0,1fr))}.page-topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff94;border:1px solid #1231401f;border-radius:16px;grid-column:1/-1;align-items:center;gap:.55rem;padding:.55rem .65rem;display:flex}.page-context{letter-spacing:.06em;text-transform:uppercase;color:#4d6d7f;margin:0 0 0 auto;font-size:.8rem}.hero-shell{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:stretch}.create-shell{grid-template-columns:1fr;align-items:start;gap:1.5rem}.single-col-shell{max-width:760px}.dashboard-shell{grid-template-columns:1fr}.card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#fffffff0,#f7fbffe0);border:1px solid #0b25331a;border-radius:28px;padding:1.35rem;transition:transform .24s cubic-bezier(.23,1,.32,1),box-shadow .24s cubic-bezier(.23,1,.32,1),border-color .24s;animation:.5s cubic-bezier(.22,1,.36,1) scale-in;box-shadow:0 24px 80px #11283514,inset 0 1px #ffffffa6}.hero-panel{color:#1a1a1a;background:radial-gradient(circle at 100% 0,#ff8c4266,#0000 34%),radial-gradient(circle at 20% 120%,#ffb4644d,#0000 34%),linear-gradient(145deg,#fff5e6 0%,#ffe8d1 46%,#ffe0c0 100%);border-radius:30px;flex-direction:column;justify-content:space-between;min-height:420px;padding:2.35rem;animation:.7s cubic-bezier(.22,1,.36,1) scale-in;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #ff8c4226,inset 0 1px #fff9}.hero-panel:before,.hero-panel:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.hero-panel:before{background:radial-gradient(circle,#fff3,#0000 68%);width:13rem;height:13rem;top:-4rem;right:-5rem}.hero-panel:after{background:radial-gradient(circle,#ffffff2e,#0000 66%);width:18rem;height:18rem;bottom:-9rem;right:-6rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#ff8c42;margin:0;font-size:.75rem;font-weight:700;animation:.4s fade-in}.dark-eyebrow{color:#ff8c42}h1,h2,h3{letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.08;animation:.5s fade-in}.hero-panel h1{max-width:15ch;margin-top:.85rem;font-size:clamp(2.2rem,4.8vw,4rem)}.hero-copy{color:#edf5f8e0;max-width:52ch;margin-top:1rem;font-size:1.02rem;line-height:1.7}.flow-card{flex-direction:column;justify-content:space-between;display:flex}.insights-card{border-style:dashed}.insights-grid{grid-template-columns:1fr;gap:.7rem;display:grid}.insight-pill{background:#07485f0d;border:1px solid #07485f1a;border-radius:16px;padding:.8rem;transition:all .24s cubic-bezier(.23,1,.32,1);animation:.5s cubic-bezier(.22,1,.36,1) slide-in-left}.insight-pill:hover{background:#07485f14;border-color:#07485f33;transform:translate(4px)}.insight-pill strong{color:#0a435e;margin-bottom:.25rem;display:block}.insight-pill p{color:#3d6074;margin:0;line-height:1.5}.feature-card{flex-direction:column;justify-content:flex-start;min-height:190px;transition:transform .24s cubic-bezier(.23,1,.32,1),box-shadow .24s;animation:.6s cubic-bezier(.22,1,.36,1) scale-in;display:flex}.feature-card:hover{transform:translateY(-3px)}.feature-card h3{margin-top:.5rem}.feature-card .subtle{margin-top:.65rem}.action-card{transition:transform .24s cubic-bezier(.23,1,.32,1),box-shadow .24s;animation:.6s cubic-bezier(.22,1,.36,1) scale-in}.action-card:hover{transform:translateY(-3px)}.flow-card h2,.agents-card h2,.auth-card h1{margin-bottom:.85rem}.flow-card ol{margin:0;padding-left:1.2rem;line-height:1.85}.flow-card li{padding:.38rem 0}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dashboard-header h1{margin-top:.45rem}.agents-card h2{margin-bottom:1rem}.agent-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.95rem;margin:0;padding:0;list-style:none;display:grid}.agent-item{background:linear-gradient(160deg,#f0fbfff2,#e9f4faed);border:1px solid #062f431f;border-radius:20px;padding:1rem;transition:transform .24s cubic-bezier(.23,1,.32,1),box-shadow .24s cubic-bezier(.23,1,.32,1),border-color .24s,background .24s;box-shadow:0 12px 26px #0d2d3d0f}.agent-item:hover{background:linear-gradient(160deg,#f0fbff,#e9f4fafa);border-color:#062f4333;transform:translateY(-4px);box-shadow:0 24px 48px #0d2d3d1f}.agent-chip{letter-spacing:.06em;color:#0f6689;background:#1177a71f;border-radius:999px;width:fit-content;padding:.28rem .6rem;font-size:.72rem;font-weight:700;transition:all .22s cubic-bezier(.23,1,.32,1)}.agent-chip:hover{background:#1177a733;transform:scale(1.05)}.agent-item h3{margin-top:.85rem}.agent-item p{color:#315064;margin:.42rem 0 0}.stats-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.stat-card{padding:1rem}.stat-card p{color:#4f6d7f;margin:0;font-size:.9rem}.stat-card strong{color:#11384b;margin-top:.5rem;font-size:1.38rem;display:block}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.action-card h3{margin-bottom:.55rem}.action-card .btn{margin-top:.75rem}.auth-card h1{margin-bottom:.6rem}.subtle{color:#5a5a5a;margin-top:0;line-height:1.65}.cta-row{flex-wrap:wrap;gap:.75rem;margin-top:1.05rem;animation:.7s cubic-bezier(.22,1,.36,1) slide-in-left;display:flex}.btn{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;min-height:2.8rem;padding:.78rem 1.35rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .24s cubic-bezier(.23,1,.32,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;background:#fff3;transition:opacity .24s;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-mini{border-radius:10px;min-height:2.15rem;padding:.5rem .95rem;font-size:.84rem}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #00000026}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:linear-gradient(135deg,#ff8c42 0%,#ff7a28 100%);font-weight:600;box-shadow:0 8px 16px #ff8c4240}.btn-primary:hover{box-shadow:0 12px 32px #ff8c4266}.btn-ghost{color:#1a1a1a;background:#ffffffe0;border:1.5px solid #ff8c4233;font-weight:500}.btn-ghost:hover{background:#fffffff2;border-color:#ff8c4266}.btn-telegram{color:#fff;background:linear-gradient(135deg,#ff8c42 0%,#ff7a28 100%);font-weight:600;box-shadow:0 8px 16px #ff8c4240}.btn-telegram:hover{box-shadow:0 12px 32px #ff8c4266}.form-stack{flex-direction:column;gap:.86rem;margin-top:1rem;animation:.6s cubic-bezier(.22,1,.36,1) slide-in-left;display:flex}.mini-stats{flex-wrap:wrap;gap:.55rem;margin-top:.8rem;display:flex}.mini-stat{color:#14536d;background:#e6f6fccc;border:1px solid #0b4e6833;border-radius:999px;padding:.32rem .62rem;font-size:.78rem;font-weight:600;transition:all .22s cubic-bezier(.23,1,.32,1);animation:.4s fade-in}.mini-stat:hover{background:#e6f6fc;transform:scale(1.05);box-shadow:0 4px 12px #0b4e681a}.glass-note{color:#edf5f8f0;background:#ffffff1f;border:1px solid #e1f1f859;border-radius:16px;margin-top:1rem;padding:.8rem .9rem;transition:all .24s cubic-bezier(.23,1,.32,1);animation:.5s fade-in}.glass-note:hover{background:#ffffff2e;border-color:#e1f1f880}.glass-note strong{text-transform:uppercase;letter-spacing:.06em;font-size:.88rem}.glass-note p{margin:.35rem 0 0;line-height:1.5}label{color:#1b3a4c;flex-direction:column;gap:.42rem;font-size:.92rem;font-weight:500;animation:.5s cubic-bezier(.22,1,.36,1) slide-in-left;display:flex}input{background:#fffffff5;border:1.5px solid #d1dfe7;border-radius:12px;padding:.86rem 1rem;font-size:.96rem;transition:border-color .24s cubic-bezier(.23,1,.32,1),box-shadow .24s cubic-bezier(.23,1,.32,1),background .24s}input::placeholder{color:#99aab5}input:hover{background:#fffffffa;border-color:#b8ccd6}input:focus{background:#fff;border-color:#f44f00;outline:none;box-shadow:0 0 0 3px #f44f001f,0 4px 12px #f44f0014}.status{border-radius:14px;margin-top:.8rem;margin-bottom:0;padding:.72rem .78rem;font-size:.92rem;line-height:1.45;animation:.3s cubic-bezier(.22,1,.36,1) scale-in}.status-error{color:#9f3711;background:#fff3ee;border:1px solid #f3b59a}.status-info{color:#0d507a;background:#eef8ff;border:1px solid #a5cff1}.status-success{color:#1c6c3e;background:#eefbf3;border:1px solid #93d4ac}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.placeholder-content{text-align:center;color:#ff8c4299;margin-top:1rem;font-size:1.1rem;font-weight:500}.auth-page{background:linear-gradient(135deg,#f5f1e8 0%,#faf8f3 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;animation:.5s fade-in;display:flex}.auth-container{border-radius:28px;grid-template-columns:1fr;gap:0;width:100%;max-width:480px;animation:.6s cubic-bezier(.22,1,.36,1) scale-in;display:grid;overflow:hidden;box-shadow:0 48px 120px #0000001a,0 24px 56px #00000014}.auth-form-section{background:linear-gradient(#fffffffa,#faf8f3f2);flex-direction:column;justify-content:center;padding:3.5rem 2.8rem;display:flex}.auth-logo{font-family:var(--font-heading);letter-spacing:-.02em;color:#1a1a1a;margin-bottom:2.5rem;font-size:1.3rem;font-weight:800;animation:.4s fade-in}.auth-logo-link{text-decoration:none;transition:all .24s;display:inline-block}.auth-logo-link:hover .auth-logo{color:#ff8c42}.auth-logo-link:active{transform:scale(.95)}.auth-content{animation:.6s cubic-bezier(.22,1,.36,1) slide-in-left}.auth-title{font-size:2rem;font-family:var(--font-heading);color:#1a1a1a;letter-spacing:-.03em;margin:0 0 .5rem;line-height:1.2}.auth-subtitle{color:#5a5a5a;margin:0 0 2rem;font-size:.95rem;line-height:1.6}.auth-form{flex-direction:column;gap:1.2rem;margin-bottom:1.8rem;display:flex}.form-label{flex-direction:column;gap:.5rem;animation:.6s cubic-bezier(.22,1,.36,1) slide-in-left;display:flex}.form-label span{color:#1a1a1a;font-size:.9rem;font-weight:500}.form-input{color:#1a1a1a;font-size:.96rem;font-family:var(--font-body);background:#fffffffa;border:1.5px solid #e0d5c7;border-radius:14px;padding:1rem 1.1rem;transition:all .24s cubic-bezier(.23,1,.32,1)}.form-input::placeholder{color:#a8a8a8}.form-input:hover{background:#fff;border-color:#d4c9bb}.form-input:focus{background:#fff;border-color:#ff8c42;outline:none;box-shadow:0 0 0 3px #ff8c4226,0 4px 12px #ff8c421a}.btn-submit{color:#fff;cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-body);background:linear-gradient(135deg,#ff8c42 0%,#ff7a28 100%);border:0;border-radius:14px;padding:1.1rem 1.5rem;transition:all .24s cubic-bezier(.23,1,.32,1);animation:.7s cubic-bezier(.22,1,.36,1) slide-in-left;box-shadow:0 12px 24px #ff8c4240}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 32px #ff8c4259}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.auth-error{color:#d65c3b;background:#fff3ee;border:1px solid #ff8c4233;border-radius:12px;margin-bottom:1.2rem;padding:.9rem 1rem;font-size:.9rem;animation:.3s cubic-bezier(.22,1,.36,1) scale-in}.auth-footer{text-align:center;color:#5a5a5a;margin-bottom:1rem;font-size:.9rem;animation:.9s fade-in}.link-btn{color:#ff8c42;cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font-body);background:0 0;border:none;transition:color .24s}.link-btn:hover{color:#ff7a28}.auth-terms{text-align:center;font-size:.8rem;animation:1s fade-in}.auth-terms a{color:#a8a8a8;text-decoration:none;transition:color .24s}.auth-terms a:hover{color:#5a5a5a}@media (width<=960px){.page-bg{padding:1rem}.auth-container{grid-template-columns:1fr}.auth-form-section{padding:2.5rem 1.8rem}.auth-title{font-size:1.5rem}.auth-socials{grid-template-columns:1fr}.landing-nav{flex-direction:column;gap:1rem;padding:1rem 1.5rem}.nav-left,.nav-right{justify-content:center;width:100%}.landing-hero{padding:2rem 1rem}.hero-buttons{flex-direction:column;align-items:center}.btn-lg{width:100%;max-width:300px}.landing-features{grid-template-columns:1fr;gap:1.5rem;padding:2rem 1rem}.hero-shell,.create-shell,.feature-shell{grid-template-columns:1fr}.hero-panel{min-height:300px;padding:1.5rem}.dashboard-header{flex-direction:column}.stats-strip,.quick-actions,.agent-grid{grid-template-columns:1fr}.page-topbar{flex-wrap:wrap}.page-context{width:100%;margin-left:0}}.dashboard-layout{min-height:100vh;display:flex}.dashboard-main{flex:1;margin-left:280px;transition:margin-left .3s}.mobile-menu-toggle{z-index:1000;color:#fff;cursor:pointer;background:#ff8c42;border:none;border-radius:8px;padding:.5rem .75rem;font-size:1.2rem;display:none;position:fixed;top:1rem;left:1rem}.filter-section{margin-bottom:1.5rem}.filter-controls{grid-template-columns:1fr 200px;gap:1rem;margin-bottom:1rem;display:grid}.search-box{align-items:center;display:flex;position:relative}.search-box .form-input{width:100%;padding-right:2.5rem}.search-clear{cursor:pointer;color:#ff8c42;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.2rem;display:flex;position:absolute;right:1rem}.form-select{color:#1a1a1a;cursor:pointer;background:#fff;border:1px solid #ff8c4233;border-radius:12px;padding:.75rem 1rem;font-family:inherit;transition:all .24s}.form-select:hover{border-color:#ff8c42}.form-select:focus{border-color:#ff8c42;outline:none;box-shadow:0 0 0 3px #ff8c421a}.filter-info{color:#5a5a5a;margin:0;font-size:.85rem}.agent-item{position:relative}.agent-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.agent-chip{color:#fff;word-break:break-all;background:linear-gradient(135deg,#ff8c42 0%,#ff7a28 100%);border-radius:20px;padding:.4rem .8rem;font-size:.8rem;font-weight:600}.status-badge{text-transform:capitalize;border-radius:12px;padding:.3rem .6rem;font-size:.75rem;font-weight:600}.status-badge.connected{color:#4caf50;background:#4caf501a}.status-badge.disconnected{color:#f44336;background:#f443361a}.status-badge.error{color:#ff9800;background:#ff98001a}.agent-role{color:#5a5a5a;margin:.25rem 0 .75rem;font-size:.95rem}.agent-metrics{background:#ff8c420d;border-radius:8px;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem;padding:.75rem;display:grid}.metric{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.metric-label{color:#5a5a5a;font-weight:500}.metric-value{color:#ff8c42;font-weight:700}.agent-status{border-top:1px solid #ff8c421a;padding-top:.75rem}.agent-status p{margin:.25rem 0;font-size:.85rem}.agent-copy-options{opacity:0;border-top:1px solid #ff8c421a;gap:.5rem;margin-top:1rem;padding-top:1rem;transition:opacity .24s;display:flex}.agent-item:hover .agent-copy-options{opacity:1}.copy-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8c42 0%,#ff7a28 100%);border:none;border-radius:8px;flex:1;padding:.5rem .75rem;font-size:.8rem;font-weight:600;transition:all .24s}.copy-btn:hover{background:linear-gradient(135deg,#ff7a28 0%,#ff6914 100%);transform:translateY(-2px);box-shadow:0 4px 12px #ff8c424d}.copy-btn:active{transform:translateY(0)}.empty-state{text-align:center;padding:2rem 1rem}.empty-state .subtle{margin-bottom:1rem}.pagination{border-top:1px solid #ff8c421a;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.pagination-info{color:#5a5a5a;margin:0 .5rem;font-size:.9rem}.pagination button:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.dashboard-main{margin-left:0}.mobile-menu-toggle{display:block}.filter-controls,.agent-metrics{grid-template-columns:1fr}.pagination{flex-wrap:wrap;gap:.5rem}.pagination button{flex:1;min-width:100px}.dashboard-header{flex-direction:column;gap:1rem;display:flex}.dashboard-header .btn{width:100%}.stats-strip{grid-template-columns:1fr 1fr!important}}.settings-section{margin-bottom:1.5rem}.settings-section h2{color:#1a1a1a;margin:0 0 1.5rem;font-size:1.3rem}.settings-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:#1a1a1a;font-size:.95rem;font-weight:600}.checkbox-group{gap:.75rem}.checkbox-label{cursor:pointer;color:#1a1a1a;align-items:center;gap:.75rem;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#ff8c42;width:18px;height:18px}.form-actions{align-items:center;gap:1rem;display:flex}.form-actions .btn{flex:none;min-width:150px}.success-message{color:#4caf50;background:#4caf501a;border-radius:8px;margin:0;padding:.5rem 1rem;font-weight:600}.profile-info{gap:1rem;display:grid}.info-item{background:#ff8c420d;border:1px solid #ff8c421a;border-radius:12px;padding:1rem}.info-item label{color:#1a1a1a;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.info-value{color:#5a5a5a;margin:0;font-size:1rem}.api-keys-list{gap:1rem;display:grid}.api-key-item{background:#fff9;border:1px solid #ff8c421a;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:1.5rem;display:grid}.key-info h3{color:#1a1a1a;margin:0 0 .5rem;font-size:1rem}.key-info p{margin:.25rem 0;font-size:.85rem}.key-display{background:#f5f1e8;border-radius:8px;align-items:center;gap:.5rem;max-width:400px;padding:.75rem 1rem;display:flex}.key-value{color:#1a1a1a;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:Monaco,Courier New,monospace;font-size:.85rem;overflow:hidden}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.danger-zone{background:#f4433605;border:1px solid #f4433633}.danger-zone h2{color:#f44336}.btn-danger{color:#fff;background:linear-gradient(135deg,#f44336 0%,#e53935 100%);border:none;margin:.5rem 0}.btn-danger:hover{background:linear-gradient(135deg,#e53935 0%,#d32f2f 100%)}@media (width<=768px){.api-key-item{grid-template-columns:1fr;gap:.75rem}.key-display{max-width:100%}.settings-form{gap:1rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%;min-width:unset}}.back-container{align-items:center;display:flex}.back-button{white-space:nowrap;padding:.25rem .5rem;font-size:.75rem}.form-container{grid-template-columns:minmax(0,1fr) minmax(320px,1fr);align-items:start;gap:1.5rem;display:grid}