.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffecd2,#fcb69f);position:relative;overflow:hidden}.login-container:before{content:"🐕";position:absolute;font-size:120px;opacity:.1;top:10%;left:10%;animation:float 6s ease-in-out infinite}.login-container:after{content:"🐈";position:absolute;font-size:100px;opacity:.1;bottom:15%;right:15%;animation:float 5s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.login-card{width:420px;border-radius:24px!important;box-shadow:0 8px 32px #ff9a764d!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2!important;border:2px solid rgba(255,255,255,.5)!important;overflow:hidden;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.login-card .ant-card-head{background:linear-gradient(135deg,#ff9a76,#ff6b9d);border:none;text-align:center;padding:32px 24px;position:relative}.login-card .ant-card-head:before{content:"🐾";position:absolute;font-size:40px;top:-10px;left:50%;transform:translate(-50%);animation:bounce 2s infinite}.login-card .ant-card-head-title{color:#fff;font-size:28px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2);padding-top:20px}.login-card .ant-card-body{padding:40px 32px}.login-card .ant-input-affix-wrapper,.login-card .ant-input-password{border-radius:12px;border:2px solid #ffecd2;transition:all .3s ease;background:#fff5f0}.login-card .ant-input-affix-wrapper:hover,.login-card .ant-input-password:hover,.login-card .ant-input-affix-wrapper:focus,.login-card .ant-input-password:focus{border-color:#ff9a76;box-shadow:0 0 0 2px #ff9a761a}.login-card .ant-input{background:transparent}.login-card .ant-btn-primary{height:48px;font-size:16px;font-weight:600;border-radius:12px;margin-top:8px}.login-card .ant-form-item{margin-bottom:24px}.login-card .anticon{color:#ff9a76}.login-card:before{content:"🦴";position:absolute;font-size:30px;top:20px;left:20px;opacity:.3;animation:rotate 10s linear infinite}.login-card:after{content:"🎾";position:absolute;font-size:25px;bottom:20px;right:20px;opacity:.3;animation:rotate 8s linear infinite reverse}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.logo{height:48px;margin:16px;color:#fff;font-size:22px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.logo:before{content:"🐾";font-size:28px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.header{background:linear-gradient(135deg,#fff,#fff5f0);padding:0 24px;display:flex;justify-content:flex-end;align-items:center;box-shadow:0 2px 8px #ff9a7626;border-bottom:2px solid #ffecd2}.header-right{display:flex;align-items:center}.user-info{display:flex;align-items:center;cursor:pointer;padding:8px 16px;border-radius:20px;transition:all .3s ease;background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#8b4513;font-weight:500}.user-info:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff9a764d}.username{margin-left:8px}.username:before{content:"👤 "}.content{margin:24px;padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #ff9a7626;min-height:calc(100vh - 160px)}.ant-layout-sider{background:linear-gradient(180deg,#8b4513,sienna)!important;box-shadow:2px 0 8px #0000001a}.ant-menu-dark{background:transparent!important}.ant-menu-dark .ant-menu-item{border-radius:8px;margin:4px 8px;transition:all .3s ease}.ant-menu-dark .ant-menu-item:hover{background:#ffffff1a!important;transform:translate(4px)}.ant-menu-dark .ant-menu-item-selected{background:#fff3!important;font-weight:600}.ant-menu-dark .ant-menu-item-selected:before{content:"🐾";margin-right:8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#ffecd2,#fcb69f)}#root{min-height:100vh}:root{--pet-primary: #ff9a76;--pet-secondary: #ffd89b;--pet-success: #a8e6cf;--pet-warning: #ffd3b6;--pet-danger: #ffaaa5;--pet-info: #a8d8ea;--pet-bg: #fff5f0;--pet-shadow: 0 4px 12px rgba(255, 154, 118, .15)}.ant-btn-primary{background:linear-gradient(135deg,#ff9a76,#ff6b9d)!important;border:none!important;box-shadow:0 4px 12px #ff6b9d4d!important;transition:all .3s ease!important}.ant-btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px #ff6b9d66!important}.ant-menu-item-selected{background:linear-gradient(90deg,rgba(255,154,118,.1) 0%,transparent 100%)!important;border-right:3px solid #ff9a76!important}.ant-card{border-radius:16px!important;box-shadow:var(--pet-shadow)!important;border:none!important}.ant-table{border-radius:12px!important;overflow:hidden!important}.ant-table-thead>tr>th{background:linear-gradient(135deg,#ffecd2,#fcb69f)!important;color:#8b4513!important;font-weight:600!important}.ant-tag{border-radius:12px!important;padding:2px 12px!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#fff5f0;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff9a76,#ff6b9d);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff6b9d,#ff9a76)}