html,body,#root{height:100%;margin:0;overflow:hidden}.app-layout{grid-template:"header header"56px"sidebar main"minmax(0,1fr)/220px 1fr;height:100%;display:grid}.app-header{border-bottom:1px solid #ddd;grid-area:header;align-items:center;padding:0 1rem;display:flex}.app-header h1{margin:0;font-size:1.3rem}.app-sidebar{background:#fff;border-right:1px solid #ddd;grid-area:sidebar;padding:1rem}.sidebar-title{color:#666;text-transform:uppercase;letter-spacing:.04em;margin-bottom:1rem;font-size:.85rem;font-weight:700}.sidebar-nav{flex-direction:column;gap:.5rem;display:flex}.sidebar-button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:.75rem .9rem;font-size:1rem}.sidebar-button:hover{background:#eee}.sidebar-button.active{color:#fff;background:#222}.app-main{background:#fafafa;grid-area:main;min-height:0;padding:1.5rem;overflow:hidden}.contacts-page{flex-direction:column;max-width:1100px;height:100%;display:flex}.contacts-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.contacts-controls button,.add-contact-button{font:inherit;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;padding:.35rem .75rem}.contacts-controls button:hover,.add-contact-button:hover{background:#f2f2f2}.contacts-table{table-layout:fixed;border-collapse:collapse;width:100%}.col-name{width:34%}.col-stage{width:13%}.col-type{width:16%}.col-region{width:23%}.col-status{width:14%}.contacts-table th{text-align:left;border-bottom:2px solid #ddd;padding:.75rem 0}.contacts-table td{border-bottom:1px solid #eee;padding:.75rem 0}.contacts-controls button.active-filter{color:#fff;background:#222;border-color:#222}.filter-bar{align-items:center;gap:2rem;margin-bottom:1rem;display:flex}.contacts-controls{gap:.5rem;margin-bottom:0;display:flex}.filter-group{border:1px solid #ddd;border-radius:8px;padding:.75rem 1rem}.filter-group legend{padding:0 .25rem;font-weight:700}.type-filter-group{align-items:center;gap:.75rem;display:flex}.type-filter-group label{white-space:nowrap;align-items:center;gap:.25rem;display:flex}.region-filter-group{grid-template-columns:repeat(auto-fit,minmax(150px,max-content));gap:.5rem 1rem;margin-bottom:1.5rem;display:grid}.region-filter-group label{align-items:center;gap:.25rem;display:flex}.status-filter-group{align-items:center;gap:.75rem;display:flex}.status-filter-group label{white-space:nowrap;align-items:center;gap:.25rem;display:flex}.results-count{color:#666;margin-bottom:.75rem;font-size:.95rem}.contacts-data-area{flex-direction:column;flex:1;min-height:0;display:flex}.contacts-table-scroll{flex:1;min-height:0;overflow-y:auto}.contacts-table thead{z-index:1;background:#fafafa;top:0}.settings-section{max-width:900px}.settings-section label{margin-top:1rem;margin-bottom:.25rem;font-weight:600;display:block}.settings-section textarea{resize:vertical;width:100%;font-family:monospace;font-size:.8rem}