16 lines
1.3 KiB
CSS
16 lines
1.3 KiB
CSS
* { box-sizing: border-box; }
|
|
html, body { margin: 0; min-height: 100%; background: #f4f5f7; color: #202226; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
|
|
button, input, select, textarea { font: inherit; }
|
|
a { color: inherit; text-decoration: none; }
|
|
.app-frame { min-height: 100vh; display: grid; grid-template-columns: 196px minmax(0, 1fr); background: #f4f5f7; }
|
|
.sidebar { min-height: 100vh; border-right: 1px solid #e3e5e8; background: #fafafa; padding: 18px 12px; display: flex; flex-direction: column; }
|
|
.brand { font-size: 16px; font-weight: 750; padding: 3px 8px 20px; }
|
|
.nav-list { display: grid; gap: 4px; }
|
|
.nav-item { padding: 9px 10px; border-radius: 5px; color: #555a61; font-size: 13px; font-weight: 600; }
|
|
.nav-item[data-active="true"] { background: #e9efec; color: #204d39; }
|
|
.profile-block { margin-top: auto; border-top: 1px solid #e3e5e8; padding: 14px 8px 2px; font-size: 12px; }
|
|
.profile-block strong { display: block; font-size: 13px; margin-bottom: 2px; }
|
|
.profile-block span { color: #777c83; }
|
|
.main-surface { padding: 20px; min-width: 0; }
|
|
@media (max-width: 860px) { .app-frame { grid-template-columns: 1fr; } .sidebar { min-height: auto; border-right: 0; border-bottom: 1px solid #e3e5e8; } }
|