@import"https://fonts.googleapis.com/css2?family=Literata:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";html,body{background-image:url(paperboard-yellow-texture.408d3c4e782c4d5c.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;min-height:100vh;height:auto;margin:0;padding:0;font-family:Literata,serif}.frame-circle{border-radius:50%}.frame-square{border-radius:0}.frame-soft{border-radius:25%}button{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:6px;padding:.6rem;cursor:pointer;border:none;transition:background-color .2s ease,transform .2s ease}button.primary-btn{background-color:#ad9069;color:#fff}button.primary-btn:hover{background-color:#9c7e55}button.success-btn{background-color:#4caf50;color:#fff}button.success-btn:hover{background-color:#449d48}button.danger-btn{background-color:#d85c4f;color:#fff}button.danger-btn:hover{background-color:#c44e42}button.warning-btn{background-color:#e7a44d;color:#fff}button.warning-btn:hover{background-color:#d89238}button.info-btn{background-color:#6c9bcf;color:#fff}button.info-btn:hover{background-color:#5c8cc2}button.neutral-btn{background-color:#b0a18f;color:#fff}button.neutral-btn:hover{background-color:#a19281}button.soft-blue-btn{background-color:#9fb7cf;color:#fff}button.soft-blue-btn:hover{background-color:#8ea7be}button.soft-green-btn{background-color:#8ab694;color:#fff}button.soft-green-btn:hover{background-color:#7aa684}button.purple-btn{background-color:#bba0c4;color:#fff}button.purple-btn:hover{background-color:#aa8fb3}button.stone-beige-btn{background-color:#a5977e;color:#fff}button.stone-beige-btn:hover{background-color:#96886f}button.dashed-btn{background-color:transparent;border:2px dashed #e0d6c8}button.dashed-btn:hover{font-weight:700;box-shadow:0 4px 16px #00000026}mat-icon.icon-xs{width:16px;height:16px}mat-icon.icon-sm{width:18px;height:18px}mat-icon.icon-md{width:20px;height:20px}mat-icon.icon-lg{width:24px;height:24px}mat-icon.icon-xl{width:32px;height:32px}mat-icon.close{color:#000;cursor:pointer}mat-icon.close:hover{color:#c44e42}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#64646466;border-radius:10px;-webkit-transition:background-color .3s;transition:background-color .3s}::-webkit-scrollbar-thumb:hover{background-color:#646464b3}*{scrollbar-width:thin;scrollbar-color:rgba(100,100,100,.4) transparent}.error-message{color:#ff5656;font-size:14px;margin-top:5px;text-align:left}input.is-invalid,textarea.is-invalid{border:1px solid rgb(255,172,172)!important;outline:none}select{padding:10px 12px;font-size:16px;border:2px solid #e0d6c8;border-radius:6px;background-color:#fff;transition:border-color .3s ease;cursor:pointer}select:focus{outline:none;border-color:#ad9069;box-shadow:0 0 6px #e0d6c8}input[type=text],input[type=number],input[type=email],input[type=password]{padding:10px;font-size:16px;border-radius:6px;border:1px solid #e0d6c8}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus{outline:none;border-color:#d4b996;box-shadow:0 0 0 2px #a67c5233}