.app-container{min-height:100vh}.crm-layout{display:flex;height:100vh;overflow:hidden}.crm-sidebar{width:220px;height:100%;background:#0f766e;color:#fff;padding:1rem 0;flex-shrink:0;overflow:hidden}.crm-sidebar nav{display:flex;flex-direction:column;gap:.25rem}.crm-sidebar a{color:#ffffffe6;padding:.5rem 1rem;margin:0 .5rem;border-radius:6px;text-decoration:none;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.crm-sidebar a:hover{background:#ffffff26;color:#fff}.crm-sidebar a.active{background:#fff3;color:#fff}.crm-sidebar .sidebar-footer{margin-top:auto;padding:1rem 1rem 0;border-top:1px solid rgba(255,255,255,.2)}.crm-sidebar .sidebar-footer button{width:100%;padding:.5rem 1rem;background:transparent;border:none;color:#ffffffe6;text-align:left;cursor:pointer;border-radius:6px;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.crm-sidebar .sidebar-footer button:hover{background:#ffffff26}.crm-main{flex:1;min-height:0;display:flex;flex-direction:column;background:#f8fafc;overflow:hidden}.crm-header{padding:.75rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.crm-header h2{margin:0;font-size:1.1rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:.5rem}.header-crm-badge{font-size:.7rem;font-weight:600;padding:.2rem .5rem;background:#0f766e;color:#fff;border-radius:4px;letter-spacing:.05em}.header-user{display:flex;align-items:center;gap:.75rem}.header-name{font-size:.9rem;color:#475569}.header-role{font-size:.75rem;padding:.2rem .5rem;background:#e2e8f0;color:#64748b;border-radius:4px}.crm-content{flex:1;min-height:0;padding:1.5rem;overflow:auto}.page-card{background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;padding:1.25rem;margin-bottom:1rem}.page-card h3{margin:0 0 .75rem;font-size:1rem;color:#334155}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse;font-size:.875rem}.table-wrap th,.table-wrap td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #e2e8f0}.table-wrap th{font-weight:500;color:#64748b;background:#f8fafc}.table-wrap tr:hover td{background:#f8fafc}.btn{padding:.4rem .75rem;font-size:.875rem;border-radius:6px;border:none;cursor:pointer;font-weight:500}.btn-primary{background:#0f766e;color:#fff}.btn-primary:hover{background:#0d9488}.btn-secondary{background:#e2e8f0;color:#475569}.btn-secondary:hover{background:#cbd5e1}.btn-small{padding:.25rem .5rem;font-size:.8rem}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.dashboard-card{display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit}.dashboard-card-value{font-size:1.5rem;font-weight:600;color:#1e293b}.dashboard-card-label{font-size:.875rem;color:#64748b}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;padding:1.5rem;min-width:320px;max-width:90vw}:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#1e293b;background-color:#f8fafc}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}a{color:#0f766e;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:.5rem}.loader{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#0f766e;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}