") 0 calc(100% - .06em) /240px 6px repeat-x;color:var(--electric-indigo);font-weight:600;padding-bottom:.2em}.strike{text-decoration:line-through}hr{border:none;border-bottom:1px solid var(--edge);height:0;margin:24px 0;width:100%}ul{list-style-type:disc}ol,ul{margin:12px 0;padding:0 0 0 18px}ol{list-style-type:decimal}code{background:var(--surface);border-radius:7px;display:inline;font-family:monospace;font-size:12px;font-weight:400;padding:3px 6px}address,code{color:var(--text-primary);line-height:21px}address{font-size:15px;font-style:normal;margin:18px 0;padding:0}.copyright *{font-size:13px;line-height:16px}.preserve-line-breaks{white-space:pre-wrap}.emoji{font-size:15px;line-height:15px;position:relative;top:2px}.emoji.emoji--mega{font-size:32px;line-height:32px}.no-linebreaks{white-space:nowrap}.linebreaks{white-space:normal}.invisible{opacity:0}.no-space{margin:3px 0!important}.little-space{margin:12px 0!important}.some-space{margin:24px 0!important}.space{margin:72px 0!important}form{margin:0 0 18px;padding:0}form label:first-child{margin-top:0}fieldset{background:var(--surface);border:none;border-radius:15px;margin:18px 0;padding:12px}fieldset>:first-child{margin-top:0}fieldset .action,fieldset .button{margin:6px 0}fieldset .switcher{width:100%}fieldset input:not([type]),fieldset input[data-type=currency],fieldset input[type=date],fieldset input[type=email],fieldset input[type=name],fieldset input[type=number],fieldset input[type=password],fieldset input[type=search],fieldset input[type=text],fieldset select,fieldset textarea{background-color:var(--background)}legend{font-size:15px;font-weight:700;line-height:21px;margin:9px 0}label,legend{color:var(--text-primary)}label{display:block;font-size:14px;font-weight:400;line-height:18px;margin:24px 0 6px;padding:0 0 0 2px}.account-selector,.amount-input,.asset-selector,.base-account-selector,.category-selector,.country-selector,.currency-selector,.date-picker,.email-input,.invoice-selector,.loan-selector,.number-input,.password-input,.percentage-input,.selector,.side-by-side,.supplier-selector,.text-area,.text-input,.url-input{margin:24px 0 9px}.account-selector label,.amount-input label,.asset-selector label,.base-account-selector label,.category-selector label,.country-selector label,.currency-selector label,.date-picker label,.email-input label,.invoice-selector label,.loan-selector label,.number-input label,.password-input label,.percentage-input label,.selector label,.side-by-side label,.supplier-selector label,.text-area label,.text-input label,.url-input label{margin:0 0 6px}.account-selector+.no-label,.amount-input+.no-label,.asset-selector+.no-label,.base-account-selector+.no-label,.category-selector+.no-label,.country-selector+.no-label,.currency-selector+.no-label,.date-picker+.no-label,.email-input+.no-label,.invoice-selector+.no-label,.loan-selector+.no-label,.number-input+.no-label,.password-input+.no-label,.percentage-input+.no-label,.selector+.no-label,.side-by-side+.no-label,.supplier-selector+.no-label,.text-area+.no-label,.text-input+.no-label,.url-input+.no-label{margin:9px 0}.input-description{color:var(--text-tertiary)}.input-description,.input-error{font-size:14px;font-weight:400;line-height:18px;margin:6px 0;padding:0 0 0 2px}.input-error{color:var(--danger)}input:not([type]),input[data-type=currency],input[data-type=date],input[type=date],input[type=email],input[type=name],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid var(--action-edge);border-radius:7px;box-shadow:none;box-sizing:border-box;caret-color:var(--text-primary);color:var(--text-primary);cursor:text;display:block;font-family:Public Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:15px;font-weight:400;line-height:21px;margin:0;max-width:100%;min-width:80px;outline:none;padding:8px 0 8px 12px;transition:background-color .1s linear;width:100%}input:not([type]):hover,input[data-type=currency]:hover,input[data-type=date]:hover,input[type=date]:hover,input[type=email]:hover,input[type=name]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=url]:hover,textarea:hover{box-shadow:0 0 0 3px var(--action)}input:not([type]):focus,input:not([type]):focus:hover,input[data-type=currency]:focus,input[data-type=currency]:focus:hover,input[data-type=date]:focus,input[data-type=date]:focus:hover,input[type=date]:focus,input[type=date]:focus:hover,input[type=email]:focus,input[type=email]:focus:hover,input[type=name]:focus,input[type=name]:focus:hover,input[type=number]:focus,input[type=number]:focus:hover,input[type=password]:focus,input[type=password]:focus:hover,input[type=search]:focus,input[type=search]:focus:hover,input[type=tel]:focus,input[type=tel]:focus:hover,input[type=text]:focus,input[type=text]:focus:hover,input[type=url]:focus,input[type=url]:focus:hover,textarea:focus,textarea:focus:hover{border:1px solid var(--action-primary);box-shadow:0 0 0 1px var(--action-primary)}input:not([type])::-moz-placeholder,input[data-type=currency]::-moz-placeholder,input[data-type=date]::-moz-placeholder,input[type=date]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=name]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=url]::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-tertiary)}input:not([type])::placeholder,input[data-type=currency]::placeholder,input[data-type=date]::placeholder,input[type=date]::placeholder,input[type=email]::placeholder,input[type=name]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=url]::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:not([type]):focus::-moz-placeholder,input[data-type=currency]:focus::-moz-placeholder,input[data-type=date]:focus::-moz-placeholder,input[type=date]:focus::-moz-placeholder,input[type=email]:focus::-moz-placeholder,input[type=name]:focus::-moz-placeholder,input[type=number]:focus::-moz-placeholder,input[type=password]:focus::-moz-placeholder,input[type=search]:focus::-moz-placeholder,input[type=tel]:focus::-moz-placeholder,input[type=text]:focus::-moz-placeholder,input[type=url]:focus::-moz-placeholder,textarea:focus::-moz-placeholder{color:var(--text-tertiary)}input:not([type]):focus::placeholder,input[data-type=currency]:focus::placeholder,input[data-type=date]:focus::placeholder,input[type=date]:focus::placeholder,input[type=email]:focus::placeholder,input[type=name]:focus::placeholder,input[type=number]:focus::placeholder,input[type=password]:focus::placeholder,input[type=search]:focus::placeholder,input[type=tel]:focus::placeholder,input[type=text]:focus::placeholder,input[type=url]:focus::placeholder,textarea:focus::placeholder{color:var(--text-tertiary)}input:not([type]):disabled,input[data-type=currency]:disabled,input[data-type=date]:disabled,input[type=date]:disabled,input[type=email]:disabled,input[type=name]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=text]:disabled,input[type=url]:disabled,textarea:disabled{background-color:var(--surface);border:1px solid var(--edge);box-shadow:none;color:var(--text-secondary);cursor:default;opacity:1}input:not([type]):-moz-read-only:not(:disabled),input[data-type=currency]:-moz-read-only:not(:disabled),input[data-type=date]:-moz-read-only:not(:disabled),input[type=date]:-moz-read-only:not(:disabled),input[type=email]:-moz-read-only:not(:disabled),input[type=name]:-moz-read-only:not(:disabled),input[type=number]:-moz-read-only:not(:disabled),input[type=password]:-moz-read-only:not(:disabled),input[type=search]:-moz-read-only:not(:disabled),input[type=tel]:-moz-read-only:not(:disabled),input[type=text]:-moz-read-only:not(:disabled),input[type=url]:-moz-read-only:not(:disabled),textarea:-moz-read-only:not(:disabled){border:1px solid var(--action-edge)}input:not([type]):read-only:not(:disabled),input[data-type=currency]:read-only:not(:disabled),input[data-type=date]:read-only:not(:disabled),input[type=date]:read-only:not(:disabled),input[type=email]:read-only:not(:disabled),input[type=name]:read-only:not(:disabled),input[type=number]:read-only:not(:disabled),input[type=password]:read-only:not(:disabled),input[type=search]:read-only:not(:disabled),input[type=tel]:read-only:not(:disabled),input[type=text]:read-only:not(:disabled),input[type=url]:read-only:not(:disabled),textarea:read-only:not(:disabled){border:1px solid var(--action-edge)}input:not([type]):-moz-read-only:focus,input[data-type=currency]:-moz-read-only:focus,input[data-type=date]:-moz-read-only:focus,input[type=date]:-moz-read-only:focus,input[type=email]:-moz-read-only:focus,input[type=name]:-moz-read-only:focus,input[type=number]:-moz-read-only:focus,input[type=password]:-moz-read-only:focus,input[type=search]:-moz-read-only:focus,input[type=tel]:-moz-read-only:focus,input[type=text]:-moz-read-only:focus,input[type=url]:-moz-read-only:focus,textarea:-moz-read-only:focus{border:1px solid var(--action-primary);box-shadow:0 0 0 1px var(--action-primary)}input:not([type]):read-only:focus,input[data-type=currency]:read-only:focus,input[data-type=date]:read-only:focus,input[type=date]:read-only:focus,input[type=email]:read-only:focus,input[type=name]:read-only:focus,input[type=number]:read-only:focus,input[type=password]:read-only:focus,input[type=search]:read-only:focus,input[type=tel]:read-only:focus,input[type=text]:read-only:focus,input[type=url]:read-only:focus,textarea:read-only:focus{border:1px solid var(--action-primary);box-shadow:0 0 0 1px var(--action-primary)}input:not([type]):-webkit-autofill,input[data-type=currency]:-webkit-autofill,input[data-type=date]:-webkit-autofill,input[type=date]:-webkit-autofill,input[type=email]:-webkit-autofill,input[type=name]:-webkit-autofill,input[type=number]:-webkit-autofill,input[type=password]:-webkit-autofill,input[type=search]:-webkit-autofill,input[type=tel]:-webkit-autofill,input[type=text]:-webkit-autofill,input[type=url]:-webkit-autofill,textarea:-webkit-autofill{caret-color:var(--text-primary-unverted)}input:not([type]):-moz-autofill,input:not([type]):-webkit-autofill,input:not([type]):autofill,input[data-type=currency]:-moz-autofill,input[data-type=currency]:-webkit-autofill,input[data-type=currency]:autofill,input[data-type=date]:-moz-autofill,input[data-type=date]:-webkit-autofill,input[data-type=date]:autofill,input[type=date]:-moz-autofill,input[type=date]:-webkit-autofill,input[type=date]:autofill,input[type=email]:-moz-autofill,input[type=email]:-webkit-autofill,input[type=email]:autofill,input[type=name]:-moz-autofill,input[type=name]:-webkit-autofill,input[type=name]:autofill,input[type=number]:-moz-autofill,input[type=number]:-webkit-autofill,input[type=number]:autofill,input[type=password]:-moz-autofill,input[type=password]:-webkit-autofill,input[type=password]:autofill,input[type=search]:-moz-autofill,input[type=search]:-webkit-autofill,input[type=search]:autofill,input[type=tel]:-moz-autofill,input[type=tel]:-webkit-autofill,input[type=tel]:autofill,input[type=text]:-moz-autofill,input[type=text]:-webkit-autofill,input[type=text]:autofill,input[type=url]:-moz-autofill,input[type=url]:-webkit-autofill,input[type=url]:autofill,textarea:-moz-autofill,textarea:-webkit-autofill,textarea:autofill{caret-color:var(--text-primary-unverted)}.text-area .text-area-wrapper>textarea{overflow:hidden;resize:none;word-break:break-word}.text-area .text-area-wrapper:after{border:1px solid transparent;content:attr(data-replicated-value) " ";font-family:Public Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:15px;font-weight:400;line-height:21px;padding:9px 0 9px 12px;visibility:hidden;white-space:pre-wrap;word-break:break-word}.text-area .text-area-wrapper{display:grid}.text-area .text-area-wrapper:after,.text-area .text-area-wrapper>textarea{grid-area:1/1/2/2}.text-area.text-area--small .text-area-wrapper:after,.text-area.text-area--small textarea{font-size:14px;line-height:18px}input[type=search]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2332333c' fill-rule='evenodd' d='M5 .3a4.7 4.7 0 1 0 2.792 8.482l2.713 2.713a.7.7 0 0 0 .99-.99L8.782 7.792A4.7 4.7 0 0 0 5 .3M1.7 5a3.3 3.3 0 1 1 6.6 0 3.3 3.3 0 0 1-6.6 0' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");background-position:left 12px top 50%;background-repeat:no-repeat;padding-left:32px}input[type=search]::-webkit-search-cancel-button{display:none}html[data-theme=light] input[type=search]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2332333c' fill-rule='evenodd' d='M5 .3a4.7 4.7 0 1 0 2.792 8.482l2.713 2.713a.7.7 0 0 0 .99-.99L8.782 7.792A4.7 4.7 0 0 0 5 .3M1.7 5a3.3 3.3 0 1 1 6.6 0 3.3 3.3 0 0 1-6.6 0' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}html[data-theme=dark] input[type=search]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M5 .3a4.7 4.7 0 1 0 2.792 8.482l2.713 2.713a.7.7 0 0 0 .99-.99L8.782 7.792A4.7 4.7 0 0 0 5 .3M1.7 5a3.3 3.3 0 1 1 6.6 0 3.3 3.3 0 0 1-6.6 0' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}input[type=file],input[type=file]:focus,input[type=file]:hover{background:none;border:none;box-shadow:none;color:transparent;min-width:auto;overflow-x:hidden;padding:0;width:auto;width:130px}input[type=file]::-webkit-file-upload-button{visibility:hidden}input[type=file]:before{background:var(--action-primary);border-radius:11px;color:var(--text-primary-inverted);content:"Choose a file";cursor:pointer;display:inline-block;font-size:15px;font-weight:400;line-height:21px;outline:none;padding:9px 15px;-webkit-user-select:none;white-space:nowrap}input[type=file]:hover:before{background:var(--action-primary-hover)}input[type=file]:active:before{background:var(--action-primary-active)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='%2332333c' fill-rule='evenodd' d='M1.005 3.255a.7.7 0 0 1 .99 0L6 7.26l4.005-4.005a.7.7 0 0 1 .99.99l-4.5 4.5a.7.7 0 0 1-.99 0l-4.5-4.5a.7.7 0 0 1 0-.99' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:right 12px top 50%;background-repeat:no-repeat;border:1px solid var(--action-edge);border-radius:7px;box-shadow:none;box-sizing:border-box;cursor:pointer;display:block;font-family:Public Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:15px;font-weight:400;line-height:21px;margin:0;max-width:100%;min-width:80px;outline:none;padding:8px 28px 8px 11px;transition:background-color .1s linear;width:100%}select,select option{color:var(--text-primary)}select option{background-color:var(--background);font-family:inherit;font-size:inherit}select::-ms-expand{display:none}select:hover{box-shadow:0 0 0 3px var(--action)}select:focus{border:1px solid var(--action-primary);box-shadow:0 0 0 1px var(--action-primary);outline:none}select:disabled,select:disabled:hover{border:1px solid var(--edge)}select option{font-weight:400}select:disabled,select:disabled:hover{background-color:var(--surface);color:var(--text-secondary);-webkit-text-fill-color:var(--text-secondary);background-position:right 12px top 50%;background-repeat:no-repeat;box-shadow:none;cursor:default;opacity:1}html[data-theme=light] select,html[data-theme=light] select:disabled,html[data-theme=light] select:disabled:hover,select:disabled,select:disabled:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='%2332333c' fill-rule='evenodd' d='M1.005 3.255a.7.7 0 0 1 .99 0L6 7.26l4.005-4.005a.7.7 0 0 1 .99.99l-4.5 4.5a.7.7 0 0 1-.99 0l-4.5-4.5a.7.7 0 0 1 0-.99' clip-rule='evenodd'/%3E%3C/svg%3E")}html[data-theme=dark] select,html[data-theme=dark] select:disabled,html[data-theme=dark] select:disabled:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M1.005 3.255a.7.7 0 0 1 .99 0L6 7.26l4.005-4.005a.7.7 0 0 1 .99.99l-4.5 4.5a.7.7 0 0 1-.99 0l-4.5-4.5a.7.7 0 0 1 0-.99' clip-rule='evenodd'/%3E%3C/svg%3E")}table{border-collapse:collapse;border-spacing:0;border-top:1px solid var(--action);margin:24px 0;width:100%}table tbody tr th,table tfoot tr th,table thead tr th{color:var(--text-secondary);font-size:14px;font-weight:400;line-height:18px}table tbody tr td,table tfoot tr td,table thead tr td{color:var(--text-primary);font-size:15px;font-weight:400;line-height:21px}table tbody tr td,table tbody tr th,table tfoot tr td,table tfoot tr th,table thead tr td,table thead tr th{border-bottom:1px solid var(--action);padding:9px 0 9px 15px;text-align:left;vertical-align:middle}table tbody tr td .currency,table tbody tr th .currency,table tfoot tr td .currency,table tfoot tr th .currency,table thead tr td .currency,table thead tr th .currency{display:block}table tbody tr td .account-selector,table tbody tr td .action,table tbody tr td .amount-input,table tbody tr td .asset-selector,table tbody tr td .button,table tbody tr td .currency-selector,table tbody tr td .date-picker,table tbody tr td .email-input,table tbody tr td .invoice-selector,table tbody tr td .label,table tbody tr td .loan-selector,table tbody tr td .menu-button,table tbody tr td .number-input,table tbody tr td .password-input,table tbody tr td .selector,table tbody tr td .subtext,table tbody tr td .supplier-selector,table tbody tr td .text,table tbody tr td .text-area,table tbody tr td .text-input,table tbody tr th .account-selector,table tbody tr th .action,table tbody tr th .amount-input,table tbody tr th .asset-selector,table tbody tr th .button,table tbody tr th .currency-selector,table tbody tr th .date-picker,table tbody tr th .email-input,table tbody tr th .invoice-selector,table tbody tr th .label,table tbody tr th .loan-selector,table tbody tr th .menu-button,table tbody tr th .number-input,table tbody tr th .password-input,table tbody tr th .selector,table tbody tr th .subtext,table tbody tr th .supplier-selector,table tbody tr th .text,table tbody tr th .text-area,table tbody tr th .text-input,table tfoot tr td .account-selector,table tfoot tr td .action,table tfoot tr td .amount-input,table tfoot tr td .asset-selector,table tfoot tr td .button,table tfoot tr td .currency-selector,table tfoot tr td .date-picker,table tfoot tr td .email-input,table tfoot tr td .invoice-selector,table tfoot tr td .label,table tfoot tr td .loan-selector,table tfoot tr td .menu-button,table tfoot tr td .number-input,table tfoot tr td .password-input,table tfoot tr td .selector,table tfoot tr td .subtext,table tfoot tr td .supplier-selector,table tfoot tr td .text,table tfoot tr td .text-area,table tfoot tr td .text-input,table tfoot tr th .account-selector,table tfoot tr th .action,table tfoot tr th .amount-input,table tfoot tr th .asset-selector,table tfoot tr th .button,table tfoot tr th .currency-selector,table tfoot tr th .date-picker,table tfoot tr th .email-input,table tfoot tr th .invoice-selector,table tfoot tr th .label,table tfoot tr th .loan-selector,table tfoot tr th .menu-button,table tfoot tr th .number-input,table tfoot tr th .password-input,table tfoot tr th .selector,table tfoot tr th .subtext,table tfoot tr th .supplier-selector,table tfoot tr th .text,table tfoot tr th .text-area,table tfoot tr th .text-input,table thead tr td .account-selector,table thead tr td .action,table thead tr td .amount-input,table thead tr td .asset-selector,table thead tr td .button,table thead tr td .currency-selector,table thead tr td .date-picker,table thead tr td .email-input,table thead tr td .invoice-selector,table thead tr td .label,table thead tr td .loan-selector,table thead tr td .menu-button,table thead tr td .number-input,table thead tr td .password-input,table thead tr td .selector,table thead tr td .subtext,table thead tr td .supplier-selector,table thead tr td .text,table thead tr td .text-area,table thead tr td .text-input,table thead tr th .account-selector,table thead tr th .action,table thead tr th .amount-input,table thead tr th .asset-selector,table thead tr th .button,table thead tr th .currency-selector,table thead tr th .date-picker,table thead tr th .email-input,table thead tr th .invoice-selector,table thead tr th .label,table thead tr th .loan-selector,table thead tr th .menu-button,table thead tr th .number-input,table thead tr th .password-input,table thead tr th .selector,table thead tr th .subtext,table thead tr th .supplier-selector,table thead tr th .text,table thead tr th .text-area,table thead tr th .text-input{margin:0}table tbody tr td:last-child,table tbody tr th:last-child,table tfoot tr td:last-child,table tfoot tr th:last-child,table thead tr td:last-child,table thead tr th:last-child{text-align:right}table tbody tr td:first-child,table tbody tr th:first-child,table tfoot tr td:first-child,table tfoot tr th:first-child,table thead tr td:first-child,table thead tr th:first-child{padding:9px 0;text-align:left}table tbody tr.hoverable,table tfoot tr.hoverable,table thead tr.hoverable{transition:background .05s linear}table tbody tr.hoverable:hover,table tfoot tr.hoverable:hover,table thead tr.hoverable:hover{background:var(--action-feedback)}table tbody tr.danger td:first-child,table tbody tr.danger th:first-child,table tbody tr.highlight td:first-child,table tbody tr.highlight th:first-child,table tbody tr.info td:first-child,table tbody tr.info th:first-child,table tbody tr.success td:first-child,table tbody tr.success th:first-child,table tbody tr.warning td:first-child,table tbody tr.warning th:first-child,table tfoot tr.danger td:first-child,table tfoot tr.danger th:first-child,table tfoot tr.highlight td:first-child,table tfoot tr.highlight th:first-child,table tfoot tr.info td:first-child,table tfoot tr.info th:first-child,table tfoot tr.success td:first-child,table tfoot tr.success th:first-child,table tfoot tr.warning td:first-child,table tfoot tr.warning th:first-child,table thead tr.danger td:first-child,table thead tr.danger th:first-child,table thead tr.highlight td:first-child,table thead tr.highlight th:first-child,table thead tr.info td:first-child,table thead tr.info th:first-child,table thead tr.success td:first-child,table thead tr.success th:first-child,table thead tr.warning td:first-child,table thead tr.warning th:first-child{border-bottom-left-radius:7px;border-top-left-radius:7px;padding-left:9px}table tbody tr.danger td:last-child,table tbody tr.danger th:last-child,table tbody tr.highlight td:last-child,table tbody tr.highlight th:last-child,table tbody tr.info td:last-child,table tbody tr.info th:last-child,table tbody tr.success td:last-child,table tbody tr.success th:last-child,table tbody tr.warning td:last-child,table tbody tr.warning th:last-child,table tfoot tr.danger td:last-child,table tfoot tr.danger th:last-child,table tfoot tr.highlight td:last-child,table tfoot tr.highlight th:last-child,table tfoot tr.info td:last-child,table tfoot tr.info th:last-child,table tfoot tr.success td:last-child,table tfoot tr.success th:last-child,table tfoot tr.warning td:last-child,table tfoot tr.warning th:last-child,table thead tr.danger td:last-child,table thead tr.danger th:last-child,table thead tr.highlight td:last-child,table thead tr.highlight th:last-child,table thead tr.info td:last-child,table thead tr.info th:last-child,table thead tr.success td:last-child,table thead tr.success th:last-child,table thead tr.warning td:last-child,table thead tr.warning th:last-child{border-bottom-right-radius:7px;border-top-right-radius:7px;padding-right:9px}table tbody tr.highlight td,table tbody tr.highlight th,table tfoot tr.highlight td,table tfoot tr.highlight th,table thead tr.highlight td,table thead tr.highlight th{background:var(--action-hover);color:var(--text-primary)}table tbody tr.highlight td svg.icon,table tbody tr.highlight th svg.icon,table tfoot tr.highlight td svg.icon,table tfoot tr.highlight th svg.icon,table thead tr.highlight td svg.icon,table thead tr.highlight th svg.icon{fill:var(--text-primary)!important}table tbody tr.danger td,table tbody tr.danger th,table tfoot tr.danger td,table tfoot tr.danger th,table thead tr.danger td,table thead tr.danger th{background:var(--danger);color:var(--text-primary-inverted)}table tbody tr.danger td svg.icon,table tbody tr.danger th svg.icon,table tfoot tr.danger td svg.icon,table tfoot tr.danger th svg.icon,table thead tr.danger td svg.icon,table thead tr.danger th svg.icon{fill:var(--text-primary-inverted)!important}table tbody tr.warning td,table tbody tr.warning th,table tfoot tr.warning td,table tfoot tr.warning th,table thead tr.warning td,table thead tr.warning th{background:var(--corn);color:var(--text-primary-unverted)}table tbody tr.warning td svg.icon,table tbody tr.warning th svg.icon,table tfoot tr.warning td svg.icon,table tfoot tr.warning th svg.icon,table thead tr.warning td svg.icon,table thead tr.warning th svg.icon{fill:var(--text-primary-unverted)!important}table tbody tr.success td,table tbody tr.success th,table tfoot tr.success td,table tfoot tr.success th,table thead tr.success td,table thead tr.success th{background:var(--jade);color:var(--text-primary-inverted)}table tbody tr.success td svg.icon,table tbody tr.success th svg.icon,table tfoot tr.success td svg.icon,table tfoot tr.success th svg.icon,table thead tr.success td svg.icon,table thead tr.success th svg.icon{fill:var(--text-primary-inverted)!important}table tbody tr.info td,table tbody tr.info th,table tfoot tr.info td,table tfoot tr.info th,table thead tr.info td,table thead tr.info th{background:var(--beau);color:var(--text-primary-inverted)}table tbody tr.info td svg.icon,table tbody tr.info th svg.icon,table tfoot tr.info td svg.icon,table tfoot tr.info th svg.icon,table thead tr.info td svg.icon,table thead tr.info th svg.icon{fill:var(--text-primary-inverted)!important}table.accounting-table tbody tr td,table.accounting-table tbody tr th,table.accounting-table tfoot tr td,table.accounting-table tfoot tr th,table.accounting-table thead tr td,table.accounting-table thead tr th{padding:9px 12px;text-align:right}table.accounting-table tbody tr td:first-child,table.accounting-table tbody tr th:first-child,table.accounting-table tfoot tr td:first-child,table.accounting-table tfoot tr th:first-child,table.accounting-table thead tr td:first-child,table.accounting-table thead tr th:first-child{text-align:left}@media (min-width:580px){.slide-enter-active,.slide-enter-active .slide-elem,.slide-leave-active,.slide-leave-active .slide-elem{transition:all .1s linear}.slide-enter-from .slide-elem,.slide-leave-to .slide-elem{transform:translate(480px)}}.slide-up-enter-active,.slide-up-enter-active .slide-up-el,.slide-up-leave-active,.slide-up-leave-active .slide-up-el{transition:all .1s linear}.slide-up-enter-from,.slide-up-leave-to{opacity:0}.slide-up-enter-from .slide-up-el,.slide-up-leave-to .slide-up-el{opacity:0;transform:translateY(24px)}.x-fade-enter-active,.x-fade-leave-active{transition:all .1s linear}.x-fade-enter-from,.x-fade-leave-to{opacity:0;position:absolute}.toasty-enter-active,.toasty-leave-active{transition:all .1s linear}.toasty-enter-from,.toasty-leave-to{opacity:0;transform:translateY(72px) translate(-50%)}.pop{animation-direction:alternate;animation-duration:.12s;animation-iteration-count:2;animation-name:pop;animation-timing-function:ease-in-out}@keyframes pop{0%{opacity:1;transform:translateY(0)}to{opacity:.2;transform:translateY(12px)}}.pop-left{animation-direction:normal;animation-duration:.2s;animation-iteration-count:1;animation-name:popleft;animation-timing-function:ease-in-out}@keyframes popleft{0%{opacity:1;transform:translate(0)}to{opacity:.1;transform:translate(24px)}}.pop-right{animation-direction:normal;animation-duration:.2s;animation-iteration-count:1;animation-name:popright;animation-timing-function:ease-in-out}@keyframes popright{0%{opacity:1;transform:translate(0)}to{opacity:.1;transform:translate(-24px)}}.slide-up-once{animation:slideUpOnce .6s ease-out forwards;animation-delay:var(--slide-up-once-delay,0s);opacity:0;transform:translateY(24px)}@keyframes slideUpOnce{to{opacity:1;transform:translateY(0)}}.bounce-enter-active{transition:opacity 75ms linear}.bounce-enter-active .bounce-elem{transition:transform 75ms linear}.bounce-leave-active{transition:opacity 75ms linear}.bounce-leave-active .bounce-elem{transition:transform 75ms linear}.bounce-enter-from,.bounce-leave-to{opacity:0}.bounce-enter-from .bounce-elem,.bounce-leave-to .bounce-elem{transform:translateY(-12px)}.slide-left-enter-active,.slide-left-leave-active{transition:all .1s linear}.slide-left-enter-from,.slide-left-leave-to{opacity:0;transform:translate(-12px)}.slide-right-enter-active,.slide-right-leave-active{transition:all .1s linear}.slide-right-enter-from,.slide-right-leave-to{opacity:0;transform:translate(12px)}.slide-fade-enter-active,.slide-fade-leave-active{transition:max-height .3s ease,opacity .3s ease}.slide-fade-enter-from,.slide-fade-leave-to{max-height:0}.slide-fade-enter-to,.slide-fade-leave-from{max-height:500px}
How to create an invoice step-by-step Create professional invoices, just like that.
Got that order? Awesome! Now let’s walk you through how to make an invoice step-by-step so you can send it off to your customer.
1. Make sure your business details are correct Making sure your invoices have the correct information displayed before you send them off is a big part of making them legit.
Crucial information that needs to be shown is:
Your business logo (For that added pizzazz 😉) Business name Address Contact information If you are a registered business, like a PTY, you will need to add your business or company registration number If you are VAT registered, you need to add your VAT registration number 2. Add a unique invoice number Each invoice needs to have a unique invoice number, which can contain letters as well as numbers. In stub, your invoice numbers will generate automatically, in chronological order, so you don't have to worry about duplicating invoice numbers. You're welcome 😉
Here are some examples of invoice numbers:
number your invoices sequentially, such as 0001, 0002 use a unique letter and number code, such as STUB0001, STUBB0002 use the date at the start of your invoice number, such as 2024-01-001 Choose a sequence that works for you, and we’ll keep it going 👍
3. Add your dates & description Even though they may not seem important, having the correct dates displayed on your invoices is a crucial element of having professional invoices. They can help make sure you get paid on time and keep your accounting records accurate.
So be sure you set the below correctly:
Invoice date – the date you created the invoice (Creation date is the date your business will recognise the sale)Due date – the date you expect to be paid by (Encourage your customers to pay you within a certain period of time)Description - A short description of what the invoice contains (Just common courtesy 😊)
4. Choose your settings Personalise what added details you want to be shown on your invoice by selecting the options in the left top setting section.
You can add:
Purchase Order number (If you are a B2B business, you may need this)Discount (Feel like being generous and offering your customers a discount? Do it 😊)Deposit (If you need your customers to pay deposits before any work is done - you can set the deposit amounts that are required)Installments (PRO FEATURE) (If your customers need to pay you in installments you can set installment terms for your customers (You just need to make sure you have enabled online payments)
5. Add your client information Important customer details to But it is always good to add:
Customer/client name Address Contact information Before you send your customers an invoice, make sure to ask them what details they would like to have on the invoice. They may have some requirements you don't want to miss.
6. Add your products and/or services Next, you’ll need to add your products and services. Your items will be listed neatly on a separate line for clear identification, as well as show the description, quantity and price of each item.
7. Add any important notes For example, you could add any payment terms, T's & C's or add a sweet thank you for their support 😬
8. Make sure you give your client a way to pay you In stub you have a few payment options you can add to your invoices making it that much more convenient for your customer to pay you.
Ways to get paid:
Add your bank account details so your customer can pay you via EFT Enable online payments so your customer can pay you with the click of a "Pay" button straight from your invoice
9. Click send Once you are happy with the invoice, you can send off your invoice straight to your customer in a few ways. Send directly to their Email, or Whatsapp or you can copy and send the link in any way you choose.
With professional accounting and invoicing software like stub, you can create and send invoices easily from any device, so you get paid faster.
Related Guides