@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{box-sizing:border-box;font-family:Outfit,sans-serif;margin:0;padding:0}a,button{cursor:pointer;transition:all .3s ease}a{text-decoration:none}img{height:auto;width:100%}p{margin-bottom:15px}button{border:none;border-radius:7px;padding:.75em 1em;width:-moz-max-content;width:max-content}:root{--body-background:rgba(84,98,111,.15);--text-color:#222831;--button-background:rgba(34,40,49,.5);--button-text-color:hsla(0,0%,100%,.95);--accent-color:#82ffd9;--card-background:hsla(0,0%,100%,.95);--error-color:#f26b8a;--link-color:rgba(34,40,49,.75);--link-hover-color:#0e9d8d;--modal-background:rgba(34,40,49,.75);--search-background:hsla(0,0%,100%,.95);--search-input:rgba(0,31,41,.05);--search-input-color:rgba(34,40,49,.5);--success-color:#0e9d8d;--hr-background:rgba(34,40,49,.25);--info-bg-color:#f8de7e;--color-primary:#f8de7e;--color-primary-light:#dbeafe;--color-secondary:#6366f1;--color-bg:#fff;--color-bg-alt:#f9fafb;--color-surface:#f3f4f6;--color-text:#1f2937;--color-text-light:#6b7280;--color-border:#e5e7eb;--color-success:rgba(14,157,141,.85);--color-success-hover:rgba(14,157,141,.95);--color-warning:#f59e0b;--color-error:rgba(235,54,120,.85);--color-info:#0ea5e9;--text-muted:rgba(44,44,53,.5);--text-white:#fff}[data-theme=dark]{--body-background:#222831;--button-background:hsla(0,0%,100%,.1);--card-background:hsla(0,0%,100%,.1);--color-error:rgba(235,54,120,.65);--color-success:rgba(4,196,151,.75);--color-surface:hsla(0,0%,100%,.15);--color-text-light:hsla(0,0%,100%,.65);--link-color:hsla(0,0%,100%,.5);--info-bg-color:#f8e473;--info-text-color:#222831;--link-hover-color:hsla(0,0%,100%,.95);--modal-background:rgba(34,40,49,.85);--search-background:hsla(0,0%,100%,.05);--search-input:hsla(0,0%,100%,.1);--search-input-color:hsla(0,0%,100%,.7);--success-color:#0e9d8d;--hr-background:hsla(0,0%,100%,.15);--text-muted:hsla(0,0%,100%,.45)}html{background-color:var(--background-color);color:var(--text-color)}[data-theme=dark]{--background-color:#232b2b;--text-color:hsla(0,0%,100%,.6);--card-bg:hsla(0,0%,100%,.1);--input-bg:hsla(0,0%,100%,.05);--input-color:hsla(0,0%,100%,.75);--button-bg-hover:#471479}[data-theme=dark] body,[data-theme=dark] html{background-color:var(--background-color);color:var(--text-color)}[data-theme=dark] .tags .tag{background-color:#835cab66;color:#fff9}[data-theme=dark] html{background-color:#232b2b}.card{background:var(--card-bg);border-radius:15px;padding:1.5em 1em}.tags{display:flex;gap:2px}.tags .tag{background:#4f178799;border-radius:15px;color:var(--background-color);cursor:pointer;font-size:15px;padding:4px 14px;transition:all .4s ease-in}.tags .tag:hover{background:#4f1787e6}.modal{align-items:center;background:#2b2b39;display:flex;justify-content:center;inset:0;overflow:hidden;position:fixed;z-index:3}.modal .authcard{background:#835cab1a;border-radius:15px;padding:20px}.modal .authcard .title{color:#ffffff80;font-size:1.2em;margin-bottom:.7em}.modal .authcard form .input-group .eye-icon{cursor:pointer;margin-left:-30px;position:relative;stroke:#ffffff80;top:-2px;vertical-align:middle}.modal .authcard form .input-group .error{color:#fb773ce6;font-size:14px;font-weight:200;text-align:center}.no-scroll{overflow:hidden}form{display:flex;flex-direction:column;gap:1rem}form div button,form div input,form div select,form div textarea{border-radius:30px;font-size:1rem;padding:.9rem 1.2rem;transition:background-color .3s ease,border-color .3s ease,color .3s ease}form div input,form div select,form div textarea{background:transparent;border:1px solid var(--text-muted);color:var(--text);outline:none;width:100%}form div input:focus,form div select:focus,form div textarea:focus{border-color:var(--accent)}form div input.has_error,form div select.has_error,form div textarea.has_error{border-color:var(--rouge);color:var(--rouge)}form div .error{color:var(--error-color);font-size:.75rem;margin:.25rem 0 0 .5rem}form .password_container{align-items:center;display:flex;position:relative}form .password_container input{padding-right:2.5em}form .password_container .eye-icon{cursor:pointer;position:absolute;right:12px}form .password_container .eye-icon .iconify{color:var(--text-muted);font-size:1.25rem;transition:color .3s ease}form .password_container .eye-icon .iconify:hover{color:var(--success)}form button{background:var(--color-success);border:none;border-radius:25px;color:var(--button-text-color);cursor:pointer;font-size:18px;padding:15px 20px;transition:all .3s ease;width:-moz-max-content;width:max-content}form button:hover{background:var(--color-success-hover)}.inputs{gap:1rem}.inputs,.inputs .inputs_wrapper{display:flex;flex-direction:column}.inputs .inputs_wrapper{border:1px solid var(--text-muted);border-radius:30px;gap:.5rem;padding:1rem}.inputs .input_wrapper{position:relative}.inputs .input_wrapper button,.inputs .input_wrapper input,.inputs .input_wrapper select,.inputs .input_wrapper textarea{border-radius:30px;font-size:1rem;padding:.9rem 1.2rem;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.inputs .input_wrapper input,.inputs .input_wrapper select,.inputs .input_wrapper textarea{background:transparent;border:1px solid var(--text-muted);color:var(--text);outline:none;width:100%}.inputs .input_wrapper input:focus,.inputs .input_wrapper select:focus,.inputs .input_wrapper textarea:focus{border-color:var(--accent)}.inputs .input_wrapper input.has_error,.inputs .input_wrapper select.has_error,.inputs .input_wrapper textarea.has_error{border-color:var(--rouge);color:var(--rouge)}.inputs .input_wrapper .error{color:var(--error-color);font-size:.75rem;margin:.25rem 0 0 .5rem}.inputs .input_wrapper label{background:transparent;color:var(--text-muted);font-size:.9rem;left:1rem;padding:0 .3rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.inputs .input_wrapper input.has_value+label,.inputs .input_wrapper input:focus+label{background:var(--info-bg-color);border-radius:15px;color:var(--info-text-color);font-size:.85rem;left:.8rem;padding:.15rem .65rem;top:0}.inputs .input_wrapper_fixed{margin-top:10px;position:relative}.inputs .input_wrapper_fixed label{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--info-bg-color);border-radius:20px;color:#001f29a6;font-size:12px;padding:5px 13px;position:absolute;top:0;transform:translateY(-50%)}.inputs .input_wrapper_fixed .items{padding:7px 0 0}.inputs .input_has_value{margin-top:10px}.inputs .items_wrapper{border:1px solid var(--text-muted);border-radius:30px;padding:15px 10px}.inputs .items_wrapper .price_entry .add_price{background:#0e9d8d80;border-radius:20px;color:#ffffffd9;cursor:pointer;font-size:14px;padding:5px 10px;position:absolute;transition:all .3s ease-in}.inputs .items_wrapper .price_entry .add_price:hover{background:#0e9d8df2;color:#fffffff2}.inputs .items_wrapper .items{display:flex;flex-wrap:wrap;gap:3px}.inputs .items_wrapper .items .item{align-items:center;background:var(--button-background);border-radius:25px;color:var(--text-white);cursor:pointer;display:flex;padding:9px 13px 7px;transition:background .3s ease-in}.inputs .items_wrapper .items .added{background:var(--success-color)}.inputs .keywords,.inputs .tags{display:flex;flex-wrap:wrap;gap:.25rem}.inputs .keywords .keyword,.inputs .keywords .tag,.inputs .tags .keyword,.inputs .tags .tag{align-items:center;background:var(--dark-bg);border-radius:20px;color:var(--text-muted);display:flex;font-size:.8rem;gap:.25rem;padding:.25rem .75rem}.inputs .buttons{display:flex;gap:.5rem}.inputs .buttons .button{background:var(--accent);border-radius:25px;color:var(--btn-text);cursor:pointer;padding:.6rem 1rem;transition:background .3s ease}.inputs .buttons .button.success{background:var(--success)}.inputs .buttons .button.cancel{background:var(--rouge)}.inputs .buttons .button:hover{opacity:.85}.inputs .buttons .with_icon{align-items:center;display:flex;padding-left:25px;position:relative}.inputs .buttons .with_icon .iconify{color:#fffffff2;font-size:24px;left:13px;position:absolute}.inputs .buttons .with_icon .text{color:#fffffff2;margin-left:16px}