.clay-page-bg{background:#F5F0E8;position:relative;min-height:100vh;font-family:Be Vietnam Pro,sans-serif;color:#3A3028}.clay-page-bg:before{background:radial-gradient(ellipse 600px 400px at 15% 20%,rgba(230,180,140,.12) 0,transparent 70%),radial-gradient(ellipse 500px 500px at 80% 15%,rgba(180,160,200,.08) 0,transparent 70%),radial-gradient(ellipse 400px 300px at 60% 80%,rgba(160,200,180,.08) 0,transparent 70%),radial-gradient(ellipse 350px 350px at 25% 75%,rgba(220,170,160,.06) 0,transparent 70%)}.clay-page-bg:after,.clay-page-bg:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}.clay-page-bg:after{opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.clay-card{background:rgba(250,245,237,.75);backdrop-filter:blur(12px);border-radius:20px;border:1px solid rgba(180,165,140,.15);padding:28px;box-shadow:6px 6px 20px rgba(160,145,120,.14),-4px -4px 12px rgba(255,252,245,.6),inset 0 1.5px 1px rgba(255,255,255,.55),inset 0 -1px 2px rgba(160,145,120,.06);transition:all .3s ease}.clay-card-hover:hover{box-shadow:8px 8px 24px rgba(160,145,120,.18),-6px -6px 18px rgba(255,252,245,.8),inset 0 2px 2px rgba(255,255,255,.7),inset 0 -1.5px 3px rgba(160,145,120,.1);transform:translateY(-4px)}.clay-sunken{background:#EDE7DC;border-radius:14px;border:1px solid rgba(180,165,140,.1);box-shadow:inset 2px 2px 6px rgba(160,145,120,.15),inset -1px -1px 4px rgba(255,252,245,.4);padding:16px}.clay-btn-dark{display:inline-flex;align-items:center;gap:8px;background:#3A3028;color:#F5F0E8;border-radius:14px;border:none;padding:14px 28px;font-weight:600;font-family:Be Vietnam Pro,sans-serif;font-size:15px;cursor:pointer;box-shadow:5px 5px 14px rgba(160,145,120,.3),-3px -3px 8px rgba(255,252,245,.5),inset 0 1.5px 2px rgba(255,255,255,.08),inset 0 -1.5px 3px rgba(0,0,0,.15);transition:all .2s ease;text-decoration:none}.clay-btn-dark:hover:not(:disabled){transform:translateY(-2px)}.clay-btn-dark:disabled{opacity:.5;cursor:not-allowed}.clay-btn-light{display:inline-flex;align-items:center;gap:8px;background:rgba(250,245,237,.8);color:#3A3028;border-radius:14px;border:1px solid rgba(180,165,140,.2);padding:14px 28px;font-weight:600;font-family:Be Vietnam Pro,sans-serif;font-size:15px;cursor:pointer;box-shadow:3px 3px 10px rgba(160,145,120,.15),-2px -2px 6px rgba(255,252,245,.5),inset 0 1px 1px rgba(255,255,255,.5);transition:all .2s ease;text-decoration:none}.clay-btn-light:hover:not(:disabled){transform:translateY(-2px)}.clay-btn-accent{display:inline-flex;align-items:center;gap:8px;background:#C2410C;color:#F5F0E8;border-radius:14px;border:none;padding:14px 28px;font-weight:600;font-family:Be Vietnam Pro,sans-serif;font-size:15px;cursor:pointer;box-shadow:5px 5px 14px rgba(160,145,120,.3),-3px -3px 8px rgba(255,252,245,.5),inset 0 1.5px 2px rgba(255,255,255,.1),inset 0 -1.5px 3px rgba(0,0,0,.15);transition:all .2s ease;text-decoration:none}.clay-btn-accent:hover:not(:disabled){transform:translateY(-2px)}.clay-btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#998877;border:none;padding:8px 16px;border-radius:10px;cursor:pointer;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.clay-btn-ghost:hover{background:rgba(250,245,237,.6);color:#3A3028}.clay-btn-danger{display:inline-flex;align-items:center;gap:8px;background:#C62828;color:#F5F0E8;border-radius:14px;border:none;padding:14px 28px;font-weight:600;font-family:Be Vietnam Pro,sans-serif;font-size:15px;cursor:pointer;box-shadow:5px 5px 14px rgba(160,145,120,.3),-3px -3px 8px rgba(255,252,245,.5);transition:all .2s ease}.clay-btn-sm{padding:10px 20px;font-size:13px}.clay-btn-lg{padding:16px 36px;font-size:16px}.clay-btn-full{width:100%;justify-content:center}.clay-input{width:100%;padding:14px 18px;background:#EDE7DC;border:1px solid rgba(180,165,140,.2);border-radius:12px;font-family:Be Vietnam Pro,sans-serif;font-size:15px;color:#3A3028;box-shadow:inset 2px 2px 6px rgba(160,145,120,.15),inset -1px -1px 4px rgba(255,252,245,.4);outline:none;transition:border-color .2s;box-sizing:border-box}.clay-input:focus{border-color:#C2410C}.clay-input::placeholder{color:#998877}.clay-input-error{border-color:#C62828}.clay-label{display:block;font-size:13px;font-weight:600;color:#5A4A3A;margin-bottom:8px}.clay-field{margin-bottom:20px}.clay-error{font-size:12px;color:#C62828;margin-top:6px}.clay-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 14px;border-radius:10px;font-size:11px;font-weight:600;box-shadow:3px 3px 10px rgba(160,145,120,.15),-2px -2px 6px rgba(255,252,245,.6),inset 0 1px 1px rgba(255,255,255,.5)}.clay-badge-dark{background:#3A3028;color:#F5F0E8}.clay-badge-accent{background:#C2410C;color:#F5F0E8}.clay-badge-success{background:#E8F5E9;color:#2D5A3E}.clay-badge-error{background:#FFEBEE;color:#C62828}.clay-badge-warning{background:#FFF8E1;color:#F57F17}.clay-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:#FAF5ED;border-radius:50px;border:1px solid rgba(180,165,140,.15);box-shadow:3px 3px 10px rgba(160,145,120,.15),-2px -2px 6px rgba(255,252,245,.6),inset 0 1px 1px rgba(255,255,255,.5);font-size:13px;color:#887766;font-weight:500}.clay-icon{width:40px;height:40px;border-radius:12px;background:#F0EAE0;display:flex;align-items:center;justify-content:center;color:#5A4A3A;box-shadow:3px 3px 8px rgba(160,145,120,.2),-2px -2px 5px rgba(255,252,245,.7),inset 0 1px 2px rgba(255,255,255,.5),inset 0 -1px 1px rgba(160,145,120,.08);flex-shrink:0}.clay-icon-sm{width:32px;height:32px;border-radius:10px}.clay-icon-lg{width:52px;height:52px;border-radius:16px}.clay-table{width:100%;border-collapse:separate;border-spacing:0}.clay-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;color:#998877;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(180,165,140,.15)}.clay-table td{padding:14px 16px;font-size:14px;color:#3A3028;border-bottom:1px solid rgba(180,165,140,.08)}.clay-table tr:hover td{background:rgba(250,245,237,.5)}.clay-modal-overlay{position:fixed;inset:0;background:rgba(58,48,40,.4);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:clay-fadeIn .2s ease}.clay-modal{background:#F5F0E8;border-radius:24px;padding:36px;max-width:520px;width:90%;box-shadow:12px 12px 40px rgba(160,145,120,.2),-8px -8px 24px rgba(255,252,245,.5);animation:clay-slideUp .3s ease}.clay-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:#998877;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;border:none;background:none;font-family:Be Vietnam Pro,sans-serif;width:100%}.clay-nav-item:hover{background:rgba(250,245,237,.6);color:#3A3028}.clay-nav-item.active{background:rgba(250,245,237,.8);color:#3A3028;font-weight:600;box-shadow:3px 3px 10px rgba(160,145,120,.15),-2px -2px 6px rgba(255,252,245,.6),inset 0 1px 1px rgba(255,255,255,.5)}.clay-toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:16px;border:1px solid rgba(180,165,140,.15);box-shadow:6px 6px 20px rgba(160,145,120,.14),-4px -4px 12px rgba(255,252,245,.6);font-size:14px;z-index:2000;animation:clay-slideUp .3s ease}@keyframes clay-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes clay-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes clay-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.clay-animate-in{animation:clay-slideUp .4s ease forwards}.clay-spin{animation:clay-spin 1s linear infinite}.clay-text-accent{color:#C2410C}.clay-text-muted{color:#998877}.clay-text-success{color:#2D5A3E}.clay-text-error{color:#C62828}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}