:root{--brand-ink:#3e1a35;--brand-accent:#6e2a5c;--brand-accent-strong:#8a3a74;--brand-cream:#f6f3ec;--brand-card:#fff;--brand-muted:#55645f;--brand-line:#e5e0d5;--font-display:"Fraunces",Georgia,serif;--font-body:"Inter","Segoe UI",Arial,sans-serif;--color-background-100:#fff;--color-background-200:#f0ede5;--color-background-300:#eae6dc;--color-background-400:#d6d0c2;--color-background-500:#aaa;--color-background-600:#777;--color-background-700:#555;--color-background-800:#2c2c2c;--color-background-900:#000;--color-neutral-100:#f3eaf1;--color-neutral-200:#e0ccdb;--color-neutral-300:#c5a2bc;--color-neutral-400:#a5749a;--color-neutral-500:var(--brand-accent-strong);--color-neutral-600:var(--brand-accent);--color-neutral-700:#5e2450;--color-neutral-800:var(--brand-ink);--color-neutral-900:#2b1226;--color-color2-100:#e5ffee;--color-color2-200:#abecc3;--color-color2-300:#7bd99d;--color-color2-400:#53c37c;--color-color2-500:#34ac5e;--color-color2-600:#1d9449;--color-color2-700:#0e7935;--color-color2-800:#045d25;--color-color2-900:#003f17;--color-color3-100:#daf1e6;--color-color3-200:#b8e0cd;--color-color3-300:#8eccaf;--color-color3-400:#63b68f;--color-color3-500:#429a72;--color-color3-600:#2d805e;--color-color3-700:#1e674c;--color-color3-800:#14523f;--color-color3-900:#0d3f34;--color-alert-100:#ffa5a5;--color-alert-200:#f38080;--color-alert-300:#e66060;--color-alert-400:#d84545;--color-alert-500:#c92e2e;--color-alert-600:#b81d1d;--color-alert-700:#a70f0f;--color-alert-800:#930606;--color-alert-900:#7f0000;--color-success-100:#e5ffee;--color-success-200:#abecc3;--color-success-300:#7bd99d;--color-success-400:#53c37c;--color-success-500:#34ac5e;--color-success-600:#1d9449;--color-success-700:#0e7935;--color-success-800:#045d25;--color-success-900:#003f17;--color-warning-100:#ffefbf;--color-warning-200:#fbe297;--color-warning-300:#f6d573;--color-warning-400:#eec853;--color-warning-500:#e4b938;--color-warning-600:#d8ab23;--color-warning-700:#c99c12;--color-warning-800:#b88c07;--color-warning-900:#a57c00}body{font-family:var(--font-body);margin:auto;padding:0;text-align:left}*,:after,:before,body{box-sizing:border-box}.container{width:1200px;height:100%;margin:auto;padding:20px;background-color:var(--color-background-300)}.header{background-color:var(--color-neutral-800);color:#fff;padding:10px 20px;text-align:center}.error-message{background-color:#f44336;color:#fff;padding:10px;margin:10px 0;border-radius:4px}#paypal-button-container-topup{margin:20px auto;padding:20px;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;width:400px;overflow:auto}#header{text-align:center;color:#333;margin-bottom:20px}.input-group{margin-bottom:10px}label{display:block;margin-bottom:5px;font-weight:700}input[type=email],input[type=password]{width:100%;padding:8px;border:1px solid #fff}button{width:100%;padding:10px;background-color:var(--color-neutral-300);border:1px solid var(--color-neutral-300);border-radius:18px;color:#000c;font-weight:700;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.05)}button:hover{background-color:var(--color-color2-200);color:var(--color-neutral-900)}@keyframes shine{0%{left:100%}to{left:-200%}}.app-container{display:flex;width:100%;height:100%}.table-view{width:50%;padding:20px;color:#000}.document-table{width:98%;border-collapse:collapse;text-align:left;border-spacing:0 15px}.document-table td,.document-table td>div,.document-table th{padding:10px}.document-table{cursor:pointer}.document-table tbody tr:hover{background-color:#f5f5f5;border-radius:4px}.document-table td>.first-cell{border-top-left-radius:10px;border-bottom-left-radius:10px}.document-table td>.last-cell{border-top-right-radius:10px;border-bottom-right-radius:10px}tbody tr{box-shadow:0 2px 4px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.05)}tbody tr:hover{box-shadow:0 4px 8px rgba(0,0,0,.2),0 6px 16px rgba(0,0,0,.1)}div,tr{border-radius:8px}.document-table tbody tr{background-color:var(--color-neutral-100)}.document-table tbody tr:hover{box-shadow:0 4px 8px rgba(0,0,0,.2),0 6px 16px rgba(0,0,0,.1)}.document-table tbody tr.selected{font-weight:700}.document-table tbody tr:hover{background-color:var(--color-neutral-200)}.delete-button{background:none;border:none;cursor:pointer;font-size:1.5em;color:#fff;font-family:Gluten,cursive;position:relative;box-shadow:none}.delete-button:hover{background-color:var(--color-neutral-100)}.tooltip-text{visibility:hidden;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:5px;border-radius:3px;white-space:nowrap;font-size:12px}.delete-button:hover .tooltip-text{visibility:visible}.popup-buttons{display:flex;gap:10px}.confirm-button{background-color:red}.cancel-button,.confirm-button{color:#fff;border:none;padding:10px;cursor:pointer}.cancel-button{background-color:#607caf}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border:1px solid #ccc;box-shadow:0 2px 10px rgba(0,0,0,.1)}.detail-view{width:50%;padding:20px}.detail-view,.table-view{flex-grow:1;overflow:auto;height:100%;box-shadow:0 4px 8px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.1)}.detail-view h2,.detail-view p{margin-bottom:30px;padding:20px;border-radius:10px;background-color:#f9f9f9}.detail-view h2{font-size:2em;margin-top:0}.detail-view p{margin-bottom:10px}.edit-popup{background-color:#f3f9f1}.edit-cancel-popup-button,.edit-confirm-button,.edit-confirm-popup-button{padding:10px;cursor:pointer;border:none}.edit-confirm-button{background-color:green;color:#fff}.edit-confirm-button:disabled{background-color:grey;color:#d3d3d3;cursor:not-allowed}.edit-confirm-popup-button{background-color:#0af;color:#fff}.edit-cancel-popup-button{background-color:#fa0;color:#fff}.editable-content,.editable-summary,.editable-title{width:100%;border:none;background:none;outline:none;font-size:inherit;font-family:inherit;color:inherit}.editable-title{font-size:2em}.editable-content,.editable-summary{resize:vertical;min-height:50px}.edit-cancel-button{padding:10px;cursor:pointer;border:none;background-color:#f66;color:#fff}.edit-cancel-button:disabled{background-color:grey;color:#d3d3d3;cursor:not-allowed}.main-content{display:flex;flex-direction:column;align-items:center;height:calc(100vh - 250px);padding:20px;overflow:auto}.board-section{width:100%;height:auto;margin-bottom:20px;flex-grow:0;display:flex}.drop-zone{text-align:center;margin-bottom:10px}.drop-zone:hover{border-color:#aaa}.upload-container{font-family:Arial,sans-serif;margin:20px;padding:20px;border:1px solid #ccc;border-radius:8px}.drop-zone{padding:20px;border:2px dashed #ccc;border-radius:8px;cursor:pointer}.file-list{margin-top:20px}.file-list ul{list-style-type:none;padding-left:0}.website-input{padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:8px;text-align:center}.website-input input{width:80%;padding:8px}.textinput,.website-input input{border:1px solid #ccc;border-radius:4px}.textinput{margin-top:5px;margin-bottom:15px;padding:10px;width:100%;box-sizing:border-box}@media (max-width:920px){.app-container{flex-direction:column}.app-container>:first-child{flex:1 1;margin-bottom:10px}.app-container>:nth-child(2){flex:2 1}.detail-view,.table-view{width:100%}.board-section{flex-direction:column}.table-view td{padding:0 10px;max-width:200px}.table-view td>div{padding:5px 0;overflow-wrap:break-word}.detail-view{display:none}.visible{display:block}.closedoc{transform:translateY(-20%)}.closedoc,.closedoc2{background:none;border:none;width:20px;height:20px;cursor:pointer;height:100%}.closedoc2{position:absolute;right:50px;top:60px;transform:translateY(-50%)}.hidden{display:none}}.table-view{background:var(--brand-card);border-radius:16px;padding:18px}.document-table{width:100%;border-collapse:separate;border-spacing:0 10px}.document-table thead{display:none}.document-table tbody tr{background:var(--brand-card);border:1px solid var(--brand-line);cursor:pointer}.document-table tbody tr td{border-top:1px solid var(--brand-line);border-bottom:1px solid var(--brand-line);padding:14px 12px;background:transparent;vertical-align:middle}.document-table tbody tr td:first-child{border-left:1px solid var(--brand-line);border-radius:12px 0 0 12px;width:100%}.document-table tbody tr td:last-child{border-right:1px solid var(--brand-line);border-radius:0 12px 12px 0;white-space:nowrap}.document-table tbody tr:hover td{background:var(--brand-cream)}.document-table tbody tr.selected td{background:#f1e8ef}.document-table .first-cell{font-weight:600;color:var(--brand-ink);font-size:14px;line-height:1.45}.document-table .delete-button{background:transparent;border:none;cursor:pointer;opacity:.65;color:var(--brand-muted);width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--brand-line);border-radius:9px}.document-table .delete-button:hover{opacity:1;color:var(--color-alert-500);border-color:var(--color-alert-300)}.detail-view{background:var(--brand-card);border-radius:16px;padding:18px;box-shadow:none;border:1px solid var(--brand-line)}@media (min-width:921px){.detail-view{margin-left:18px}}.table-view{box-shadow:none;border:1px solid var(--brand-line)}