*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f4f6f8;min-height:100vh;color:#1d2a3b;line-height:1.6}a{color:inherit;text-decoration:none}.header{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px 40px;justify-content:space-between}.header,.header-left{display:flex;align-items:center}.header-left{gap:20px}.header-logo{height:40px;width:auto}.header h1{color:#1d2a3b;font-size:24px}.user-info{display:flex;align-items:center;gap:16px}.user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.user-name{color:#333}.logout-btn,.user-name{font-size:14px;font-weight:500}.logout-btn{padding:8px 20px;background:#057d79;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s;text-decoration:none}.logout-btn:hover{background:#046865}.container{max-width:1200px;margin:40px auto;padding:0 40px}.spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top-color:#057d79;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.btn{padding:12px 24px;background:linear-gradient(135deg,#057d79,#1d2a3b);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(5,125,121,.4)}.btn:active{transform:translateY(0)}.back-btn{background:hsla(0,0%,100%,.1);color:#fff;border:2px solid hsla(0,0%,100%,.3);padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s;text-decoration:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.back-btn:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.5)}