.ciq-app{display:flex;min-height:100vh}
.ciq-sidebar{width:var(--ciq-sidebar-expanded);background:var(--ciq-bg-surface);border-right:1px solid var(--ciq-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}
.ciq-sidebar--collapsed{width:var(--ciq-sidebar-collapsed)}
.ciq-sidebar__logo{padding:var(--ciq-space-4) var(--ciq-space-5);display:flex;align-items:center;gap:var(--ciq-space-3);border-bottom:1px solid var(--ciq-border);height:var(--ciq-topbar-height)}
.ciq-sidebar__logo-icon{width:32px;height:32px;background:var(--ciq-primary);border-radius:var(--ciq-radius-md);display:flex;align-items:center;justify-content:center;color:var(--ciq-primary-foreground);font-weight:700;flex-shrink:0}
.ciq-sidebar__logo-text{font-family:var(--ciq-font-heading);font-size:var(--ciq-text-md);font-weight:700;color:var(--ciq-text-primary)}
.ciq-sidebar--collapsed .ciq-sidebar__logo-text{display:none}
.ciq-sidebar__nav{flex:1;padding:var(--ciq-space-3) var(--ciq-space-2);overflow-y:auto}
.ciq-sidebar__item{display:flex;align-items:center;gap:var(--ciq-space-3);padding:var(--ciq-space-2) var(--ciq-space-3);border-radius:var(--ciq-radius-md);font-family:var(--ciq-font-heading);font-size:var(--ciq-text-sm);font-weight:500;color:var(--ciq-text-secondary);text-decoration:none;transition:all 200ms}
.ciq-sidebar__item:hover{background:var(--ciq-bg-inset);color:var(--ciq-text-primary)}
.ciq-sidebar__item--active{background:var(--ciq-primary-subtle);color:var(--ciq-primary);font-weight:600}
.ciq-sidebar__item-icon{width:20px;height:20px;flex-shrink:0}
.ciq-sidebar__item-label{overflow:hidden;white-space:nowrap}
.ciq-sidebar--collapsed .ciq-sidebar__item-label{display:none}
.ciq-sidebar--collapsed .ciq-sidebar__item{justify-content:center;padding:var(--ciq-space-2)}
.ciq-sidebar__section{font-size:var(--ciq-text-xs);font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:var(--ciq-text-tertiary);padding:var(--ciq-space-4) var(--ciq-space-3) var(--ciq-space-1)}
.ciq-sidebar--collapsed .ciq-sidebar__section{display:none}
.ciq-topbar{height:var(--ciq-topbar-height);background:var(--ciq-bg-surface);border-bottom:1px solid var(--ciq-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--ciq-space-6);position:fixed;top:0;left:var(--ciq-sidebar-expanded);right:0;z-index:90}
.ciq-topbar__breadcrumb{display:flex;align-items:center;gap:var(--ciq-space-2);font-size:var(--ciq-text-sm);color:var(--ciq-text-secondary)}
.ciq-topbar__actions{display:flex;align-items:center;gap:var(--ciq-space-3)}
.ciq-topbar__avatar{width:32px;height:32px;border-radius:9999px;background:var(--ciq-primary);color:var(--ciq-primary-foreground);display:flex;align-items:center;justify-content:center;font-size:var(--ciq-text-sm);font-weight:700}
.ciq-topbar__hamburger{display:none;background:none;border:none;cursor:pointer;padding:var(--ciq-space-2);color:var(--ciq-text-primary);font-size:20px}
.ciq-main{flex:1;margin-left:var(--ciq-sidebar-expanded)}
.ciq-sidebar--collapsed~.ciq-main{margin-left:var(--ciq-sidebar-collapsed)}
.ciq-content{padding:calc(var(--ciq-topbar-height)+var(--ciq-space-6)) var(--ciq-page-padding) var(--ciq-page-padding);max-width:var(--ciq-content-max-width);margin:0 auto}
.ciq-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ciq-section-gap)}
.ciq-page-header__title{font-family:var(--ciq-font-heading);font-size:var(--ciq-text-2xl);font-weight:700}
.ciq-grid{display:grid;gap:var(--ciq-card-gap)}
.ciq-grid--stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.ciq-grid--2{grid-template-columns:repeat(2,1fr)}
.ciq-grid--3{grid-template-columns:repeat(3,1fr)}
@media(max-width:768px){.ciq-sidebar{transform:translateX(-100%);width:280px}.ciq-sidebar--mobile-open{transform:translateX(0)}.ciq-main{margin-left:0}.ciq-topbar{left:0}.ciq-topbar__hamburger{display:block}.ciq-content{padding:calc(var(--ciq-topbar-height)+var(--ciq-space-4)) var(--ciq-space-4) var(--ciq-space-4)}.ciq-grid--2,.ciq-grid--3{grid-template-columns:1fr}}
@media(max-width:344px){.ciq-content{padding:calc(var(--ciq-topbar-height)+var(--ciq-space-3)) var(--ciq-space-3) var(--ciq-space-3)}.ciq-grid--stats{grid-template-columns:1fr 1fr}}
.ciq-auth{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--ciq-space-6);background:var(--ciq-bg-page)}
.ciq-auth__card{background:var(--ciq-bg-surface);border-radius:var(--ciq-radius-xl);box-shadow:var(--ciq-shadow-3);padding:var(--ciq-space-8);width:100%;max-width:420px}
.ciq-auth__title{font-family:var(--ciq-font-heading);font-size:var(--ciq-text-xl);font-weight:700;text-align:center;margin-bottom:var(--ciq-space-6)}
.ciq-auth__footer{text-align:center;font-size:var(--ciq-text-sm);color:var(--ciq-text-secondary);margin-top:var(--ciq-space-6)}
.ciq-skip-link{position:absolute;top:-100%;left:var(--ciq-space-4);padding:var(--ciq-space-2) var(--ciq-space-4);background:var(--ciq-primary);color:var(--ciq-primary-foreground);border-radius:var(--ciq-radius-md);z-index:1000}
.ciq-skip-link:focus{top:var(--ciq-space-2)}