*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fff;color:#1f1f1f}.app{display:flex;height:100vh;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1f1f1f}.main-content{flex:1;display:flex;flex-direction:column;background-color:#fff}.main-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;background-color:#fff}.header-left{display:flex;flex-direction:column}.page-title{font-size:24px;font-weight:600;color:#1f1f1f;margin-bottom:4px}.page-subtitle{font-size:14px;color:#6b7280}.header-right{display:flex;align-items:center;gap:16px}.header-icons{display:flex;gap:8px}.header-icon-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:6px;border-radius:6px;font-size:16px;transition:all .2s ease}.header-icon-btn:hover{background-color:#f3f4f6;color:#1f1f1f}.user-avatar{display:flex;align-items:center;gap:8px;background-color:#3b82f6;padding:6px 12px;border-radius:16px;font-size:14px;font-weight:500;color:#fff}.avatar-letter{background-color:#fff3;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.user-name{font-size:14px;font-weight:500}.content-area{flex:1;padding:24px;overflow-y:auto}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#6b7280}.placeholder-content h2{font-size:24px;margin-bottom:8px;color:#1f1f1f}@media (max-width: 768px){.main-header{padding:16px 20px}.content-area{padding:20px}.header-right{gap:12px}}