@keyframes brlk-spin{to{transform:rotate(360deg)}}.brlk-studio{--primary: #1976e7;--primary-hover: #1565c0;--primary-light: #eaf2ff;--dark: #080a3c;--ink: #232323;--muted: #4b5c72;--cream: #f3ede6;--card: #f6f3ef;--line: #e6e1da;--bg: #faf8f4;--accent: #1976e7;--danger: #c0392b;--ok: #1fa65a;--serif: "Times New Roman", Times, ui-serif, Georgia, serif;--sans: "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease: cubic-bezier(.25, 1, .5, 1);--dur-fast: .2s;--dur: .3s;--r: 14px;--r-lg: 22px;font-family:var(--sans);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased;background:var(--bg);border-radius:var(--r-lg);overflow:hidden;*{box-sizing:border-box}h1,h2,h3,.serif{font-family:var(--serif)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:13px;color:var(--ink)}img{max-width:100%}.btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;font-weight:600;font-size:13px;color:var(--ink);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.btn:hover{background:#fbfaf8;box-shadow:0 4px 14px #080a3c0f}.btn:active{transform:translateY(1px) scale(.99)}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.primary:hover{background:var(--primary-hover);box-shadow:0 8px 20px #1976e740}.btn.ghost{background:transparent}.btn.danger{color:var(--danger);border-color:#f0c4bd}.btn.big{padding:12px 22px;font-size:15px}.btn.sm{padding:6px 12px;font-size:12px}.btn:disabled{opacity:.55;cursor:default}.link{background:none;border:none;color:var(--primary);font-weight:600;padding:4px 0}.link:hover{text-decoration:underline}.x{border:none;background:none;color:var(--danger);font-size:16px;line-height:1}.mini{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;margin-left:4px;transition:background var(--dur-fast) var(--ease)}.mini:hover{background:var(--primary-light)}.mini.danger{color:var(--danger)}.studio-top{display:flex;align-items:center;gap:18px;padding:14px 18px;background:#fff;border-bottom:1px solid var(--line);flex-wrap:wrap}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tabs button{border:none;background:none;padding:8px 14px;border-radius:999px;font-weight:600;color:var(--muted);font-size:13px;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.tabs button:hover{color:var(--ink)}.tabs button.on{background:var(--cream);color:var(--ink)}.studio-top .right{margin-left:auto;display:flex;align-items:center;gap:12px}.content{padding:22px}.avatar{width:30px;height:30px;border-radius:50%}.signin-banner{display:flex;align-items:center;gap:12px;background:var(--primary-light);color:var(--dark);padding:10px 16px;border-radius:999px;font-weight:500}.signin-banner .grow{flex:1}.editor-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.toolbar .grow{flex:1}.total-chip{font-family:var(--serif);font-weight:700;font-size:18px;color:var(--dark)}.tpl-picker{display:flex;gap:4px;background:var(--cream);border-radius:999px;padding:3px}.tpl-picker button{border:none;background:none;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600;color:var(--muted);text-transform:capitalize}.tpl-picker button.on{background:#fff;color:var(--primary);box-shadow:0 1px 4px #080a3c14}.form{display:flex;flex-direction:column;gap:11px}.form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600}.form input,.form select,.form textarea{border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:#fff;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:11px}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px}.section-label{font-family:var(--serif);font-weight:700;margin-top:8px;font-size:15px;color:var(--dark)}.section-label.between{display:flex;justify-content:space-between;align-items:center}.inline{display:flex;gap:6px}.li-table{width:100%;border-collapse:collapse}.li-table th{text-align:left;font-size:11px;color:var(--muted);padding:4px;font-weight:600}.li-table td{padding:3px}.li-table input{width:100%}.li-table td:nth-child(2),.li-table td:nth-child(3){width:72px}.center{text-align:center}.catalog-pop{border:1px solid var(--line);border-radius:12px;background:#fff;max-height:190px;overflow:auto;box-shadow:0 10px 30px #080a3c1a}.cat-item{display:flex;justify-content:space-between;width:100%;border:none;background:none;padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;transition:background var(--dur-fast) var(--ease)}.cat-item:hover{background:var(--primary-light)}.preview-wrap{background:var(--cream);border-radius:var(--r-lg);padding:18px;overflow:auto}.a4{width:100%;background:#fff;color:#111;margin:0 auto;aspect-ratio:794/1123;padding:6%;box-shadow:0 8px 34px #080a3c1f;font-size:13px;font-family:var(--sans)}.inv-hdr{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid var(--accent);padding-bottom:18px}.hdr-left{display:flex;gap:14px;align-items:flex-start}.hdr-left .logo{width:66px;height:66px;object-fit:contain}.biz-name{font-family:var(--serif);font-weight:700;font-size:22px;color:var(--dark)}.inv-title{font-family:var(--serif);font-weight:700;font-size:30px;color:var(--accent);letter-spacing:.5px}.hdr-img,.ftr-img{width:100%;display:block}.meta-row{display:flex;justify-content:space-between;margin:24px 0}.meta-dates>div{margin-bottom:3px}.label{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.xsmall{font-size:11px}.items{width:100%;border-collapse:collapse;margin-top:10px}.items th{background:var(--cream);text-align:left;padding:10px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--dark)}.items td{padding:10px;border-bottom:1px solid var(--line)}.items .num,.num{text-align:right}.totals{margin-left:auto;width:270px;margin-top:16px}.trow{display:flex;justify-content:space-between;padding:5px 0}.trow.grand{font-family:var(--serif);border-top:2px solid var(--accent);font-weight:700;font-size:17px;margin-top:6px;padding-top:11px;color:var(--dark)}.notes{display:flex;gap:30px;margin-top:28px}.inv-ftr{margin-top:36px;border-top:1px solid var(--line);padding-top:13px;text-align:center}.sig{max-height:62px;margin-top:8px}.pill{display:inline-block;background:var(--cream);border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600;text-transform:capitalize}.pill.s-paid{background:#e6f6ea;color:var(--ok)}.pill.s-overdue{background:#fdecea;color:var(--danger)}.pill.s-draft{background:#eef0f3;color:var(--muted)}.pill.s-sent{background:var(--primary-light);color:var(--primary)}.a4.t-bold .inv-hdr{background:var(--accent);color:#fff;border:none;margin:-6% -6% 0;padding:5% 6%}.a4.t-bold .biz-name,.a4.t-bold .inv-title{color:#fff}.a4.t-bold .muted{color:#ffffffd9}.a4.t-bold .meta-row{margin-top:30px}.a4.t-minimal .inv-hdr{border-bottom:1px solid var(--line)}.a4.t-minimal .inv-title{color:var(--ink);font-weight:400}.a4.t-minimal .items th{background:none;border-bottom:2px solid var(--ink)}.a4.t-minimal .trow.grand{border-top-color:var(--ink)}.a4.t-classic{text-align:center}.a4.t-classic .inv-hdr{flex-direction:column;align-items:center;gap:8px;border-bottom:2px double var(--ink)}.a4.t-classic .hdr-left{flex-direction:column;align-items:center;text-align:center}.a4.t-classic .meta-row,.a4.t-classic .items td,.a4.t-classic .items th{text-align:left}.a4.t-classic .totals{margin:16px auto 0}.screen{display:flex;flex-direction:column;gap:16px}.list-summary{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:12px}.list-controls{display:flex;gap:8px}.list-controls input{flex:1;border:1px solid var(--line);border-radius:10px;padding:9px 12px}.data-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.data-table th{text-align:left;background:var(--cream);padding:11px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--dark)}.data-table td{padding:9px 11px;border-top:1px solid var(--line);vertical-align:top}.data-table tbody tr{transition:background var(--dur-fast) var(--ease)}.data-table tbody tr:hover{background:#fbfaf8}.data-table input,.data-table select,.data-table textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:6px}.data-table .w60{width:60px}.data-table .w80{width:90px}.actions{white-space:nowrap}.empty{text-align:center;color:var(--muted);padding:44px;background:#fff;border:1px dashed var(--line);border-radius:var(--r-lg);font-family:var(--serif);font-size:15px}.settings section{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;margin-bottom:16px;display:flex;flex-direction:column;gap:11px}.settings h3{margin:0 0 4px;font-size:18px;color:var(--dark)}.settings label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600}.settings input:not([type=checkbox]):not([type=color]),.settings select,.settings textarea{border:1px solid var(--line);border-radius:10px;padding:9px 11px}.settings .ck{flex-direction:row;align-items:center;gap:7px}.thumb{max-width:130px;border:1px solid var(--line);border-radius:10px}.thumb.wide{max-width:100%}.subtabs{display:flex;gap:6px}.subtabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;font-weight:600;transition:all var(--dur-fast) var(--ease)}.subtabs button.on{background:var(--primary);color:#fff;border-color:var(--primary)}.side-shell{display:grid;grid-template-columns:212px minmax(0,1fr);gap:22px;align-items:start}.side-nav{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:10px;position:sticky;top:96px}.side-nav .nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:700;padding:6px 12px 8px}.side-nav button{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;padding:10px 12px;border-radius:10px;font-weight:600;font-size:13px;color:var(--muted);text-align:left;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.side-nav button:hover{background:#fbfaf8;color:var(--ink)}.side-nav button.on{background:var(--primary-light);color:var(--primary)}.side-nav button svg{width:16px;height:16px;flex:none}.side-nav .nav-foot{border-top:1px solid var(--line);margin-top:8px;padding-top:10px;display:flex;align-items:center;gap:8px;padding-left:6px}.side-nav .nav-foot .who{min-width:0;flex:1;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 900px){.side-shell{grid-template-columns:1fr}.side-nav{position:static;flex-direction:row;overflow-x:auto;padding:6px;gap:4px}.side-nav .nav-label,.side-nav .nav-foot{display:none}.side-nav button{width:auto;white-space:nowrap;padding:9px 13px}}.pad{padding:18px}.grow{flex:1}.err{color:var(--danger);font-size:13px}.spinner{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:brlk-spin 1s linear infinite}@media (max-width: 900px){.editor-body{grid-template-columns:1fr}}}
