:root{--ziwa-orange: #E8531D;--ziwa-orange-dark: #C3430F;--ziwa-orange-light: #FBE4D9;--ziwa-black: #161616;--ziwa-slate: #454B52;--ziwa-slate-light: #7A828B;--ziwa-bg: #F5F5F3;--ziwa-surface: #FFFFFF;--ziwa-border: #E4E2DE;--status-lead: #8A5CF6;--status-lead-bg: #F1EBFE;--status-followup: #E8531D;--status-followup-bg: #FBE4D9;--status-closed: #1E9E5A;--status-closed-bg: #E1F6EA;--status-visited: #2F80D6;--status-visited-bg: #E4F0FC;--status-future: #0E9488;--status-future-bg: #DFF5F2;--status-interested: #D6469B;--status-interested-bg: #FBE3F1;--status-hire: #B8860B;--status-hire-bg: #F5EAD1;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-sm: 0 1px 3px rgba(22, 22, 22, .08);--shadow-md: 0 6px 20px rgba(22, 22, 22, .1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;background:var(--ziwa-bg);color:var(--ziwa-black);-webkit-font-smoothing:antialiased;overflow-x:hidden}input,select,button,textarea{font-family:inherit}button{cursor:pointer}::selection{background:var(--ziwa-orange-light);color:var(--ziwa-orange-dark)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.sidebar{background:var(--ziwa-surface);border-bottom:1px solid var(--ziwa-border);position:sticky;top:0;z-index:30}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px}.sidebar-brand-left{display:flex;align-items:center;gap:10px;min-width:0}.sidebar-logo{height:34px;width:auto;object-fit:contain;flex-shrink:0}.sidebar-title{font-size:14px;font-weight:700;color:var(--ziwa-black);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-subtitle{font-size:11px;color:var(--ziwa-slate-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:1px solid var(--ziwa-border);background:#fff;border-radius:var(--radius-sm);color:var(--ziwa-black)}.hamburger-btn span,.hamburger-btn span:before,.hamburger-btn span:after{content:"";display:block;width:16px;height:2px;background:currentColor;border-radius:2px;position:relative}.hamburger-btn span:before{top:-5px}.hamburger-btn span:after{top:3px}.sidebar-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#16161673;z-index:105;opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebar-drawer-backdrop.open{opacity:1;pointer-events:auto}.sidebar-nav-wrap{position:fixed;top:0;bottom:0;left:0;width:280px;max-width:84vw;background:var(--ziwa-surface);z-index:110;transform:translate(-100%);transition:transform .25s ease;display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.sidebar-nav-wrap.open{transform:translate(0)}.sidebar-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;border-bottom:1px solid var(--ziwa-border)}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:12px;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 12px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--ziwa-slate);font-size:14px;font-weight:600;white-space:nowrap}.nav-item.active{background:var(--ziwa-orange-light);color:var(--ziwa-orange-dark)}.nav-item .count{font-weight:700;opacity:.8}.sidebar-footer{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-top:1px solid var(--ziwa-border)}.sidebar-footer-email{font-size:12px;color:var(--ziwa-slate-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer button{width:100%}.main-content{flex:1;min-width:0}.topbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px 20px}.topbar .search-input{flex-basis:100%}@media (min-width: 560px){.topbar .search-input{flex-basis:0}}.search-input{flex:1;min-width:0;padding:11px 14px;border-radius:var(--radius-md);border:1px solid var(--ziwa-border);font-size:15px;background:#fff;outline:none}.add-btn{flex:1 0 auto;padding:11px 18px;border-radius:var(--radius-md);border:none;background:var(--ziwa-orange);color:#fff;font-weight:700;font-size:14px;box-shadow:var(--shadow-sm);white-space:nowrap}.add-btn.secondary-btn{background:#fff;color:var(--ziwa-slate);border:1px solid var(--ziwa-border);box-shadow:none}@media (min-width: 560px){.add-btn{flex:0 0 auto}}.content-area{padding:0 20px 40px}.filter-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:16px}.filter-row::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--ziwa-border);background:var(--ziwa-surface);color:var(--ziwa-slate);font-size:13px;font-weight:600;white-space:nowrap}.filter-chip.active{border-color:var(--ziwa-orange);background:var(--ziwa-orange);color:#fff}.filter-chip .count{font-weight:700;opacity:.8}.client-cards{display:flex;flex-direction:column;gap:10px}.client-table-wrap{display:none}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:4px}.panel{background:var(--ziwa-surface);border:1px solid var(--ziwa-border);border-radius:var(--radius-md);padding:14px;min-width:0}.panel-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ziwa-black);margin-bottom:10px}.panel-count{font-size:11px;font-weight:700;color:var(--ziwa-orange-dark);background:var(--ziwa-orange-light);border-radius:999px;padding:1px 8px}.panel-empty{font-size:13px;color:var(--ziwa-slate-light);padding:8px 0}.panel-list{display:flex;flex-direction:column;gap:2px}.panel-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 6px;border:none;background:transparent;border-radius:var(--radius-sm);text-align:left;font-family:inherit}.panel-row:hover{background:var(--ziwa-bg)}.panel-row-title{font-size:13px;font-weight:600;color:var(--ziwa-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-row-sub{font-size:12px;color:var(--ziwa-slate-light);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-row-time{font-size:11px;color:var(--ziwa-slate-light);flex-shrink:0;white-space:nowrap}@media (min-width: 900px){.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.empty-state{text-align:center;color:var(--ziwa-slate-light);padding:60px 20px;background:var(--ziwa-surface);border:1px dashed var(--ziwa-border);border-radius:var(--radius-md)}@media (min-width: 900px){.app-shell{flex-direction:row}.sidebar{width:260px;flex-shrink:0;height:100vh;border-bottom:none;border-right:1px solid var(--ziwa-border);display:flex;flex-direction:column;position:sticky;top:0}.sidebar-brand{padding:20px 18px 8px}.sidebar-logo{height:40px}.hamburger-btn,.sidebar-drawer-backdrop,.sidebar-drawer-header{display:none}.sidebar-nav-wrap{position:static;width:auto;max-width:none;transform:none;transition:none;box-shadow:none;flex:1;min-height:0}.sidebar-footer{padding:14px 18px}.client-cards{display:none}.client-table-wrap{display:block;background:var(--ziwa-surface);border:1px solid var(--ziwa-border);border-radius:var(--radius-md);overflow:hidden}.client-table{width:100%;border-collapse:collapse}.client-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--ziwa-slate-light);padding:12px 16px;border-bottom:1px solid var(--ziwa-border)}.client-table td{padding:14px 16px;border-bottom:1px solid var(--ziwa-border);vertical-align:middle;font-size:14px}.client-table tr:last-child td{border-bottom:none}.client-table tbody tr{cursor:pointer}.client-table tbody tr:hover{background:var(--ziwa-bg)}}