/*
 * KDS kinetic midnight UI
 * This layer intentionally loads after the legacy styles to keep every PHP view
 * and workflow intact while giving the whole platform one visual language.
 */

:root{
  --bg:#070b16;
  --bg-deep:#050814;
  --panel:#11182a;
  --panel-2:#151f36;
  --panel-3:#0d1424;
  --text:#f7f8ff;
  --muted:#9ba8c8;
  --muted-2:#7482a5;
  --line:#293653;
  --line-bright:#415178;
  --dark:#070b16;
  --dark-2:#11182a;
  --primary:#966bff;
  --primary-2:#607dff;
  --primary-soft:#2d275a;
  --green:#49dca1;
  --orange:#ffc56e;
  --red:#ff7389;
  --blue:#62adff;
  --purple:#ad83ff;
  --shadow:0 22px 55px rgba(0,0,0,.32);
  --shadow-soft:0 12px 30px rgba(0,0,0,.19);
  --radius:18px;
  --radius-sm:12px;
}

html{
  background:var(--bg-deep);
  color-scheme:dark;
}

body,
body.app-body,
body.login-body,
.login-panel{
  color:var(--text);
  background:
    radial-gradient(900px 560px at 82% -9%,rgba(74,101,216,.32),transparent 64%),
    radial-gradient(780px 610px at -8% 110%,rgba(112,63,211,.22),transparent 67%),
    linear-gradient(135deg,#070b16 0%,#0a0f1d 52%,#080c18 100%);
}

body.app-body{
  min-height:100vh;
}

body.app-body:before,
body.app-body:after{
  content:"";
  position:fixed;
  pointer-events:none;
  z-index:0;
}

body.app-body:before{
  inset:0;
  opacity:.46;
  background-image:
    linear-gradient(rgba(173,189,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(173,189,255,.026) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(150deg,black,transparent 70%);
}

body.app-body:after{
  width:42rem;
  height:42rem;
  right:-19rem;
  top:20%;
  border-radius:50%;
  filter:blur(82px);
  opacity:.14;
  background:#8667ff;
  animation:kds-ambient 18s ease-in-out infinite alternate;
}

.app-shell{position:relative;z-index:1}

::selection{
  color:#fff;
  background:#7754df;
}

:focus-visible{
  outline:3px solid rgba(166,132,255,.7);
  outline-offset:3px;
}

h1,h2,h3,h4,strong{color:var(--text)}
.muted{color:var(--muted)}

/* Loader */
.app-loader{
  --loader-progress:0%;
  position:fixed;
  inset:0;
  z-index:9999;
  overflow:hidden;
  display:grid;
  place-items:center;
  color:#f7f8ff;
  background:
    radial-gradient(500px 360px at 73% 18%,rgba(113,89,240,.28),transparent 73%),
    radial-gradient(440px 360px at 22% 78%,rgba(53,122,217,.19),transparent 72%),
    #070b16;
  transition:opacity .52s ease,visibility .52s ease;
}

.app-loader:before,
.app-loader:after{
  content:"";
  position:absolute;
  border:1px solid rgba(177,163,255,.18);
  border-radius:50%;
  pointer-events:none;
}

.app-loader:before{
  width:min(72vw,760px);
  aspect-ratio:1;
  animation:kds-orbit 24s linear infinite;
}

.app-loader:after{
  width:min(49vw,500px);
  aspect-ratio:1;
  border-color:rgba(97,163,255,.16);
  animation:kds-orbit 16s linear infinite reverse;
}

.app-loader.is-complete{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.app-loader__grid{
  position:absolute;
  inset:0;
  opacity:.32;
  background-image:
    linear-gradient(rgba(207,213,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(207,213,255,.055) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:radial-gradient(circle at center,black,transparent 70%);
}

.app-loader__card{
  position:relative;
  z-index:1;
  width:min(400px,calc(100vw - 42px));
  padding:42px 38px 35px;
  overflow:hidden;
  text-align:center;
  border:1px solid rgba(191,179,255,.24);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(25,33,57,.88),rgba(10,16,32,.88));
  box-shadow:0 30px 100px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.09);
  backdrop-filter:blur(22px);
}

.app-loader__card:before{
  content:"";
  position:absolute;
  inset:-70% -35%;
  z-index:-1;
  opacity:.62;
  background:linear-gradient(105deg,transparent 38%,rgba(190,174,255,.14) 50%,transparent 62%);
  transform:rotate(10deg);
  animation:kds-loader-sheen 2.8s ease-in-out infinite;
}

.app-loader__mark{
  width:74px;
  height:74px;
  margin:0 auto 21px;
  display:grid;
  place-items:center;
  position:relative;
  border:1px solid rgba(232,228,255,.52);
  border-radius:22px;
  color:#fff;
  font-size:31px;
  font-weight:850;
  letter-spacing:-.09em;
  background:linear-gradient(140deg,#c0a5ff 0%,#8966ef 45%,#4e68df 100%);
  box-shadow:0 14px 38px rgba(121,82,239,.4),inset 0 1px 0 rgba(255,255,255,.55);
  animation:kds-float 3.4s ease-in-out infinite;
}

.app-loader__mark:after{
  content:"";
  position:absolute;
  inset:-9px;
  border:1px solid rgba(164,135,255,.33);
  border-radius:28px;
  animation:kds-pulse-ring 2s ease-out infinite;
}

.app-loader__eyebrow{
  color:#b9c5ed;
  font-size:9px;
  font-weight:800;
  letter-spacing:.2em;
  text-transform:uppercase;
}

.app-loader__percent{
  display:block;
  margin:16px 0 7px;
  color:#fff;
  font-size:52px;
  font-weight:800;
  letter-spacing:-.07em;
  line-height:1;
  font-variant-numeric:tabular-nums;
}

.app-loader__status{
  display:block;
  min-height:18px;
  color:#9fabcd;
  font-size:11px;
}

.app-loader__track{
  height:8px;
  margin-top:25px;
  overflow:hidden;
  border:1px solid rgba(189,202,255,.16);
  border-radius:999px;
  background:rgba(6,10,22,.68);
  box-shadow:inset 0 1px 4px rgba(0,0,0,.45);
}

.app-loader__track span{
  width:var(--loader-progress);
  height:100%;
  display:block;
  position:relative;
  border-radius:inherit;
  background:linear-gradient(90deg,#627dff 0%,#9a68ff 55%,#c0a2ff 100%);
  box-shadow:0 0 20px rgba(148,105,255,.75);
  transition:width .16s linear;
}

.app-loader__track span:after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.65;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);
  animation:kds-progress-shimmer 1.1s linear infinite;
}

/* Navigation and shell */
.sidebar{
  color:#c7d0eb;
  border-right:1px solid rgba(147,167,225,.16);
  background:
    radial-gradient(400px 310px at 10% 0,rgba(92,72,179,.24),transparent 70%),
    linear-gradient(180deg,#0d1324 0%,#080d19 100%);
  box-shadow:18px 0 50px rgba(0,0,0,.25);
}

.sidebar-top,
.sidebar-footer{border-color:rgba(148,164,212,.14)}

.brand-mark,
.core-logo,
.ai-logo,
.studio-avatar{
  color:#fff;
  border-color:rgba(233,229,255,.48);
  background:linear-gradient(140deg,#b798ff,#7c5ae5 54%,#4d72e4);
  box-shadow:0 12px 30px rgba(103,74,228,.32),inset 0 1px 0 rgba(255,255,255,.46);
}

.brand strong,
.sidebar .brand strong,
.studio-status strong,
.user-mini strong,
.user-mini-copy strong{color:#f7f8ff}

.brand small,
.sidebar .brand small,
.studio-status small,
.nav-label,
.user-mini small,
.user-mini-copy small{color:#8090b7}

.studio-status{
  border-color:rgba(161,175,231,.13);
  background:rgba(130,115,205,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.status-pulse{
  background:#56e1a3;
  box-shadow:0 0 0 5px rgba(76,224,161,.11);
  animation:kds-status-pulse 2.3s ease-in-out infinite;
}

.nav-label{color:#66769e}

.main-nav a{
  color:#9eabc9;
  border:1px solid transparent;
  transition:transform .24s ease,background .24s ease,border-color .24s ease,color .24s ease,box-shadow .24s ease;
}

.main-nav a:hover{
  color:#f4f3ff;
  border-color:rgba(147,124,240,.2);
  background:rgba(93,89,158,.17);
  transform:translateX(3px);
}

.main-nav a.active{
  color:#fbfaff;
  border-color:#4f4386;
  background:linear-gradient(100deg,rgba(92,72,193,.72),rgba(54,51,125,.64));
  box-shadow:inset 3px 0 0 #b18bff,0 10px 28px rgba(3,5,17,.31);
}

.main-nav a b{
  color:#e8e2ff;
  background:#2f2864;
  border-color:#4e428e;
}

.sidebar .sidebar-close{
  color:#c6b7ff;
  border-color:#3a3d68;
  background:#18203a;
}

.sidebar .sidebar-close:hover{color:#fff;background:#2c2860;border-color:#675aa8}

.main-content{
  background:linear-gradient(180deg,rgba(9,14,27,.32),transparent 32%);
}

.topbar{
  border-bottom-color:rgba(130,150,209,.15);
  background:rgba(9,14,27,.78);
  box-shadow:0 14px 34px rgba(0,0,0,.12);
  backdrop-filter:blur(18px);
}

.page-heading h1{color:#f9f9ff}
.page-heading p{color:#9daac9}

.icon-btn,
.sidebar-toggle{
  color:#afbad7;
  border-color:#303e60;
  background:#121a2e;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.icon-btn:hover,
.sidebar-toggle:hover{
  color:#f4f1ff;
  border-color:#6558a4;
  background:#27234d;
  transform:translateY(-1px);
}

.global-search{
  color:#93a1c3;
  border-color:#2b3858;
  background:#111a2e;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.global-search:focus-within{
  border-color:#7967c7;
  box-shadow:0 0 0 4px rgba(126,96,225,.13);
}

.global-search input{color:#edf0ff}
.global-search input::placeholder{color:#7180a4}

.notification-btn b{
  border-color:#0d1424;
  background:#ff647d;
  box-shadow:0 0 0 3px #141d34,0 0 14px rgba(255,100,125,.45);
  animation:kds-notification 1.85s ease-in-out infinite;
}

.content-wrap{position:relative}

/* Cards, lists and data */
.panel,
.metric-card,
.project-card,
.project-hero-card,
.chat-panel,
.project-people-panel,
.messages-workspace,
.team-chat-panel,
.agent-card,
.team-card,
.toolbar-card,
.project-tabs,
.conversation-list>a{
  color:#e9edfb;
  border-color:var(--line);
  background:
    radial-gradient(260px 160px at 100% 0,rgba(85,112,198,.08),transparent 82%),
    linear-gradient(135deg,#131b2e 0%,#101728 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),var(--shadow-soft);
}

.panel-header,
.chat-header,
.team-chat-header,
.conversation-heading{border-color:var(--line)}

.panel-header p,
.project-main span,
.metric-card span,
.metric-card small,
.activity-item small,
.project-card>p,
.project-card-meta,
.team-card>p,
.agent-card>p,
.agent-card-footer span,
.integration-card p,
.security-card li,
.details-grid dt,
.details-grid dd,
.muted-action{color:var(--muted)}

.metric-card,
.project-card,
.agent-card,
.team-card,
.file-row,
.project-row,
.agent-mini,
.conversation-list>a{
  transition:transform .26s cubic-bezier(.2,.75,.2,1),border-color .26s ease,background .26s ease,box-shadow .26s ease;
}

.metric-card:hover,
.project-card:hover,
.agent-card:hover,
.team-card:hover{
  border-color:#596c9d;
  background:
    radial-gradient(250px 170px at 100% 0,rgba(129,93,238,.17),transparent 80%),
    linear-gradient(135deg,#18223a,#11192b);
  box-shadow:0 22px 42px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08);
  transform:translateY(-5px);
}

.metric-icon{
  color:#c8b5ff;
  border:1px solid rgba(165,138,255,.22);
  background:linear-gradient(145deg,rgba(110,82,216,.36),rgba(52,69,143,.34));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}

.tone-blue{color:#91c5ff;background:#19395c;border-color:#2b5d90}
.tone-purple{color:#cdb5ff;background:#312361;border-color:#5b4295}
.tone-orange{color:#ffd084;background:#49331e;border-color:#77532b}
.tone-green{color:#82edbd;background:#163f37;border-color:#2e7664}

.project-row{border-color:#26324e}
.project-row:hover{
  border-color:#3e4d72;
  background:linear-gradient(90deg,rgba(112,89,210,.14),transparent);
}

.project-brand{box-shadow:0 8px 22px rgba(0,0,0,.28)}
.project-main strong,.project-card h3,.agent-card h3,.team-card h3,.project-title-line h2{color:#f3f5ff}
.project-main span{color:#9ca9c8}

.progress-cell>div,
.big-progress{
  background:#252f4b;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.35);
}

.progress-cell>div span,
.big-progress span{
  background:linear-gradient(90deg,#618dff,#996bff 58%,#c092ff);
  box-shadow:0 0 14px rgba(133,99,255,.54);
  position:relative;
}

.progress-cell>div span:after,
.big-progress span:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
  animation:kds-progress-shimmer 2.2s linear infinite;
}

.status{border:1px solid transparent}
.status-todo{color:#c3cce2;background:#202b44;border-color:#374664}
.status-in_progress{color:#aaceff;background:#17365a;border-color:#2f5e91}
.status-review{color:#ffd489;background:#48331d;border-color:#76562c}
.status-completed{color:#86eebd;background:#153e34;border-color:#2c7562}
.priority-high{color:#ff8aa0}.priority-medium{color:#ffc26d}.priority-low{color:#5de6ac}

.activity-dot{box-shadow:0 0 0 5px #172039}
.activity-task{background:#6aa9ff}.activity-review{background:#ffc163}.activity-code{background:#a57bff}.activity-project{background:#4ce0a0}.activity-agent{background:#bb91ff}.activity-chat{background:#5bc7f0}.activity-client{background:#ff88c7}
.activity-item p{color:#dbe2f7}

.agent-mini:hover{background:#1a2440}
.availability.online{background:#4de2a2;box-shadow:0 0 0 4px rgba(77,226,162,.1)}
.health-score{color:#b494ff}

/* Hero surfaces */
.hero-panel,
.agents-intro,
.team-manifesto,
.payout-hero,
.git-workflow-hero{
  overflow:hidden;
  border:1px solid rgba(140,126,223,.28);
  background:
    radial-gradient(circle at 83% 12%,rgba(106,149,255,.3),transparent 23%),
    radial-gradient(circle at 17% 100%,rgba(148,93,244,.28),transparent 40%),
    linear-gradient(135deg,#131936 0%,#1b1e4d 52%,#15243f 100%);
  box-shadow:0 26px 62px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.085);
}

.hero-panel:before,
.agents-intro:before,
.team-manifesto:before,
.payout-hero:before,
.git-workflow-hero:before{
  background-image:
    linear-gradient(rgba(229,232,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(229,232,255,.045) 1px,transparent 1px);
}

.hero-panel:after,
.agents-intro:after,
.team-manifesto:after,
.payout-hero:after{
  content:"";
  width:230px;
  height:230px;
  position:absolute;
  right:-74px;
  bottom:-112px;
  border:1px solid rgba(205,193,255,.32);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(122,99,239,.045),0 0 0 70px rgba(89,126,255,.025);
  animation:kds-orbit 16s linear infinite;
}

.hero-panel h2,
.agents-intro h2,
.team-manifesto h2,
.payout-hero h2,
.git-workflow-hero h2{color:#fbfbff}

.hero-panel p,
.agents-intro p,
.team-manifesto p,
.payout-hero p,
.git-workflow-hero p{color:#b5c0df}

.hero-panel .eyebrow,
.agents-intro .eyebrow,
.team-manifesto .eyebrow,
.payout-hero .eyebrow,
.git-workflow-hero .eyebrow{color:#c7b5ff}

.core-logo{animation:kds-float 4s ease-in-out infinite}
.orbit{border-color:rgba(196,186,255,.22)}
.orbit span{border-color:rgba(226,222,255,.18);background:rgba(201,192,255,.1)}

/* Buttons and controls */
.btn{
  color:#dbe2f7;
  border-color:#39486b;
  background:linear-gradient(180deg,#202b47,#182139);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.16);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}

.btn:hover:not(:disabled){
  color:#fff;
  border-color:#6d69ab;
  background:linear-gradient(180deg,#2b3759,#1d2842);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 13px 25px rgba(0,0,0,.26);
  transform:translateY(-2px);
}

.btn-primary{
  color:#fff;
  border-color:#a37dfb;
  background:linear-gradient(135deg,#a779ff 0%,#7957ed 52%,#5f78ef 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 13px 29px rgba(111,71,230,.37);
}

.btn-primary:hover:not(:disabled){
  border-color:#c6adff;
  background:linear-gradient(135deg,#bb94ff 0%,#8869f7 50%,#7190ff 100%);
}

.btn-danger{color:#ffbdc8;border-color:#7c3b50;background:#361d2b}
.btn-danger:hover:not(:disabled){background:#4a2334;border-color:#ac5269}
.btn:disabled,button:disabled{opacity:.52}

.stack-form label{color:#c6d0e7}
.stack-form input,
.stack-form textarea,
.stack-form select,
.chat-form textarea,
.compact-select,
.task-status-select,
.agent-status-select{
  color:#e9edfb;
  border-color:#354461;
  background:#0d1526;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.stack-form input:focus,
.stack-form textarea:focus,
.stack-form select:focus,
.chat-form textarea:focus{
  border-color:#856ce2;
  box-shadow:0 0 0 4px rgba(132,104,226,.15);
}

.stack-form input::placeholder,
.stack-form textarea::placeholder{color:#7181a5}

.toolbar-card{border-color:#2a3652}
.filter-tabs button,.project-tabs button{color:#9eacc9}
.filter-tabs button.active,.filter-tabs button:hover,
.project-tabs button.active{
  color:#f2efff;
  background:linear-gradient(135deg,#362a71,#292855);
}

.filter-tabs b,.project-tabs b{color:#d9d0ff;background:#3b316f}
.toolbar-note{color:#98a6c7}

.task-card,
.kanban-column{
  border-color:#2d3a58;
  background:#0d1424;
}

.task-card{
  color:#e8edfb;
  box-shadow:0 8px 20px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.04);
}

.task-card h4{color:#f3f5ff}
.task-card>p,.task-meta,.task-assignee small{color:#98a5c3}
.task-assignee{border-color:#2c3753}
.task-move,.task-edit,.icon-action{
  color:#bdabff;
  border-color:#394a6b;
  background:#152039;
}

.task-move:hover,.task-edit:hover,.icon-action:hover{color:#fff;border-color:#7567b3;background:#302760}

/* Tables, files, messages and overlays */
.responsive-table th{
  color:#9ba8c8;
  border-color:#2d3955;
  background:#121b30;
}

.responsive-table td{
  color:#dce3f6;
  border-color:#27324d;
}

.responsive-table td>small,
.table-person small{color:#94a1c2}

.file-row{border-color:#28334e}
.file-row:hover{background:#17223b}
.file-icon{color:#c0adff;border:1px solid #4a407f;background:#2b2756}

.messages,
.team-messages,
.conversation-sidebar{background:#0d1424}

.message-bubble{color:#dfe5f6;border:1px solid #2b3855;background:#17223a}
.message-own .message-bubble{color:#f4f0ff;border-color:#6850a7;background:#38276b}
.chat-form{border-color:#2a3653;background:#111a2d}

.conversation-list>a{box-shadow:none}
.conversation-list>a:hover{background:#1b2741}
.conversation-list>a.active{color:#f1ecff;border-color:#6657aa;background:#312663}
.conversation-list>a>b{background:#936bff}
.conversation-label{color:#7786aa}

.notification-menu{
  color:#e5eafb;
  border-color:#3a486a;
  background:#141d32;
  box-shadow:0 24px 70px rgba(0,0,0,.55);
}

.notification-menu-head{border-color:#2d3955}
.notification-menu-head small,.notification-item small,.notification-item time{color:#95a3c5}
.notification-menu-head button{color:#bfabff}
.notification-item{border-color:#27324e;background:#141d32}
.notification-item.unread{background:#1c2444}
.notification-item.unread:before{background:#a77cff;box-shadow:0 0 12px rgba(167,124,255,.7)}
.notification-icon{color:#c4b2ff;background:#2d285e}
.notification-empty{color:#9aa7c4}

.modal-backdrop{background:rgba(2,5,14,.78);backdrop-filter:blur(10px)}
.modal-card{
  color:#e5eafb;
  border:1px solid #394867;
  background:linear-gradient(145deg,#172035,#101729);
  box-shadow:0 32px 100px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.08);
}

.modal-close{color:#b8c5e2;border-color:#3a4968;background:#16213a}
.modal-close:hover{color:#fff;border-color:#7465b0;background:#31285f}
.modal-actions{border-color:#2b3651}

.toast{color:#eafff6;border:1px solid #3d806f;background:#113a33;box-shadow:0 15px 40px rgba(0,0,0,.55)}
.toast.error{color:#ffeaf0;border-color:#934c62;background:#652a3a}
.quick-agent-output{color:#dce6ff;border:1px solid #293b5b;background:#0a1120}

.integration-card code{color:#c6d1ec;background:#202b45}
.integration-status{color:#ffd991;border-color:#775c32;background:#44351f}
.integration-status.ready{color:#8aecc1;border-color:#2b7562;background:#143e34}

.presence-chip,.presence-inline,.team-status,.muted-action{color:#9eabc9}
.presence-chip.online,.presence-inline.online,.team-status.is-online,.positive-money{color:#68e7af}
.presence-chip .presence-dot,.presence-inline .presence-dot{background:#7784a2}
.presence-chip.online .presence-dot,.presence-inline.online .presence-dot{background:#50e0a1}

.finance-security-note{color:#c5b6ff;border-color:#4b4079;background:#282354}
.payment-destination button{color:#d8cbff;border-color:#4f438a;background:#302765}
.withdrawal-status.status-pending,.status-pending{color:#ffd892;border-color:#74542a;background:#46331a}
.withdrawal-status.status-approved,.status-approved{color:#c2b4ff;border-color:#55478f;background:#2e285d}
.withdrawal-status.status-paid,.status-paid{color:#87eab9;border-color:#2b755f;background:#153d34}
.withdrawal-status.status-rejected,.status-rejected{color:#ffb6c2;border-color:#813e54;background:#45202d}
.withdrawal-status.status-cancelled,.status-cancelled{color:#b8c3de;border-color:#46536f;background:#273148}

/* Motion */
@media(prefers-reduced-motion:no-preference){
  .content-wrap>*{
    animation:kds-reveal .56s cubic-bezier(.2,.78,.2,1) both;
  }

  .content-wrap>*:nth-child(2){animation-delay:.05s}
  .content-wrap>*:nth-child(3){animation-delay:.1s}
  .content-wrap>*:nth-child(4){animation-delay:.15s}
  .content-wrap>*:nth-child(5){animation-delay:.2s}

  .metric-card:nth-child(2){animation-delay:.06s}
  .metric-card:nth-child(3){animation-delay:.12s}
  .metric-card:nth-child(4){animation-delay:.18s}
}

@keyframes kds-reveal{
  from{opacity:0;transform:translateY(14px) scale(.988)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes kds-ambient{
  from{transform:translate3d(0,0,0) scale(.92)}
  to{transform:translate3d(-7rem,-4rem,0) scale(1.15)}
}

@keyframes kds-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

@keyframes kds-orbit{to{transform:rotate(360deg)}}

@keyframes kds-pulse-ring{
  0%{opacity:.7;transform:scale(.86)}
  80%,100%{opacity:0;transform:scale(1.3)}
}

@keyframes kds-status-pulse{
  0%,100%{box-shadow:0 0 0 5px rgba(76,224,161,.11)}
  50%{box-shadow:0 0 0 9px rgba(76,224,161,.02)}
}

@keyframes kds-notification{
  0%,100%{transform:scale(1)}
  45%{transform:scale(1.12)}
  60%{transform:scale(.98)}
}

@keyframes kds-loader-sheen{
  0%,20%{transform:translateX(-35%) rotate(10deg)}
  72%,100%{transform:translateX(42%) rotate(10deg)}
}

@keyframes kds-progress-shimmer{to{transform:translateX(120%)}}

@media(max-width:980px){
  .sidebar{box-shadow:24px 0 70px rgba(0,0,0,.56)}
  .topbar{background:rgba(9,14,27,.92)}
}

@media(max-width:680px){
  .app-loader__card{padding:36px 26px 30px;border-radius:24px}
  .app-loader__percent{font-size:45px}
  .metric-card:hover,.project-card:hover,.agent-card:hover,.team-card:hover{transform:translateY(-3px)}
  .hero-panel,.agents-intro,.team-manifesto,.payout-hero,.git-workflow-hero{border-radius:20px}
}

@media(prefers-reduced-motion:reduce){
  *,
  *:before,
  *:after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}