diff --git a/index.html b/index.html index 6d11b18..6a5e3e2 100644 --- a/index.html +++ b/index.html @@ -60,8 +60,17 @@ body{font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s .card{background:#1a1f2e;border-radius:12px;padding:24px;margin-bottom:16px} .card h4{margin-bottom:16px} .card p{color:var(--gray-500);margin-bottom:8px} +.actions{display:flex;gap:8px;align-items:center} +.employee-select{background:#2a2f3e;color:var(--white);border:1px solid rgba(255,255,255,0.1);border-radius:6px;padding:6px 10px;font-size:12px;cursor:pointer} +.btn-status{background:rgba(0,229,255,0.2);color:var(--cyan);border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.2s} +.btn-status:hover{background:var(--cyan);color:var(--ink)} +.notification{position:fixed;top:24px;right:24px;background:#1a1f2e;border:1px solid var(--cyan);border-radius:12px;padding:16px 24px;z-index:1000;display:none;animation:slideIn 0.3s ease} +.notification.show{display:block} +.notification .title{font-weight:600;margin-bottom:8px;color:var(--cyan)} +.notification .message{color:var(--gray-500);font-size:14px} +@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}} @media(max-width:1024px){.sidebar{display:none}.main{margin-left:0}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}} -@media(max-width:640px){.stats{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start;gap:8px}} +@media(max-width:640px){.stats{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start;gap:8px}.actions{flex-wrap:wrap}}
@@ -108,52 +117,118 @@ body{font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s