{"product_id":"cubic-premium-theme-for-dolibarr-erp-crm","title":"CUBIC Premium Theme for Dolibarr ERP \/ CRM","description":"\u003ch1\u003e\u003cspan lang=\"EN-US\"\u003e1. Executive Summary\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eCubic is a premium interface theme for Dolibarr ERP\/CRM. It is delivered as a standard Dolibarr module: it installs from the module manager, requires no change whatsoever to the Dolibarr core, and can be enabled or disabled at any time without affecting business data.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eWhere a conventional Dolibarr theme can only recolour the existing markup, Cubic replaces the whole application shell. It ships its own left sidebar, its own top bar, its own dashboard, and its own sign-in page, while continuing to drive every menu, permission and hook through Dolibarr's native menu system — so every third-party module you have installed keeps working exactly as before.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe theme includes four complete, switchable demos. Each one has its own dashboard composition, its own KPI family, its own sign-in layout and its own accent palette. Switching between them is a single dropdown in the configuration screen and takes effect on the next page load — there is nothing to reinstall.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eFour demos — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eCubic Analytics, Cubic Sales, Cubic Reports and Cubic Orders.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eReal data — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eevery figure on every dashboard is read live from Dolibarr; nothing is mocked.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eTrue dark mode — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003ea separate set of dark surfaces, toggled from the top bar and remembered per browser.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eDeep configuration — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003epalette, font, radius, spacing, shadows, borders, sidebar mode, header mode, layout, animations and RTL.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eFive languages — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eEnglish, French, Spanish, Italian and German (Dutch and Portuguese included as a bonus).\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eNo core modification — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003einstalled entirely under custom\/cubic.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003cspan lang=\"EN-US\"\u003e2. Theme Overview\u003c\/span\u003e\u003c\/h1\u003e\n\u003ctable class=\"MsoTableLightGridAccent1\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse; border: none; mso-border-alt: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"mso-yfti-irow: -1; mso-yfti-firstrow: yes; mso-yfti-lastfirstrow: yes;\"\u003e\n\u003ctd width=\"192\" valign=\"top\" style=\"width: 144.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 5;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eProperty\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"413\" valign=\"top\" style=\"width: 309.6pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eValue\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 0;\"\u003e\n\u003ctd width=\"192\" valign=\"top\" style=\"width: 144.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eCommercial name\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"413\" valign=\"top\" style=\"width: 309.6pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eCubic\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 1;\"\u003e\n\u003ctd width=\"192\" valign=\"top\" style=\"width: 144.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eTechnical name\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"413\" valign=\"top\" style=\"width: 309.6pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003etheme_cubic\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 2;\"\u003e\n\u003ctd width=\"192\" valign=\"top\" style=\"width: 144.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eFolder\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"413\" valign=\"top\" style=\"width: 309.6pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003ecustom\/cubic\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 3;\"\u003e\n\u003ctd width=\"192\" valign=\"top\" style=\"width: 144.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eModule class\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"413\" valign=\"top\" style=\"width: 309.6pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003emodCubic\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 4;\"\u003e\n\u003ctd width=\"192\" valign=\"top\" style=\"width: 144.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eModule id (numero)\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"413\" valign=\"top\" style=\"width: 309.6pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e10000360\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 5;\"\u003e\n\u003ctd width=\"192\" valign=\"top\" style=\"width: 144.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eVersion\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"413\" valign=\"top\" style=\"width: 309.6pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e1.0\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 6;\"\u003e\n\u003ctd width=\"192\" valign=\"top\" style=\"width: 144.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ePackage\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"413\" valign=\"top\" style=\"width: 309.6pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003emodule_cubic-1.0.zip\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 7;\"\u003e\n\u003ctd width=\"192\" valign=\"top\" style=\"width: 144.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eEditor\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"413\" valign=\"top\" style=\"width: 309.6pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eDoliResources — https:\/\/www.doliresources.com\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 8;\"\u003e\n\u003ctd width=\"192\" valign=\"top\" style=\"width: 144.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eLicence\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"413\" valign=\"top\" style=\"width: 309.6pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eGPL-3.0-or-later\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 9;\"\u003e\n\u003ctd width=\"192\" valign=\"top\" style=\"width: 144.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eDolibarr\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"413\" valign=\"top\" style=\"width: 309.6pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e16.0 and above (validated on 17.0.3; compatible with 20 and 21)\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 10; mso-yfti-lastrow: yes;\"\u003e\n\u003ctd width=\"192\" valign=\"top\" style=\"width: 144.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ePHP\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"413\" valign=\"top\" style=\"width: 309.6pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e7.0 and above, PHP 8 compatible\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003cspan lang=\"EN-US\"\u003e3. UI\/UX Philosophy\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eCubic follows the visual language of the Cubic Admin design system: a blue-to-cyan gradient top bar, a calm white sidebar headed by a large circular avatar, a very light canvas, and flat cards with a small corner radius and a soft shadow. Colour is used sparingly and always to carry meaning — never as decoration.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eDensity with air — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003egenerous 24 px gutters and a 4 px radius keep dense ERP tables readable.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eMeaningful colour — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eblue for volume, green for success, red for what needs attention, amber for pending.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eHonest figures — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003ea ratio whose population is empty renders as “n\/a”, never as a misleading 0 pct.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eMotion as feedback — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eshort, purposeful transitions on hover, fold and expand; fully disableable.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eOne system — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003ethe same tokens drive the dashboard, the standard Dolibarr pages and the sign-in screen.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 10.5pt; mso-bidi-font-size: 11.0pt; line-height: 115%; font-family: 'Calibri',sans-serif; mso-fareast-font-family: 'MS Mincho'; mso-fareast-theme-font: minor-fareast; mso-bidi-font-family: Arial; mso-bidi-theme-font: minor-bidi; color: #3e4a57; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;\"\u003e\u003cbr clear=\"all\" style=\"mso-special-character: line-break; page-break-before: always;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003cspan lang=\"EN-US\"\u003e4. The Four Demos\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eAll four demos share the Cubic chrome and read the same underlying data. They differ in how that data is composed on the dashboard, which KPI family they use, and how the sign-in page is laid out.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2\u003e\u003cspan lang=\"EN-US\"\u003e4.1 Cubic Analytics\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe analytical dashboard. A single segmented KPI strip spans the width of the page: each segment carries a teardrop icon badge, a large figure, an uppercase caption, then a rule and a footer line with a coloured pill. The fourth segment is a compact report legend. Below it, a wide twin-curve statistics panel is paired with a task-progress widget (bar sparkline, split counters, account avatars), and the page closes on three full-colour summary tiles in blue, green and red.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eSign-in layout: \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eCentred card with a gradient rule across the top of the page.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 10.5pt; mso-bidi-font-size: 11.0pt; line-height: 115%; font-family: 'Calibri',sans-serif; mso-fareast-font-family: 'MS Mincho'; mso-fareast-theme-font: minor-fareast; mso-bidi-font-family: Arial; mso-bidi-theme-font: minor-bidi; color: #3e4a57; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;\"\u003e\u003cbr clear=\"all\" style=\"mso-special-character: line-break; page-break-before: always;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003ch2\u003e\u003cspan lang=\"EN-US\"\u003e4.2 Cubic Sales\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe commercial dashboard. Four saturated full-bleed KPI cards in blue, green, red and amber carry the headline figures, each with an outline icon and a translucent chip in its footer. Three chart panels follow — sales difference (filled twin curves), a paired bar chart, and item earnings — above the customer data table with its role pills and row actions.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eSign-in layout: \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eSplit screen: a full-height gradient panel on the left, the sign-in card on the right.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 10.5pt; mso-bidi-font-size: 11.0pt; line-height: 115%; font-family: 'Calibri',sans-serif; mso-fareast-font-family: 'MS Mincho'; mso-fareast-theme-font: minor-fareast; mso-bidi-font-family: Arial; mso-bidi-theme-font: minor-bidi; color: #3e4a57; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;\"\u003e\u003cbr clear=\"all\" style=\"mso-special-character: line-break; page-break-before: always;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003ch2\u003e\u003cspan lang=\"EN-US\"\u003e4.3 Cubic Reports\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe reporting dashboard. Four horizontal widget cards pair a round solid icon with an inline mini chart or a progress bar, next to a concentric three-ring gauge with a trophy at its centre. A full-width sales report curve follows, then a row of pipeline cards, each with its own share bar.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eSign-in layout: \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eFull-page gradient with the card floating on top.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 10.5pt; mso-bidi-font-size: 11.0pt; line-height: 115%; font-family: 'Calibri',sans-serif; mso-fareast-font-family: 'MS Mincho'; mso-fareast-theme-font: minor-fareast; mso-bidi-font-family: Arial; mso-bidi-theme-font: minor-bidi; color: #3e4a57; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;\"\u003e\u003cbr clear=\"all\" style=\"mso-special-character: line-break; page-break-before: always;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003ch2\u003e\u003cspan lang=\"EN-US\"\u003e4.4 Cubic Orders\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe order-management dashboard. Three minimal white cards show a large tinted figure, a trend arrow and a teardrop badge pushed to the right edge. A sales statistics curve sits beside an order-status donut whose centre carries the total, and the page closes on the orders table with product thumbnails and status pills.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eSign-in layout: \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eMinimal: flat canvas, borderless card, a single coloured rule on top.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 10.5pt; mso-bidi-font-size: 11.0pt; line-height: 115%; font-family: 'Calibri',sans-serif; mso-fareast-font-family: 'MS Mincho'; mso-fareast-theme-font: minor-fareast; mso-bidi-font-family: Arial; mso-bidi-theme-font: minor-bidi; color: #3e4a57; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;\"\u003e\u003cbr clear=\"all\" style=\"mso-special-character: line-break; page-break-before: always;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003cspan lang=\"EN-US\"\u003e5. Dashboard Features\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eEvery figure on the Cubic dashboard is a live Dolibarr query. Nothing is hard-coded, and a panel whose underlying module is disabled is omitted rather than shown empty.\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable class=\"MsoTableLightGridAccent1\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse; border: none; mso-border-alt: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"mso-yfti-irow: -1; mso-yfti-firstrow: yes; mso-yfti-lastfirstrow: yes;\"\u003e\n\u003ctd width=\"211\" valign=\"top\" style=\"width: 158.4pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 5;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eIndicator\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"394\" valign=\"top\" style=\"width: 295.2pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eSource\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 0;\"\u003e\n\u003ctd width=\"211\" valign=\"top\" style=\"width: 158.4pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eTurnover for the period\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"394\" valign=\"top\" style=\"width: 295.2pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003ellx_facture, validated and paid invoices, amount base configurable (incl. or excl. tax)\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 1;\"\u003e\n\u003ctd width=\"211\" valign=\"top\" style=\"width: 158.4pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eOutstanding amount\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"394\" valign=\"top\" style=\"width: 295.2pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003ellx_facture, validated and unpaid\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 2;\"\u003e\n\u003ctd width=\"211\" valign=\"top\" style=\"width: 158.4pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eNew customers\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"394\" valign=\"top\" style=\"width: 295.2pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003ellx_societe, created within the period\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 3;\"\u003e\n\u003ctd width=\"211\" valign=\"top\" style=\"width: 158.4pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eOrders\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"394\" valign=\"top\" style=\"width: 295.2pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003ellx_commande, within the period\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 4;\"\u003e\n\u003ctd width=\"211\" valign=\"top\" style=\"width: 158.4pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eCollection rate\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"394\" valign=\"top\" style=\"width: 295.2pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003epaid over invoiced, both sides drawn from the same population\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 5;\"\u003e\n\u003ctd width=\"211\" valign=\"top\" style=\"width: 158.4pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eWin rate\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"394\" valign=\"top\" style=\"width: 295.2pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eproposals won over proposals decided; “n\/a” while nothing is decided\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 6;\"\u003e\n\u003ctd width=\"211\" valign=\"top\" style=\"width: 158.4pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eAnnual target\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"394\" valign=\"top\" style=\"width: 295.2pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003econfigurable; otherwise the higher of last year +10 pct and the current run-rate\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 7;\"\u003e\n\u003ctd width=\"211\" valign=\"top\" style=\"width: 158.4pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eOrder status split\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"394\" valign=\"top\" style=\"width: 295.2pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003ellx_commande grouped by status, feeding the donut\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 8; mso-yfti-lastrow: yes;\"\u003e\n\u003ctd width=\"211\" valign=\"top\" style=\"width: 158.4pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eTop accounts\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"394\" valign=\"top\" style=\"width: 295.2pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003ecustomers ranked by invoiced turnover\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eElapsed window only — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003emonths that have not happened yet are never plotted as zero — both series are cut to the same elapsed window, which is also the only honest year-on-year comparison.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eSquare-root bar scale — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003ewith real ERP data one month is routinely a hundred times another; a linear scale flattens every other bar to a hairline.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eNative widgets preserved — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eDolibarr's own boxes are rendered underneath, restyled as Cubic cards, and keep their add \/ hide \/ drag-to-reorder behaviour per user.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003cspan lang=\"EN-US\"\u003e6. Sidebar Features\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eProfile block — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003elarge circular avatar with a status chevron, the user's real photo when set, initials otherwise, name in the primary colour and role underneath.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eLive counters — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003ecoloured badges count unpaid invoices, open proposals, prospects, today's events and open projects; a module that is disabled simply has no badge.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eNative menu tree — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003ebuilt from Dolibarr's own menu system, so every module and permission is honoured.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eAccordion sub-menus — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003ethe active section expands in place; chevrons fold without navigating.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eBookmarks — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003ethe user's real Dolibarr bookmarks, with an add-this-page shortcut.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eRecently opened — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eper-session history with a colour-coded type tag.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eModule filter — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003etype to filter the navigation live.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eCollapsible rail — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003efolds to a 78 px icon rail; the state is remembered per browser and applied before first paint, so there is no fold flash on reload.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eOff-canvas on mobile — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003ebelow 760 px the rail becomes a drawer with a backdrop.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eCall to action — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003ea green button pinned at the bottom, opening the theme settings for an administrator and the user's own account otherwise.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003cspan lang=\"EN-US\"\u003e7. Topbar Features\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eGradient bar — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eblue to cyan, with the brand block rendered as its solid left segment.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eGlobal search — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003esearches third parties, invoices, orders, proposals and products from one field.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eAction icons with counters — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eopen actions assigned to the user, and today's events; the counts are rendered server-side per request rather than baked into the cached JavaScript, so they are never stale.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eTheme toggle — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eswitches light and dark instantly and remembers the choice.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eSettings shortcut — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eopens the theme configuration (administrators only).\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eNative block preserved — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003ecompany selector, print, help and the user menu are kept and restyled, and stay reachable on a phone through their own horizontal scroll.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 10.5pt; mso-bidi-font-size: 11.0pt; line-height: 115%; font-family: 'Calibri',sans-serif; mso-fareast-font-family: 'MS Mincho'; mso-fareast-theme-font: minor-fareast; mso-bidi-font-family: Arial; mso-bidi-theme-font: minor-bidi; color: #3e4a57; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;\"\u003e\u003cbr clear=\"all\" style=\"mso-special-character: line-break; page-break-before: always;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003cspan lang=\"EN-US\"\u003e8. Login Pages\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe sign-in screen is pre-session: there is no stored preference and no pre-paint script yet, so the demo is resolved server-side. Each demo therefore has its own sign-in identity, and Dolibarr's own diagonal two-tone background is neutralised so the card never sits on a half-painted canvas.\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable class=\"MsoTableLightGridAccent1\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse; border: none; mso-border-alt: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"mso-yfti-irow: -1; mso-yfti-firstrow: yes; mso-yfti-lastfirstrow: yes;\"\u003e\n\u003ctd width=\"192\" valign=\"top\" style=\"width: 144.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 5;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eDemo\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"413\" valign=\"top\" style=\"width: 309.6pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eLayout\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 0;\"\u003e\n\u003ctd width=\"192\" valign=\"top\" style=\"width: 144.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eCubic Analytics\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"413\" valign=\"top\" style=\"width: 309.6pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eCentred card, tinted halo, gradient rule across the top\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 1;\"\u003e\n\u003ctd width=\"192\" valign=\"top\" style=\"width: 144.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eCubic Sales\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"413\" valign=\"top\" style=\"width: 309.6pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eSplit screen, full-height gradient panel on the left\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 2;\"\u003e\n\u003ctd width=\"192\" valign=\"top\" style=\"width: 144.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eCubic Reports\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"413\" valign=\"top\" style=\"width: 309.6pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eFull-page gradient, card floating on top\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 3; mso-yfti-lastrow: yes;\"\u003e\n\u003ctd width=\"192\" valign=\"top\" style=\"width: 144.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eCubic Orders\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"413\" valign=\"top\" style=\"width: 309.6pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eMinimal flat canvas, borderless card with a coloured top rule\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003cspan lang=\"EN-US\"\u003e9. Widgets, KPI Cards, Charts, Tables and Forms\u003c\/span\u003e\u003c\/h1\u003e\n\u003ch2\u003e\u003cspan lang=\"EN-US\"\u003e9.1 KPI families\u003c\/span\u003e\u003c\/h2\u003e\n\u003ctable class=\"MsoTableLightGridAccent1\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse; border: none; mso-border-alt: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"mso-yfti-irow: -1; mso-yfti-firstrow: yes; mso-yfti-lastfirstrow: yes;\"\u003e\n\u003ctd width=\"144\" valign=\"top\" style=\"width: 108.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 5;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eFamily\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"115\" valign=\"top\" style=\"width: 86.4pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eUsed by\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"346\" valign=\"top\" style=\"width: 259.2pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eDescription\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 0;\"\u003e\n\u003ctd width=\"144\" valign=\"top\" style=\"width: 108.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eSegmented strip\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"115\" valign=\"top\" style=\"width: 86.4pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eAnalytics\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"346\" valign=\"top\" style=\"width: 259.2pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eOne card split into equal segments with teardrop badges\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 1;\"\u003e\n\u003ctd width=\"144\" valign=\"top\" style=\"width: 108.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eSolid cards\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"115\" valign=\"top\" style=\"width: 86.4pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eSales\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"346\" valign=\"top\" style=\"width: 259.2pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eSaturated full-bleed colour, white type, footer chip\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 2;\"\u003e\n\u003ctd width=\"144\" valign=\"top\" style=\"width: 108.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eHorizontal widgets\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"115\" valign=\"top\" style=\"width: 86.4pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eReports\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"346\" valign=\"top\" style=\"width: 259.2pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eRound solid icon, inline mini chart or progress bar\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 3; mso-yfti-lastrow: yes;\"\u003e\n\u003ctd width=\"144\" valign=\"top\" style=\"width: 108.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eMinimal cards\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"115\" valign=\"top\" style=\"width: 86.4pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eOrders\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"346\" valign=\"top\" style=\"width: 259.2pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eTinted figure, trend arrow, teardrop badge on the right\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe family is normally chosen by the demo, but it can be forced independently from the configuration screen.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2\u003e\u003cspan lang=\"EN-US\"\u003e9.2 Charts\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eAll charts are inline SVG generated in PHP: no JavaScript charting library is loaded, nothing is fetched from a CDN, and they render identically in light and dark mode.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eSmoothed twin curves, with or without a filled area\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003ePaired bar charts with a square-root scale\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eBar sparklines\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eDonut gauges with a centred figure\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eConcentric ring gauges\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eProgress bars\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2\u003e\u003cspan lang=\"EN-US\"\u003e9.3 Tables and forms\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eDolibarr's own lists, cards and forms are restyled through the theme tokens rather than rebuilt: rows, filters, column selectors, status badges, tabs, buttons and inputs all follow the active palette and adapt to dark mode. Hard-coded core colours that would break in dark mode — row separators, calendar cells, info boxes, tab underlines — are retinted to theme tokens.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 10.5pt; mso-bidi-font-size: 11.0pt; line-height: 115%; font-family: 'Calibri',sans-serif; mso-fareast-font-family: 'MS Mincho'; mso-fareast-theme-font: minor-fareast; mso-bidi-font-family: Arial; mso-bidi-theme-font: minor-bidi; color: #3e4a57; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;\"\u003e\u003cbr clear=\"all\" style=\"mso-special-character: line-break; page-break-before: always;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003cspan lang=\"EN-US\"\u003e10. Theme Configuration\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eA single configuration screen drives everything. It opens with a gallery showing the four demos, each painted in its own colours, with a preview link. The preview applies the demo to the whole interface for that session without changing the stored configuration.\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable class=\"MsoTableLightGridAccent1\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse; border: none; mso-border-alt: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"mso-yfti-irow: -1; mso-yfti-firstrow: yes; mso-yfti-lastfirstrow: yes;\"\u003e\n\u003ctd width=\"125\" valign=\"top\" style=\"width: 93.6pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 5;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eSection\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"480\" valign=\"top\" style=\"width: 360.0pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eSettings\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 0;\"\u003e\n\u003ctd width=\"125\" valign=\"top\" style=\"width: 93.6pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eDemo\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"480\" valign=\"top\" style=\"width: 360.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eActive demo, colour palette, KPI card style, start in dark mode\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 1;\"\u003e\n\u003ctd width=\"125\" valign=\"top\" style=\"width: 93.6pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eAppearance\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"480\" valign=\"top\" style=\"width: 360.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003ePrimary and accent colour, success \/ danger \/ warning colours, font family, corner radius, base font size, web font loading\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 2;\"\u003e\n\u003ctd width=\"125\" valign=\"top\" style=\"width: 93.6pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eLayout\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"480\" valign=\"top\" style=\"width: 360.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eLayout mode (fluid, boxed, compact, full), sidebar mode (demo, light, dark, coloured, floating, mini, large), header mode (demo, gradient, light, dark, transparent, coloured), shadow depth, card borders, gutter, animations, right-to-left\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 3;\"\u003e\n\u003ctd width=\"125\" valign=\"top\" style=\"width: 93.6pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eMenu\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"480\" valign=\"top\" style=\"width: 360.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eSidebar width, hide profile block, hide counters, hide call to action, hide bookmarks, hide recently opened, history length, hide top-bar icons\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 4; mso-yfti-lastrow: yes;\"\u003e\n\u003ctd width=\"125\" valign=\"top\" style=\"width: 93.6pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eDashboard\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"480\" valign=\"top\" style=\"width: 360.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eDisable the custom dashboard, hide the native widgets, annual turnover target, turnover base (incl.\/excl. tax), include abandoned invoices\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eNine palettes — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003edemo colours, blue, green, cyan, turquoise, orange, red, violet, grey, plus a fully custom pair.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eIndivergeable defaults — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003ethe stylesheet and the configuration screen read their defaults from the same preset array, so Reset can never restore a palette the theme does not actually ship.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eInstant application — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003esaving bumps Dolibarr's asset revision, so a change is visible on the next reload instead of waiting out the one-hour asset cache.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003cspan lang=\"EN-US\"\u003e11. Responsive Design\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eCubic is built mobile-first around fluid grids and relative units. There is no fixed-width layout and no horizontal page scroll at any breakpoint.\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable class=\"MsoTableLightGridAccent1\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse; border: none; mso-border-alt: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"mso-yfti-irow: -1; mso-yfti-firstrow: yes; mso-yfti-lastfirstrow: yes;\"\u003e\n\u003ctd width=\"154\" valign=\"top\" style=\"width: 115.2pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 5;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eBreakpoint\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"451\" valign=\"top\" style=\"width: 338.4pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eBehaviour\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 0;\"\u003e\n\u003ctd width=\"154\" valign=\"top\" style=\"width: 115.2pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eAbove 1400 px\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"451\" valign=\"top\" style=\"width: 338.4pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eFull grids: 4-segment KPI strip, 4 solid cards, 3 summary tiles\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 1;\"\u003e\n\u003ctd width=\"154\" valign=\"top\" style=\"width: 115.2pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e1200 – 1400 px\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"451\" valign=\"top\" style=\"width: 338.4pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eKPI grids fold to two columns\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 2;\"\u003e\n\u003ctd width=\"154\" valign=\"top\" style=\"width: 115.2pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e760 – 1200 px\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"451\" valign=\"top\" style=\"width: 338.4pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003ePanels stack to a single column; charts keep their aspect\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 3; mso-yfti-lastrow: yes;\"\u003e\n\u003ctd width=\"154\" valign=\"top\" style=\"width: 115.2pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eBelow 760 px\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"451\" valign=\"top\" style=\"width: 338.4pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eSidebar becomes an off-canvas drawer with a backdrop; the top bar spans the full width; the inline search is hidden; the native block scrolls horizontally so the user menu and sign-out stay reachable\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 10.5pt; mso-bidi-font-size: 11.0pt; line-height: 115%; font-family: 'Calibri',sans-serif; mso-fareast-font-family: 'MS Mincho'; mso-fareast-theme-font: minor-fareast; mso-bidi-font-family: Arial; mso-bidi-theme-font: minor-bidi; color: #3e4a57; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;\"\u003e\u003cbr clear=\"all\" style=\"mso-special-character: line-break; page-break-before: always;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003cspan lang=\"EN-US\"\u003e12. Dark Mode\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eDark mode is a genuine second surface set, not the light palette tinted. Every demo defines its own dark canvas, card, border and text tokens, because a saturated orange or red at low opacity turns brown on a navy background and reads as dirty.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eToggled from the top bar, applied instantly, remembered per browser\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eApplied before first paint, so there is no white flash on reload\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eA per-demo default can be set by the administrator; the user's own choice always wins afterwards\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eCovers the custom dashboard, every standard Dolibarr page, the native widgets and the sign-in screen\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eHard-coded core colours are retinted so lists, calendars and info boxes stay legible\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003cspan lang=\"EN-US\"\u003e13. Technical Architecture\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eCubic is a theme-module. A plain CSS theme cannot rebuild the application structure, so Cubic registers four things through the standard Dolibarr module descriptor:\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eAssets — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003emodule_parts injects the dynamic stylesheet and script on every page.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eMenu manager — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eMAIN_MENU_*_FORCED points at cubic_menu.php, which fills its tree from Dolibarr's own print_eldy_menu, so all modules and permissions keep working.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eHooks — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003emain redirects the home page to the Cubic dashboard; addHtmlHeader stamps the pre-paint state; toprightmenu renders the top-bar action icons with live counters.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eConfiguration page — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eadmin\/setup.php, registered through config_page_url.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe heart of the theme is core\/cubic_presets.php — a single source of truth returning the four presets. The stylesheet, the script, the dashboard, the sidebar and the configuration screen all read that one array, which is why a demo switch is total and instantaneous and why no setting can silently become a no-op.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe preview override is remembered in the session rather than read only from the query string. Dolibarr emits the module stylesheet as a plain link element with its own fixed parameters, and there is no supported way to append a custom one; storing the choice in the session is what makes the very next stylesheet request resolve to the same demo, so the preview covers the palette and the sign-in page and not just the markup.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003cspan lang=\"EN-US\"\u003e14. Folder Structure\u003c\/span\u003e\u003c\/h1\u003e\n\u003ctable class=\"MsoTableLightGridAccent1\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse; border: none; mso-border-alt: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"mso-yfti-irow: -1; mso-yfti-firstrow: yes; mso-yfti-lastfirstrow: yes;\"\u003e\n\u003ctd width=\"250\" valign=\"top\" style=\"width: 187.2pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 5;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ePath\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"355\" valign=\"top\" style=\"width: 266.4pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eContents\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 0;\"\u003e\n\u003ctd width=\"250\" valign=\"top\" style=\"width: 187.2pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ecubic\/core\/cubic_presets.php\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"355\" valign=\"top\" style=\"width: 266.4pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eThe four demos and the design-token engine\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 1;\"\u003e\n\u003ctd width=\"250\" valign=\"top\" style=\"width: 187.2pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ecubic\/core\/modules\/modCubic.class.php\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"355\" valign=\"top\" style=\"width: 266.4pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eModule descriptor, install and uninstall\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 2;\"\u003e\n\u003ctd width=\"250\" valign=\"top\" style=\"width: 187.2pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ecubic\/core\/menus\/standard\/\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"355\" valign=\"top\" style=\"width: 266.4pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eSidebar renderer and menu manager\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 3;\"\u003e\n\u003ctd width=\"250\" valign=\"top\" style=\"width: 187.2pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ecubic\/css\/cubic.css.php\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"355\" valign=\"top\" style=\"width: 266.4pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eDynamic stylesheet (tokens, core overrides, components, login)\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 4;\"\u003e\n\u003ctd width=\"250\" valign=\"top\" style=\"width: 187.2pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ecubic\/js\/cubic.js.php\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"355\" valign=\"top\" style=\"width: 266.4pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eTheme toggle, rail fold, mobile drawer, menu filter\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 5;\"\u003e\n\u003ctd width=\"250\" valign=\"top\" style=\"width: 187.2pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ecubic\/class\/actions_cubic.class.php\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"355\" valign=\"top\" style=\"width: 266.4pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eHooks\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 6;\"\u003e\n\u003ctd width=\"250\" valign=\"top\" style=\"width: 187.2pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ecubic\/index.php\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"355\" valign=\"top\" style=\"width: 266.4pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eThe four dashboards\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 7;\"\u003e\n\u003ctd width=\"250\" valign=\"top\" style=\"width: 187.2pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ecubic\/search.php\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"355\" valign=\"top\" style=\"width: 266.4pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eGlobal search results\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 8;\"\u003e\n\u003ctd width=\"250\" valign=\"top\" style=\"width: 187.2pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ecubic\/admin\/setup.php\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"355\" valign=\"top\" style=\"width: 266.4pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eConfiguration screen\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 9; mso-yfti-lastrow: yes;\"\u003e\n\u003ctd width=\"250\" valign=\"top\" style=\"width: 187.2pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ecubic\/langs\/\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: 'MS Gothic'; mso-fareast-theme-font: major-fareast; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"355\" valign=\"top\" style=\"width: 266.4pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003een_US, fr_FR, es_ES, it_IT, de_DE, nl_NL, pt_BR\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003cspan lang=\"EN-US\"\u003e15. Compatibility\u003c\/span\u003e\u003c\/h1\u003e\n\u003ch2\u003e\u003cspan lang=\"EN-US\"\u003e15.1 Browsers\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eChrome, Edge, Firefox, Safari and Opera, current and previous major versions, on desktop and mobile. Retina and high-DPI displays are supported: the interface is built from CSS and inline SVG, so it stays sharp at any pixel ratio.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2\u003e\u003cspan lang=\"EN-US\"\u003e15.2 Dolibarr\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eDolibarr 16 and above, validated on 17.0.3, and compatible with versions 20 and 21 and the versions that follow. No file of the Dolibarr core is modified, added to or patched: the theme lives entirely under custom\/cubic and is removed by deleting that folder.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 10.5pt; mso-bidi-font-size: 11.0pt; line-height: 115%; font-family: 'Calibri',sans-serif; mso-fareast-font-family: 'MS Mincho'; mso-fareast-theme-font: minor-fareast; mso-bidi-font-family: Arial; mso-bidi-theme-font: minor-bidi; color: #3e4a57; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;\"\u003e\u003cbr clear=\"all\" style=\"mso-special-character: line-break; page-break-before: always;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003cspan lang=\"EN-US\"\u003e16. Installation Guide\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"MsoListNumberCxSpFirst\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo2; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Calibri; mso-bidi-font-family: Calibri;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e1.\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e     \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eSign in to Dolibarr as an administrator.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListNumberCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo2; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Calibri; mso-bidi-font-family: Calibri;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e2.\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e     \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eOpen Home, then Setup, then Modules\/Applications.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListNumberCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo2; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Calibri; mso-bidi-font-family: Calibri;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e3.\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e     \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eClick “Deploy\/install external app\/module”.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListNumberCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo2; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Calibri; mso-bidi-font-family: Calibri;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e4.\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e     \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eUpload module_cubic-1.0.zip and confirm.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListNumberCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo2; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Calibri; mso-bidi-font-family: Calibri;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e5.\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e     \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eFind “Cubic” in the Interfaces family and enable it.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListNumberCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo2; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Calibri; mso-bidi-font-family: Calibri;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e6.\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e     \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eThe interface switches to Cubic immediately; click the cog to open the theme settings.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListNumberCxSpLast\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo2; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Calibri; mso-bidi-font-family: Calibri;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e7.\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e     \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eChoose your demo, palette and layout, then save.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eManual installation: unzip into custom\/ so the files sit at custom\/cubic\/, then enable the module from the same screen.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eTo uninstall, disable the module. The forced menu constants are removed and Dolibarr returns to its previous theme; no business data is touched.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003cspan lang=\"EN-US\"\u003e17. Customization Guide\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eChange the palette — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eConfiguration, Demo section, Colour palette. Pick one of the nine palettes or choose Custom and set the primary and accent colours.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eChange the font — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eAppearance section. Five web fonts plus a system stack; turn the web font off to load no external font at all.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eChange the shape — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eCorner radius, base font size, gutter, shadow depth and card borders are each independent.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eChange the chrome — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eSidebar mode and header mode override the demo's own choice; layout mode switches between fluid, boxed, compact and full width.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eGo further — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003ethe presets array in core\/cubic_presets.php is plain PHP and documented; adding a fifth demo is a matter of adding one entry.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003cspan lang=\"EN-US\"\u003e18. Performance Optimization\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eTwo assets — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eone stylesheet and one script, both generated in PHP and served with a one-hour browser cache; the URLs carry Dolibarr's asset revision, which the theme bumps on save so a change is never hidden behind the cache.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eNo external libraries — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eno charting library, no icon font beyond the Font Awesome Dolibarr already ships, no CDN request other than the optional Google font, which can be disabled.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eSVG, not images — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003eevery chart, badge and gauge is inline SVG — a few hundred bytes, resolution independent, and themeable through CSS variables.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eBounded queries — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003ethe dashboard runs a fixed, small set of aggregate queries; lists are capped and card pages are fetched by primary key.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\"\u003eCheap toggles — \u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003elight\/dark and rail fold are a single attribute on the root element, applied before first paint — no reflow, no flash, no round trip.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003cspan lang=\"EN-US\"\u003e19. Screenshots\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe Screenshots folder contains 80 captures at 3200 x 1980 (16:10, 2x device pixel ratio), 20 per demo, organised as Cubic-Analytics, Cubic-Sales, Cubic-Reports and Cubic-Orders. Each set covers the sign-in page, the dashboard, the theme settings, global search, third parties, a customer card, products, orders, proposals, invoices, an invoice card, payments, the agenda, projects, users, the module manager, dark mode, the collapsed rail, and the tablet and mobile layouts.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe captures were taken against a real Dolibarr instance holding roughly 4 200 third parties, 2 000 invoices, 1 300 proposals and 240 orders, so every figure shown is a genuine aggregate rather than a placeholder.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003cspan lang=\"EN-US\"\u003e20. Advantages\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eFour production-ready interfaces in one purchase, switchable in one click\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eA premium look comparable to commercial admin templates, applied to the whole of Dolibarr\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eNo core modification: upgrades of Dolibarr remain straightforward\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eEvery module you already run keeps its menus, permissions and hooks\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eGenuine dark mode across the entire application, not only the dashboard\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eLive business indicators on the home page instead of an empty landing screen\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eFive languages included\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eDeep configuration without touching a line of code\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003cspan lang=\"EN-US\"\u003e21. Future Enhancements\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eA drag-and-drop dashboard composer on top of the existing widget zones\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003ePer-user demo selection in addition to the instance-wide default\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eAdditional demo presets shipped as free updates\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eImport and export of the theme configuration as a single file\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt; margin: 0cm 0cm 3.0pt 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eAn extended right-to-left pass covering the native Dolibarr forms\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\" align=\"center\" style=\"text-align: center;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.0pt; mso-bidi-font-size: 11.0pt; line-height: 115%; color: #6b7a87;\"\u003eCubic 1.0 — Copyright (C) 2026 DoliResources — https:\/\/www.doliresources.com\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e","brand":"Dolibarr Resources","offers":[{"title":"Default Title","offer_id":53929451651390,"sku":null,"price":299.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/4174\/0094\/files\/02_dashboard.png?v=1784502491","url":"https:\/\/doliresources.com\/products\/cubic-premium-theme-for-dolibarr-erp-crm","provider":"DoliResources","version":"1.0","type":"link"}