2 lines
2.4 KiB
CSS
2 lines
2.4 KiB
CSS
*,*:before,*:after{box-sizing:border-box}:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;color:#374151;background-color:#f5f6fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh;width:100%;background-color:#f5f6fa;color:#374151}#root{min-height:100vh;width:100%;display:flex;flex-direction:column}a{color:#3498db;text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0;color:#1a2332}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px;color:#333;background-color:#fff}input::placeholder,textarea::placeholder{color:#aaa}*{outline-color:#4f46e5}html.dark body{background-color:#0f172a;color:#e2e8f0}html.dark input,html.dark select,html.dark textarea{background-color:#374151;color:#e2e8f0;border-color:#4a5568}html.dark input::placeholder,html.dark textarea::placeholder{color:#6b7280}.inbox-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.inbox-card{background:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 1px 3px #1018280f,0 1px 2px #1018280a;transition:box-shadow .18s ease,transform .18s ease}.inbox-card:hover{box-shadow:0 10px 24px #1018281a,0 2px 6px #1018280f;transform:translateY(-2px)}.inbox-card-title{color:#1f2430}.inbox-card-meta{color:#8a8fa3}.inbox-empty{background:#fff;border-radius:16px;padding:56px 24px;text-align:center;color:#9aa0b4;box-shadow:0 1px 3px #1018280f}html.dark .inbox-card{background:#1c2333;box-shadow:0 1px 3px #0000004d}html.dark .inbox-card:hover{box-shadow:0 10px 24px #0006}html.dark .inbox-card-title{color:#e2e8f0}html.dark .inbox-card-meta{color:#8b93a8}html.dark .inbox-empty{background:#1c2333;color:#7b8296}.status-card{background-color:#fff;box-shadow:0 1px 3px #10182812,0 1px 2px #1018280a;transition:box-shadow .18s ease,transform .18s ease}.status-card:hover{box-shadow:0 12px 26px #1018281a,0 2px 6px #1018280d;transform:translateY(-2px)}.status-card-title{color:#1e293b}.status-card-label{color:#64748b}.status-card-count{color:#334155}.status-card-row:hover{background:#64748b14}html.dark .status-card{background-color:#1c2333;box-shadow:0 1px 3px #0000004d}html.dark .status-card:hover{box-shadow:0 12px 26px #00000073}html.dark .status-card-title{color:#e2e8f0}html.dark .status-card-label{color:#9aa4bb}html.dark .status-card-count{color:#dbe1ee}html.dark .status-card-row:hover{background:#94a3b81f}
|